.site-connections{--connections-accent:#3057e1;padding:clamp(40px,7vw,100px) clamp(20px,6vw,90px);font-family:inherit;color:inherit;clear:both;position:relative;isolation:isolate}
.site-connections *{box-sizing:border-box}.site-connections .connections-kicker{font-size:11px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 16px;opacity:.7}
.site-connections h2{font-family:inherit;font-size:clamp(30px,4vw,56px);line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;max-width:850px}.site-connections .connections-intro{max-width:650px;line-height:1.65;margin:0 0 30px;opacity:.75}
.connections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.connection-card{display:flex;flex-direction:column;min-width:0;text-decoration:none!important;color:inherit!important;border:1px solid #8885;border-radius:14px;overflow:hidden;background:transparent;transition:transform .25s,border-color .25s}
.connection-card:hover{transform:translateY(-5px);border-color:var(--connections-accent)}.connection-card:focus-visible{outline:3px solid var(--connections-accent);outline-offset:5px}.connection-card .connection-image{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;display:block;max-width:100%;border-bottom:1px solid #8885;transition:transform .4s}.connection-card:hover .connection-image{transform:scale(1.025)}
.connection-card .connection-copy{padding:22px;display:flex;flex-direction:column;flex:1}.connection-card .connection-type{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.65;margin-bottom:12px}.connection-card h3{font-family:inherit;font-size:23px;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px}.connection-card p{font-size:14px;line-height:1.6;margin:0 0 20px;opacity:.75}.connection-card .connection-action{font-size:13px;font-weight:600;margin-top:auto;display:flex;justify-content:space-between;gap:12px}
body[data-connected-site="horror"] .site-connections{--connections-accent:#c6a781;background:#101413;color:#e9e6dd}body[data-connected-site="rage"] .site-connections{--connections-accent:#ed643f;background:#eeede5;color:#232722}body[data-connected-site="professional"] .site-connections{--connections-accent:#59ca96}
@media(max-width:760px){.connections-grid{grid-template-columns:1fr;gap:20px}.connection-card .connection-image{aspect-ratio:16/9}.site-connections h2{font-size:34px}.connection-card .connection-copy{padding:20px}}
@media(prefers-reduced-motion:reduce){.connection-card,.connection-card .connection-image{transition:none}.connection-card:hover,.connection-card:hover .connection-image{transform:none}}
.connection-card .connection-image{height:clamp(170px,18vw,260px)!important;object-fit:cover!important;object-position:top!important}@media(max-width:760px){.connection-card .connection-image{height:210px!important}}