
    .cs-grid2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .cs-shot {
      width: 100%; aspect-ratio: 4 / 3;
      background-size: cover; background-position: center;
      background-color: #1a1a1a; border: var(--border);
    }
    .cs-shot.wide { aspect-ratio: 16 / 9; }
    .cs-feature { display: grid; grid-template-columns: 1.4fr 1fr; gap: 48px; align-items: center; }
    .cs-feature h3 {
      font-family: 'Space Grotesk', sans-serif; font-weight: 700; text-transform: uppercase;
      letter-spacing: -0.01em; font-size: clamp(24px, 3vw, 36px); line-height: 1; margin-bottom: 18px;
    }
    .cs-feature p { color: var(--subtext); line-height: 1.6; font-size: 16px; }
    .cs-feature p + p { margin-top: 14px; }
    .cs-caption {
      margin-top: 14px; font-family: 'Space Mono', monospace;
      font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--subtext-2);
    }
    .cs-next { padding: 0 0 40px; }
    .cs-next-rail {
      display: flex; gap: 24px; overflow-x: auto; scroll-snap-type: x mandatory;
      padding-bottom: 12px; -webkit-overflow-scrolling: touch; scrollbar-width: thin;
    }
    .cs-next-card { scroll-snap-align: start; flex: 0 0 clamp(280px, 42vw, 460px); display: block; color: inherit; }
    .cs-next-thumb {
      position: relative; width: 100%; aspect-ratio: 4 / 3; overflow: hidden;
      background: #1a1a1a; border: var(--border);
    }
    .cs-next-thumb .img {
      position: absolute; inset: 0; background-size: cover; background-position: center;
      transform: scale(1.04); transition: transform .8s cubic-bezier(.2,.8,.2,1);
    }
    .cs-next-thumb .sweep {
      position: absolute; inset: 0; background: var(--accent); transform: translateY(100%);
      transition: transform .6s cubic-bezier(.7,0,.3,1); mix-blend-mode: multiply; opacity: .7;
    }
    .cs-next-card:hover .img { transform: scale(1.08); }
    .cs-next-card:hover .sweep { transform: translateY(0); }
    .cs-next-meta {
      display: flex; justify-content: space-between; align-items: baseline;
      margin-top: 16px; padding-top: 16px; border-top: var(--border);
    }
    .cs-next-meta .pname { font-family: 'Space Grotesk', sans-serif; font-weight: 700; }
    .cs-next-controls { display: flex; gap: 12px; }
    .cs-next-foot { display: flex; justify-content: center; margin-top: 36px; }
    .cs-arrow {
      width: 44px; height: 44px; border: var(--border); background: transparent; color: var(--ink);
      cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
      transition: background .2s ease, color .2s ease;
    }
    .cs-arrow:hover { background: var(--ink); color: var(--bg); }
    .cs-arrow svg { width: 18px; height: 18px; }
    .cs-next-all {
      scroll-snap-align: start; flex: 0 0 clamp(220px, 28vw, 320px);
      display: flex; flex-direction: column; justify-content: space-between;
      aspect-ratio: 4 / 3; padding: 28px; border: var(--border);
      background: var(--ink); color: var(--bg);
      transition: background .2s ease, color .2s ease;
    }
    .cs-next-all:hover { background: var(--accent); color: #fff; }
    .cs-next-all .lab { font-family: 'Space Mono', monospace; font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; }
    .cs-next-all .big { font-family: 'Space Grotesk', sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: -0.01em; font-size: clamp(22px, 2.4vw, 32px); line-height: 1; }
    .cs-next-all .arrow { font-size: 28px; line-height: 1; }
    .cs-viewall {
      font-family: 'Space Mono', monospace; font-size: 11px; letter-spacing: 0.14em;
      text-transform: uppercase; color: var(--subtext-2); border-bottom: 1px solid var(--muted);
      padding-bottom: 3px; align-self: center; transition: color .2s ease, border-color .2s ease;
    }
    .cs-viewall:hover { color: var(--accent); border-color: var(--accent); }
    @media (max-width: 860px) {
      .cs-feature { grid-template-columns: 1fr; gap: 28px; }
      .cs-grid2 { grid-template-columns: 1fr; }
    }
    .cs-img-1 { background-image: url('pp-images/pp_Abstract_geometric_light_art_soft_gradient_beam_o_69cfa53.avif'); }
    .cs-img-2 { background-image: url('pp-images/pp_Abstract_geometric_light_art_soft_gradient_beam_o_8d6805b.avif'); }
    .cs-img-3 { background-image: url('pp-images/pp_pointalisim_fine_dots_a_colossal_black_hole_inspi_c2c2d34.avif'); }
    .cs-img-4 { background-image: url('pp-images/pp_the_goal_of_a_digital_intellect_is_to_turn_data_i_9d9706a.avif'); }
    .cs-img-5 { background-image: url('pp-images/pp_An_ultra-realistic_photograph_of_the_Esc_key_on_t_52ff14e.avif'); }
    .cs-img-6 { background-image: url('pp-images/pp_ultra-realistic_full-frame_vintage_cassette_tape__a40f5ca.avif'); }
    .nx-a { background-image: url('pp-images/pp_portraitecof_a_man_very_blurry_rainbow_reflection_f43ed54.avif'); }
    .nx-b { background-image: url('pp-images/pp_A_hyper-realistic_street_style_fashion_photo_of_a_7c20f68.avif'); }
    .nx-c { background-image: url('pp-images/pp_a_dark_moody_photograph_of_anemones_-_red_and_whi_eee83c3.avif'); }
    .nx-d { background-image: url('pp-images/pp_Baroque-style_female_portrait_pale_painted_skin_d_f87665a.avif'); }
  