.counter-hero { padding-top:170px; padding-bottom:60px; }
.culture-counter h1 { font-size:clamp(64px,12vw,170px); line-height:1; }
.counter-tagline { font-size:clamp(24px,3vw,36px); margin:24px 0; }
.counter-platforms { margin-top:32px; padding-top:24px; border-top:1px solid #ffffff35; font-size:15px; }
.counter-split,.counter-project { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:64px; align-items:start; }
.culture-counter h2,.counter-project h2 { font-size:clamp(36px,4vw,60px); line-height:1.12; text-wrap:balance; }
.culture-counter .lede { margin-top:24px; line-height:1.65; }
.counter-art { margin:0; }
.counter-art>div { aspect-ratio:4/5; background:#1c1c1a; border:1px solid #ffffff25; }
.counter-art figcaption,.counter-listing-art span { font-size:12px; text-transform:uppercase; letter-spacing:.08em; padding:16px 0; color:var(--color-fog); }
.counter-worlds { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin-top:48px; }
.counter-worlds>div { border-top:1px solid #ffffff35; padding-top:24px; }
.counter-worlds span { color:var(--color-signal-red); font-size:13px; }
.counter-worlds h3 { font-size:30px; margin:24px 0 16px; }
.counter-worlds p { line-height:1.7; margin-bottom:24px; }
.counter-details { margin-top:28px; border-block:1px solid #0004; }
.counter-details summary { padding:20px 0; cursor:pointer; font-size:20px; }
.counter-details ul { list-style:disc; padding:0 0 24px 24px; }
.counter-details li { padding:7px 0; line-height:1.6; }
.counter-details summary:focus-visible,.counter-project:focus-visible { outline:2px solid var(--color-signal-red); outline-offset:6px; }
.counter-project { border-block:1px solid #ffffff35; padding:40px 0; }
.counter-project p { max-width:48ch; line-height:1.6; }
.counter-project .culture-link { display:inline-block; margin-top:30px; }
.counter-listing-art { min-height:280px; background:#1c1c1a; border:1px solid #ffffff25; display:flex; align-items:end; padding:20px; }
@media(max-width:750px) {
 .counter-hero { padding-top:130px; padding-bottom:24px; }
 .counter-split,.counter-project,.counter-worlds { grid-template-columns:1fr; gap:32px; }
 .counter-art>div { aspect-ratio:4/3; }
 .counter-project { padding:28px 0; }
}

.counter-art>img,.counter-listing-art>img { display:block; width:100%; height:auto; }
.counter-listing-art { display:block; min-height:0; padding:0; }