.elementor-1769 .elementor-element.elementor-element-19a7702{--display:flex;}.elementor-1769 .elementor-element.elementor-element-57a7d79{width:100%;max-width:100%;}/* Start custom CSS */</style>
</head>
<body>

<section class="sc-hero" id="scHero">

  <!-- Twinkling stars injected by JS -->

  <div class="sc-row">

    <!-- ════════════ LEFT: TEXT ════════════ -->
    <div class="sc-left">

      <div class="sc-eyebrow">
        <span>Curators of Cardboard</span>
        <span class="sep">✦</span>
        <span>Bulletdink</span>
        <span class="sep">✦</span>
      </div>

      <h1 class="sc-headline">
        Sports Cards &amp;<br>
        Memorabilia—bought,<br>
        <span class="gold">sold,</span> <span class="amber">traded,</span> and curated.
      </h1>

      <p class="sc-body">
        Whether you're chasing rookies, building sets, or hunting grails,
        we help you buy smart, sell fairly, and protect value with
        grading submissions.
      </p>

      <div class="sc-ctas">
        <a href="#" class="sc-btn sc-btn-primary">View Inventory</a>
        <a href="#" class="sc-btn sc-btn-outline">Contact Us</a>
      </div>

    </div>

    <!-- ════════════ RIGHT: IMAGES ════════════ -->
    <div class="sc-right">

      <div class="sc-pennants">
        <div class="pennant"></div>
        <div class="pennant"></div>
        <div class="pennant"></div>
      </div>

      <!--
        IMAGE 1 — Store interior (BEHIND card)
        Replace <div class="ph">...</div> with:
        <img src="YOUR-STORE-URL.jpg" alt="Store">
      -->
      <div class="sc-img img-store">
        <div class="ph">
          <svg width="28" height="28" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.4"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
          <strong>IMAGE 1</strong>
          Store interior<br>
          <em>sits BEHIND card slab</em>
        </div>
      </div>

      <!--
        IMAGE 2 — PSA/SGC Card Slab (IN FRONT, tilted)
        Replace <div class="ph">...</div> with:
        <img src="YOUR-CARD-URL.jpg" alt="Card">
      -->
      <div class="sc-img img-card">
        <div class="ph">
          <svg width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.4"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
          <strong>IMAGE 2</strong>
          PSA / SGC card slab<br>
          <em>overlaps IN FRONT · floats</em>
        </div>
      </div>

      <!--
        IMAGE 3 — Wide store / inventory (bottom)
        Replace <div class="ph">...</div> with:
        <img src="YOUR-WIDE-URL.jpg" alt="Inventory">
      -->
      <div class="sc-img img-wide">
        <div class="ph">
          <svg width="24" height="24" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.4"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="M21 15l-5-5L5 21"/></svg>
          <strong>IMAGE 3</strong>
          Wide store / inventory shot
        </div>

        <div class="sc-caption">
          <span class="loc">
            <span class="arrow">◀</span>
            Located in Denver, NC
          </span>
          <span class="sub">Submitting to PSA, SGC, + GGC</span>
        </div>
      </div>

    </div>

  </div>
</section>/* End custom CSS */