:root{--ink: #111114;--ink-2: #333338;--muted: #5c5c66;--rule: #d8d8dc;--soft: #f4f4f6;--hl: #ffe14d;--link: #1d4ed8;--display: "Archivo", system-ui, sans-serif;--body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--gutter: 16px;color-scheme:light}@media (min-width: 860px){:root{--gutter: 32px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.55 var(--body);-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column;overflow-x:hidden}#app,.app-shell{display:contents}main{flex:1}a{color:inherit}a:hover{color:var(--link)}button,input{font:inherit;color:inherit}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}b{font-weight:600}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 var(--gutter)}.display{font-family:var(--display);font-stretch:125%;font-weight:800;letter-spacing:-.02em;line-height:1}.mono{font-family:var(--mono);font-weight:500;font-size:13px;letter-spacing:.02em;text-transform:uppercase}.mono-num{font-family:var(--mono);font-weight:500;font-size:15px}.muted{color:var(--muted)}.hl{background:var(--hl);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hl--rot{display:inline-block;min-width:7ch;padding:.1em .12em;overflow:hidden;vertical-align:bottom;line-height:1.12}.hl__word{display:inline-block;animation:word-in .5s cubic-bezier(.2,.7,.2,1) both}@keyframes word-in{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hl__word{animation:none}}.strike{text-decoration:line-through;text-decoration-thickness:.09em;text-decoration-color:var(--hl)}@media (max-width: 859px){.hide-sm,.hero__title br,.subject__title br{display:none!important}}.topbar{border-bottom:1.5px solid var(--ink);background:#fff;padding-top:env(safe-area-inset-top)}.topbar__inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-family:var(--display);font-stretch:125%;font-weight:800;font-size:20px;letter-spacing:-.03em;text-decoration:none;white-space:nowrap;flex:none}.brand:hover{color:var(--ink)}.nav{display:flex;align-items:center;gap:20px;min-width:0;flex:1;justify-content:flex-end}.nav>a{text-decoration:none;font-weight:500;min-height:44px;display:inline-flex;align-items:center;padding:0 4px;white-space:nowrap}.search{position:relative;display:flex;border:2px solid var(--ink);height:64px;max-width:720px;width:100%}.search input{flex:1;min-width:0;border:0;outline:0;font-size:19px;padding:0 20px;background:#fff}.search input::placeholder{color:var(--muted)}.search input::-webkit-search-cancel-button{-webkit-appearance:none}.search input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--hl)}.search>button{border:0;background:var(--ink);color:#fff;font-weight:600;font-size:16px;padding:0 24px;cursor:pointer}.search>button:hover{background:var(--link)}.search--compact{height:44px;border-width:1.5px;max-width:320px}.search--compact input{font-size:16px;padding:0 12px}.search--compact>button{padding:0 14px;font-size:14px}.search__list{position:absolute;top:calc(100% + 2px);left:-2px;right:-2px;z-index:30;background:#fff;border:2px solid var(--ink);max-height:min(60dvh,420px);overflow:auto}.search--compact .search__list{left:-1.5px;right:-1.5px;border-width:1.5px}.search__list button{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;min-height:52px;border:0;background:transparent;text-align:left;cursor:pointer;border-bottom:1px solid var(--rule)}.search__list li:last-child button{border-bottom:0}.search__list button.is-active{background:var(--soft)}.search__name{font-weight:600;flex:1;font-size:16px}.search__meta{color:var(--muted);white-space:nowrap}.search__empty{padding:14px;color:var(--muted)}.tile{position:relative;overflow:hidden;width:44px;height:44px;flex:none;display:inline-grid;place-items:center;border:1.5px solid var(--ink);background:#fff;font-family:var(--mono);font-weight:500;font-size:15px;color:var(--ink)}.tile--sm{width:40px;height:40px;font-size:14px}.tile--pick{background:var(--hl)}.tile__initials{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.tile__logo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:7px;background:#fff;opacity:0}.tile--pick .tile__logo{background:var(--hl)}.tile__logo.is-loaded{opacity:1}.hero{padding-top:48px;padding-bottom:48px;display:flex;flex-direction:column;gap:24px}@media (min-width: 860px){.hero{padding-top:72px;padding-bottom:56px;gap:28px}}.hero__title{font-size:clamp(40px,7.5vw,84px)}.hero__lede{font-size:clamp(18px,2.2vw,21px);max-width:30em;color:var(--ink-2)}.section{padding-bottom:72px}.section__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:16px}.section__head h2{font-size:clamp(26px,3vw,32px)}.pairs{display:grid;grid-template-columns:1fr;border-top:2px solid var(--ink);border-left:1.5px solid var(--ink)}@media (min-width: 600px){.pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.pairs{grid-template-columns:repeat(3,minmax(0,1fr))}}.pair{display:flex;flex-direction:column;gap:14px;padding:24px;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);text-decoration:none;min-height:200px}.pair:hover{background:var(--soft);color:var(--ink)}.pair__vs{display:flex;align-items:center;gap:10px}.pair__kicker{display:block;margin-bottom:4px}.pair__name{display:block;font-size:28px}.pair__facts{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:15px}.band{border-top:1.5px solid var(--ink);background:var(--ink);color:#fff}.band__grid{padding-top:40px;padding-bottom:48px;display:grid;grid-template-columns:1fr;gap:28px}@media (min-width: 860px){.band__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}}.band p{color:#d6d6dc;font-size:16px}.band__k{color:#b8b8c0!important;margin-bottom:8px}.band__name{color:#fff!important;font-size:30px;margin-bottom:8px}.subject{padding-top:40px;padding-bottom:28px;display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 960px){.subject{padding-top:48px;grid-template-columns:2fr 1fr;align-items:end}}.subject__main{display:flex;flex-direction:column;gap:20px;min-width:0}.subject__title{font-size:clamp(34px,5.6vw,72px)}.subject__lede{font-size:clamp(17px,2vw,20px);max-width:34em;color:var(--ink-2)}.reasons{border:1.5px solid var(--ink);padding:20px 22px;display:flex;flex-direction:column;gap:14px}.reasons ol{list-style:decimal;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:16px}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-bottom:20px}.filters__count{margin-left:auto;font-size:15px;color:var(--muted)}.filters__count b{color:var(--ink)}@media (max-width: 599px){.filters__count{width:100%;margin-left:0}}.chip{height:44px;padding:0 16px;border:1.5px solid var(--ink);background:#fff;font-weight:600;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.chip:hover{background:var(--soft)}.chip__n{opacity:.8}.chip.is-on{background:var(--ink);color:#fff}.cmp{border-top:2px solid var(--ink)}.row{display:grid;grid-template-columns:2.4fr 1fr 1.05fr 1.05fr 1fr 1.8fr 1.1fr;gap:0 16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--rule)}.row--head{padding:10px 0;border-bottom:1.5px solid var(--ink);color:var(--muted)}.row--ref{background:var(--soft);margin:0 -16px;padding-left:16px;padding-right:16px;border-bottom:2px solid var(--ink)}.c{min-width:0}.c--likes{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.lbl{display:none}.name{display:flex;gap:14px;align-items:center}.name__text{min-width:0}.name__line{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.name__link{font-weight:600;font-size:18px;text-decoration:none}a.name__link:hover{text-decoration:underline}.pick{background:var(--hl);padding:1px 6px}.why{color:var(--muted);font-size:15px;margin-top:3px}.yn{font-weight:600;font-size:15px;white-space:nowrap}.yn--no{color:var(--muted);font-weight:500}.plat{font-size:14px;color:var(--muted);line-height:1.35}.like{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px;border:1.5px solid var(--ink);background:#fff;cursor:pointer}.like svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.like.is-on{background:var(--hl)}.like.is-on svg{fill:var(--ink)}.visit{font-size:14px;font-weight:500;text-decoration:none;color:var(--muted);min-height:32px;display:inline-flex;align-items:center}.visit:hover{color:var(--link)}.legend{margin:20px 0 48px;font-size:15px;color:var(--muted);max-width:60em}.legend b{color:var(--ink)}.empty{padding:40px 16px;text-align:center;display:grid;gap:16px;justify-items:center;color:var(--muted)}@media (max-width: 859px){.row{grid-template-columns:1fr 1fr;gap:12px 16px;padding:20px 0}.row--head{display:none}.row--ref{margin:0;padding:20px 12px}.c--wide{grid-column:1 / -1}.c--likes{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center;text-align:left}.lbl{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.c--likes .lbl{display:none}}.footer{border-top:1.5px solid var(--ink);padding:24px 0 calc(24px + env(safe-area-inset-bottom));font-size:14px;color:var(--muted)}.footer__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}@media (prefers-reduced-motion: no-preference){.chip,.pair,.like{transition:background .12s}}