<!-- corephp.com / templates / home.html ......................... build 6 -->          :root{
<section class="phero haslens" id="hero" data-lens>          <!-- tier: showcase -->      /* Brand, dark maroon. The only red on the site. */
  <div class="wrap">                                                                      --brand:        #A41E22;
    <div class="hero-grid">                                                               --brand-deep:   #8A181B;
      <div>                                                                               --brand-shadow: #6E1215;
        <div class="label label--brand">Custom software and digital marketing</div>       --brand-wash:   rgba(164,30,34,.06);
        <h1 class="t-upper mt-4" data-phase>           <!-- width axis: 118 at re      --brand-hair:   rgba(164,30,34,.18);
          Custom software built around your business.                                        a hairline between them is what read as
          <span class="brand">And built to be yours.</span>                                  sterile. */
        </h1>                                                                             --ground:       #F1EFED;
        <p class="lead measure">We design and develop websites, applications,             --paper:        #FFFFFF;
          integrations, and digital platforms.</p>                                        --paper-2:      #FFFFFF;
        <form class="capture" data-capture data-to="estimate/">    <!-- two days -->      --paper-3:      #E7E3E0;
          <input type="text" name="site" inputmode="url" placeholder="yourcompany.co         text. Darker and larger. */
                 aria-label="Your website address">                                       --ink-1:        #14100F;
          <button class="btn btn--primary" type="submit"><span data-cta>Free Coffee       --ink-2:        #37312F;
        </form>                                                                           --ink-3:        #6A6260;
      </div>                                                                              /* Structure */
      <div class="hero-field" data-herofield><canvas></canvas></div>                      /* Type */
    </div>                          <!-- dust resolves to the real mark -->               --f-display: "Archivo", system-ui, -apple-system, sans-serif;
  </div>                            <!-- 1240px. the strip below breaks it -->               a heavier weight and a larger size instead. */
</section>                          <!-- 46 pages. 35 preserved. 0 redirects -->          /* Motion */
<!-- ........................................................................ -->         --ease-out:  cubic-bezier(.23, 1, .32, 1);
<!-- You are reading the source of the page you are standing on.  .......... -->          --ease-snap: cubic-bezier(.16, 1, .3, 1);
<!-- Full source, the database, the credentials, the documentation.  ....... -->          --dur-fast: 180ms; --dur-base: 420ms; --dur-slow: 900ms;
<!-- No license. No lock-in. If we part ways, nothing switches off.  ....... -->          /* Geometry */
<!-- ........................................................................ -->         --pennant-h: 130px;
                                                                                          --r-sm: 10px; --r-md: 16px; --r-lg: 24px; --r-pill: 999px;

contact
/* you found it */
const partnerships = {
  speakTo: 'Ashley Blakemore',
  role:    'Director of Growth and Partnerships',
  call:    '502-639-0725'
};