Six Mockups.
Two Audiences.

<?php
/* Template Name: Category Landing */
get_header();

$layout  = get_field('layout_mode');
$sponsor = get_field('sponsor');
$is_takeover = ($layout === 'takeover' && $sponsor);

// GAM targeting: pass sponsor slug as key-value
if ($is_takeover) {
  $sp_slug = get_field('gam_kv_sponsor', $sponsor->ID);
  add_action('wp_head', fn() => printf(
    '<script>googletag.pubads().setTargeting("sponsor","%s");</script>',
    esc_js($sp_slug)
  ));
}
?>

<?php if ($is_takeover): ?>
  <!-- Gutter skins only render when sponsor exists and viewport ≥ 1200px (CSS) -->
  <aside class="skin left">
    <img src="<?= esc_url(get_field('gutter_L', $sponsor->ID)) ?>">
  </aside>
  <aside class="skin right">
    <img src="<?= esc_url(get_field('gutter_R', $sponsor->ID)) ?>">
  </aside>
<?php endif; ?>

<main class="page-category <?= $is_takeover ? 'is-takeover' : '' ?>">
  <?php get_template_part('parts/landing/hero'); ?>
  <?php if ($is_takeover) get_template_part('parts/landing/shop-rail', null, ['sponsor'=>$sponsor]); ?>
  <?php get_template_part('parts/landing/editorial-grid'); ?>
</main>

<?php get_footer(); ?>

• Register Sponsor CPTCreate sponsorship post type in /inc/cpt-sponsorship.php. Populate one real sponsor (Amazon) as the reference record.
• Export ACF JSONAll four field groups live in /acf-json/ and sync on load. No DB-only groups.
• Template partsSplit each template into parts: parts/landing/hero.php, parts/landing/shop-rail.php, etc. Reuse between A and B, the only branch is $is_takeover.
• CSS tokens from sponsorInline a <style> in wp_head that sets --sp and --sp-ink from the sponsor’s color fields. All B styling reads these vars, swap sponsor, swap palette.
• Gutter skin media querySkins hide below 1240px. On wide desktops they occupy calc((100vw - 1040px)/2 - 8px) on each side. Content column is capped at 1040px so skins never overlap editorial.
• Mobile interscrollerGAM Out-of-Page slot, full-bleed mobile only (<768px), parallax reveal. Creative from interscroller_creative (takeover) or GAM OOP line (regular). Frequency cap 1/session.
• GAM setupSet up all slots under /stadio/<template>/<slot> in GAM UI. Pass sponsor=<slug> key-value on takeover pages for line-item targeting and reporting.
• Cloudflare Pages buildStatic mockups deploy from this folder as-is. index.html at root, all paths relative. No build step needed for the review site.
• QA matrixTest each template at 375px, 768px, 1024px, 1280px, 1440px, 1920px. Verify gutter skins appear ≥ 1200px and do NOT overlap content column.