.clm { position:relative; z-index:2; border-block:1px solid rgba(255,255,255,.15); background:#111; color:#f7f7f5; }
.clm__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.clm__grid--3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.clm__grid--2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.clm__grid--1 { grid-template-columns:1fr; }
.clm__item { display:flex; min-height:9.5rem; flex-direction:column; justify-content:center; padding:1.5rem clamp(1rem,2.5vw,2.5rem); border-right:1px solid rgba(255,255,255,.15); }
.clm__item:last-child { border-right:0; }
.clm__item strong { color:#f27f0d; font-family:"Bebas Neue",Impact,sans-serif; font-size:clamp(3.5rem,5vw,5.5rem); font-weight:400; line-height:.8; }
.clm__item span { margin-top:.8rem; color:rgba(255,255,255,.72); font-size:.72rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.clm--classic .clm__item { min-height:7.5rem; }
.clm--classic .clm__item strong { font-size:clamp(3rem,4vw,4.5rem); }
.clm--split { border-color:rgba(7,7,7,.32); background:#f27f0d; color:#070707; }
.clm--split .clm__item { border-color:rgba(7,7,7,.32); }
.clm--split .clm__item strong { color:#070707; }
.clm--split .clm__item span { color:rgba(7,7,7,.72); }
.clm--story { background:#070707; }
.clm--story .clm__grid { align-content:center; padding-block:7rem; }
.clm--story .clm__item { min-height:15rem; text-align:center; }
.clm--story .clm__item strong { font-size:clamp(5rem,9vw,10rem); }
.clm--contrast { border-color:#070707; background:#f27f0d; color:#070707; }
.clm--contrast .clm__item { border-color:rgba(7,7,7,.45); }
.clm--contrast .clm__item strong { color:#070707; }
.clm--contrast .clm__item span { color:rgba(7,7,7,.72); }
.clm--wide .clm__grid { width:min(100% - 3rem,112rem); }
.cld { display:flex; flex-wrap:wrap; gap:.55rem; margin-top:1.5rem; }
.cld span { padding:.55rem .7rem; border:1px solid rgba(242,127,13,.5); background:rgba(242,127,13,.08); color:rgba(255,255,255,.72); font-size:.67rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.cld strong { color:#fff; font-size:.82rem; }
.clh { display:grid; grid-template-columns:minmax(12rem,.55fr) minmax(0,1.45fr); gap:2rem; margin-top:2rem; padding-top:2rem; border-top:2px solid currentColor; }
.clh>span { font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.clh ul { display:flex; flex-wrap:wrap; gap:.65rem; margin:0; padding:0; border:0; list-style:none; }
.clh li { display:block; min-height:0; padding:.65rem .85rem; border:1px solid currentColor; font-size:.82rem; font-weight:800; text-transform:uppercase; }
.clh--split { grid-template-columns:1fr; }
.clh--split ul { display:grid; grid-template-columns:1fr; }
.clh--wide { width:min(100% - 3rem,112rem); margin-inline:auto; }
.clg strong { color:#f27f0d; }
@media (max-width:980px) {
 .clm__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .clm__item { border-bottom:1px solid rgba(255,255,255,.15); }
 .clm--split .clm__item,.clm--contrast .clm__item { border-bottom-color:rgba(7,7,7,.32); }
 .clm__item:nth-child(even) { border-right:0; }
 .clm__item:nth-last-child(-n+2) { border-bottom:0; }
 .clm__grid--3 .clm__item:nth-child(2) { border-bottom:1px solid rgba(255,255,255,.15); }
 .clm--split .clm__grid--3 .clm__item:nth-child(2),.clm--contrast .clm__grid--3 .clm__item:nth-child(2) { border-bottom-color:rgba(7,7,7,.32); }
 .clm__grid--3 .clm__item:nth-child(3) { border-right:0; }
}
@media (max-width:700px) {
 .clm__item { min-height:7.5rem; }
 .clm__item strong { font-size:3.6rem; }
 .clm--story .clm__grid { padding-block:6rem; }
 .clm--story .clm__item { min-height:9rem; }
 .clh { grid-template-columns:1fr; gap:1rem; }
 .clh ul { display:grid; grid-template-columns:1fr; }
 .clh--wide { width:calc(100% - 2rem); }
}