/* Cluster Rows - services.html "all clusters" overview.
   Ported from the mockup .clusters / .cluster / .cluster-img / .cluster-list. */
.cluster_rows .container{padding-top:120px;padding-bottom:120px}
.cluster_rows_head{margin-bottom:20px;max-width:720px}
.cluster_rows_head .eyebrow{margin-bottom:24px}

.cluster_row{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding:80px 0;border-top:1px solid rgba(241,237,226,0.1)}
.cluster_row.is_reverse{grid-template-columns:1fr 1.2fr}
.cluster_row.is_reverse .cluster_row_img{order:-1}

.cluster_tag{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--copper-light);font-weight:500;margin-bottom:18px;display:inline-block}
.cluster_row h3{font-size:36px;font-weight:600;letter-spacing:-0.025em;line-height:1.05;margin-bottom:18px;color:var(--ecru)}
.cluster_row p{font-size:16.5px;color:rgba(241,237,226,0.7);line-height:1.7;margin-bottom:24px;max-width:520px}

.cluster_list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:0 0 30px;padding:0;max-width:520px}
.cluster_list li{font-size:14px;padding:8px 0;border-bottom:1px solid rgba(241,237,226,0.08);display:flex;align-items:center;gap:10px}
.cluster_list li::before{content:"";width:6px;height:6px;background:var(--copper-gradient);border-radius:50%;flex-shrink:0}
.cluster_list li a{color:var(--ecru);text-decoration:none;transition:color .2s}
.cluster_list li a:hover{color:var(--copper-light)}

.cluster_row_img{height:480px;border-radius:8px;overflow:hidden;position:relative}
.cluster_row_img img{width:100%;height:100%;object-fit:cover;filter:saturate(0.92)}
.cluster_num{position:absolute;top:24px;left:24px;background:var(--copper-gradient);color:var(--ecru);width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;letter-spacing:.04em;z-index:1}

@media(max-width:1024px){
  .cluster_rows .container{padding-top:80px;padding-bottom:80px}
  .cluster_row,.cluster_row.is_reverse{grid-template-columns:1fr;gap:40px}
  .cluster_row.is_reverse .cluster_row_img{order:0}
  .cluster_row_img{height:360px}
  .cluster_list{grid-template-columns:1fr}
}