.relations-index{padding-top:48px}.relations-hero{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:40px 72px;padding-bottom:88px;display:grid}.relations-intro h1{margin-bottom:22px;font-size:clamp(3.4rem,6.4vw,5.4rem)}.relations-intro>p:not(.breadcrumb){max-width:40ch;color:var(--mist);margin:0;font-size:19px;line-height:1.6}.picker-section{min-width:0;position:relative}.pair-machine--picker .pair-slots{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}.pair-machine--picker .pair-slot__button{background:var(--carbon);box-shadow:var(--shadow);transition:transform .32s var(--ease-out), box-shadow .32s var(--ease-out);border:0;padding:0;display:grid;overflow:hidden}.pair-machine--picker .pair-slot__button:hover,.pair-machine--picker .pair-slot__button[aria-expanded=true]{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.pair-slot__art{display:grid}.pair-slot__art .pair-art img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.pair-slot__text{gap:1px;padding:14px 18px 16px;display:grid}.pair-machine--picker .pair-slot__button strong{font-size:36px}.pair-machine--picker .pair-slot__sub{color:var(--mist);font-family:var(--font-display);font-size:18px;font-style:italic}.pair-machine--picker .pair-slot__role{margin-top:4px}.pair-machine--picker .pair-slot__hint{margin-top:8px}.pair-machine--picker .pair-swap{border-color:var(--graphite);background:var(--carbon);width:46px;height:46px;min-height:0;box-shadow:var(--shadow);padding:0}.pair-machine--picker .pair-swap__text{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.pair-machine--picker .pair-picker{z-index:10;margin-top:12px;position:absolute;left:0;right:0}.pair-machine--picker .pair-preview{border-top:1px solid var(--graphite);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px;margin-top:22px;padding-top:20px;display:grid}.pair-preview p{gap:2px;margin:0;display:grid}.pair-preview__name{color:var(--paper);font-family:var(--font-display);font-size:30px;line-height:1.15}.pair-preview__note{color:var(--fog);font-size:15px}.family-index{border-top:1px solid var(--graphite);padding-top:64px}.family-index__intro{max-width:60ch;margin-bottom:36px}.family-index__intro h2{margin-bottom:10px}.family-index__intro p{color:var(--fog);margin:0;font-size:17px}.family-index__label{margin-top:12px;display:none}.family-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 32px;display:grid}.family-card{align-content:start;gap:18px;min-width:0;display:grid}.family-card__head{gap:16px;display:grid}.relations-index .family-card .editorial-plate .editorial-picture{aspect-ratio:5/4;border-radius:var(--radius);box-shadow:var(--shadow);border:0}.relations-index .family-card .editorial-plate figcaption{margin-top:8px}.relations-index .family-card .editorial-plate figcaption .editorial-label{text-align:left;font-size:12.5px}.family-card__label{align-items:center;gap:10px;margin:0 0 8px;font-size:28px;font-weight:450;display:flex}.family-card__label span{background:var(--family);border-radius:50%;flex:none;width:9px;height:9px}.family-card__head p{color:var(--fog);margin:0;font-size:15px;line-height:1.55}.family-card ul{border-top:1px solid var(--graphite);margin:0;padding:0;list-style:none}.family-link{border-bottom:1px solid var(--graphite);grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:12px;min-height:58px;padding:10px 0;display:grid}.family-link strong{color:var(--paper);font-family:var(--font-display);font-size:20px;font-weight:460;line-height:1.25;display:block}.family-link small{color:var(--fog);margin-top:2px;font-size:12.5px;display:block}.family-link em{color:var(--ash);white-space:nowrap;font-size:12.5px;font-style:normal}.family-link b{color:var(--ash);transition:transform .24s var(--ease-out), color .16s ease;font-weight:400}.family-link:hover strong{text-underline-offset:4px;text-decoration:underline 1px}.family-link:hover b{color:var(--paper);transform:translate(3px)}.matrix-section{border-top:1px solid var(--graphite);margin-top:72px}.matrix-disclosure>summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;padding:28px 0 22px;display:grid}.matrix-disclosure>summary:after{grid-area:1/2/span 2}.matrix-disclosure h2{margin:0}.matrix-disclosure__hint{color:var(--fog);font-size:15px}.matrix-head{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:end;gap:28px;margin-bottom:18px;display:grid}.matrix-head .section-label{max-width:62ch;margin:0}.matrix-legend{flex-wrap:wrap;gap:6px 18px;margin:0 0 10px;padding:0;list-style:none;display:flex}.matrix-legend li{color:var(--mist);align-items:center;gap:8px;font-size:14px;display:inline-flex}.matrix-legend span{background:var(--family);border-radius:50%;width:9px;height:9px}.matrix-instructions{color:var(--fog);margin:8px 0 0;font-size:12.5px}.matrix-readout{border:1px solid var(--graphite);border-radius:var(--radius);background:var(--carbon);flex-wrap:wrap;align-items:baseline;gap:4px 14px;min-height:88px;margin:0;padding:14px 18px;display:flex}.matrix-readout__pair{color:var(--fog);font-size:14px}.matrix-readout b{color:var(--paper);font-family:var(--font-display);font-size:22px;font-weight:480}.matrix-readout em{color:var(--fog);font-size:14px;font-style:normal}.matrix-readout__mechanism{color:var(--fog);flex-basis:100%;font-size:12.5px}.matrix-scroll{border:1px solid var(--graphite);border-radius:var(--radius);background:var(--carbon);overflow:auto}.matrix-scroll table{border-collapse:separate;border-spacing:0;width:100%;min-width:1230px;font-size:12.5px}.matrix-scroll caption{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.matrix-scroll th,.matrix-scroll td{border-bottom:1px solid var(--graphite);text-align:center;min-width:66px;height:46px;padding:0}.matrix-scroll th{z-index:2;background:var(--carbon);color:var(--fog);font-family:var(--font-display);padding:3px;font-size:15px;font-weight:500;position:sticky;top:0}.matrix-scroll thead th{border-bottom-color:var(--smoke)}.matrix-scroll tbody th{z-index:1;border-right:1px solid var(--smoke);left:0}.matrix-scroll thead th:first-child{z-index:3;border-right:1px solid var(--smoke);min-width:96px;color:var(--ash);font-family:var(--font-ui);font-size:11.5px;font-weight:500;left:0}.matrix-scroll th a:hover{color:var(--paper)}.matrix-scroll th[data-hot],.matrix-scroll tr[data-hot]>th{color:var(--paper);background:var(--obsidian)}.matrix-scroll td[data-seam=true],.matrix-scroll th[data-seam=true]{border-right:1px solid var(--smoke)}.matrix-scroll tr[data-seam=true]>*{border-bottom-color:var(--smoke)}.matrix-scroll tr:last-child>*{border-bottom:0}.matrix-cell{min-height:43px;color:var(--mist);white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:3px;font-size:11.5px;line-height:1.1;transition:opacity .2s,background-color .16s,color .16s;display:flex}.matrix-cell i{background:var(--family);width:6px;height:6px;opacity:calc(.35 + var(--tint,.5) * .65);border-radius:50%;flex:none}.matrix-cell:hover,.matrix-cell:focus-visible{background:var(--family-soft);color:var(--paper)}.matrix-cell[data-self=true]{color:var(--fog)}.matrix-cell[data-muted=true]{opacity:.18}@media (hover:none){.matrix-readout,.matrix-instructions{display:none}}@media (width<=1180px){.relations-hero{grid-template-columns:minmax(0,1fr);gap:36px}.relations-intro>p:not(.breadcrumb){max-width:56ch}.picker-section{max-width:760px}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px}.matrix-head{grid-template-columns:minmax(0,1fr);align-items:start}}@media (width<=760px){.relations-index{padding-top:28px}.relations-hero{gap:24px;padding-bottom:48px}.relations-intro h1{margin-bottom:14px}.relations-intro>p:not(.breadcrumb){font-size:17px}.pair-machine--picker .pair-slots{gap:8px}.pair-slot__text{padding:10px 12px 12px}.pair-machine--picker .pair-slot__button strong{font-size:26px}.pair-machine--picker .pair-slot__sub{font-size:15.5px}.pair-machine--picker .pair-slot__label{font-size:11.5px}.pair-machine--picker .pair-slot__hint{margin-top:4px}.pair-machine--picker .pair-swap{width:36px;height:36px}.pair-machine--picker .pair-preview{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:18px;padding-top:16px}.pair-preview__name{font-size:26px}.family-index{padding-top:40px}.family-index__intro{margin-bottom:20px}.family-grid{grid-template-columns:minmax(0,1fr);gap:32px}.family-card{gap:10px}.family-card__head{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:14px}.relations-index .family-card .editorial-plate .editorial-picture{aspect-ratio:1;border-radius:10px;width:72px}.relations-index .family-card .editorial-plate figcaption{display:none}.family-card__label{margin-bottom:4px;font-size:23px}.family-card__head p{font-size:14px}.family-index__label{display:block}.family-link{min-height:52px;padding:8px 0}.family-link strong{font-size:18px}.matrix-section{margin-top:48px}.matrix-disclosure>summary{padding:20px 0}.matrix-scroll{border-radius:var(--radius) 0 0 var(--radius);border-right:0;margin-right:-16px}.matrix-scroll table{min-width:1060px;font-size:11px}.matrix-scroll th,.matrix-scroll td{min-width:62px;height:40px}.matrix-scroll thead th:first-child{min-width:88px}}