PageSourceSearch

https://www.themailworks.com/about

html themailworks.com collected 2026-10-08 10:02:01 UTC 44,233 bytes, 857 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6  <title>About Mailworks - Print and Mail Specialists</title>
7  <meta name="description" content="Meet your full service print and direct mail experts. We handle everything from printing, mailing to tracking results, so you can focus on your business.">
8  <link rel="canonical" href="https://themailworks.com/about">
9
10  <meta property="og:site_name" content="The Mailworks">
11  <meta property="og:title" content="About Mailworks - Print and Mail Specialists">
12  <meta property="og:description" content="Meet your full service print and direct mail experts. We handle everything from printing, mailing to tracking results, so you can focus on your business.">
13  <meta property="og:type" content="website">
14  <meta property="og:image" content="https://themailworks.com/static/img/h4_GY-QE1BuVMTEKvGowvw/shared/mchinery-1_2.jpg">
15  <meta name="twitter:card" content="summary_large_image">
16
17  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
18
19  <!-- Proxima Nova has no variable cut, so the two faces that paint above the
20       fold on every page are preloaded by hand: Regular for body copy and the
21       nav, Extrabold for the h1. Bold (700) is left to load normally; it is
22       never the first thing you read. Self-hosted, so no third-party request. -->
23  <link rel="preload" href="/static/fonts/proximanova-reg-webfont.woff" as="font" type="font/woff" crossorigin>
24  <link rel="preload" href="/static/fonts/proximanova-xbold_copy-webfont.woff" as="font" type="font/woff" crossorigin>
25
26  <!-- Opt in to scroll-reveal only when JS is available, so content is never
27       gated behind an animation that might not run. This runs in the head,
28       before the body paints, so reveal targets start hidden rather than
29       flashing in before the observer catches them.
30
31       The page segue no longer touches the arriving page: it is a delayed
32       loading indicator that segue.js arms on the page being left, so there is
33       nothing to set up here. See static/js/segue.js. -->
34  
34<script>
35    (function () {
36      var root = document.documentElement;
37      if (matchMedia('(prefers-reduced-motion: reduce)').matches) return;
38      if ('IntersectionObserver' in window) root.className += ' js-reveal';
39    })();
40  </script>
40
41  <link rel="stylesheet" href="/static/css/tokens.css?v=16a09b2ba6">
42  <link rel="stylesheet" href="/static/css/base.css?v=16a09b2ba6">
43  <link rel="stylesheet" href="/static/css/nav.css?v=16a09b2ba6">
44  <link rel="stylesheet" href="/static/css/components.css?v=16a09b2ba6">
45  <link rel="stylesheet" href="/static/css/animations.css?v=16a09b2ba6">
46</head>
47<body class="">
48  <a class="skip-link" href="#main">Skip to main content</a>
49
50  <!-- ===========================================================================
51     Site header. ONE source for desktop and mobile.
52
53     The live site ships two independent Showit blocks (`header` and
54     `mobile-nav`) which have drifted apart: mobile says "HIPPA + SOC2
55     Compliance" and "Built For Franchises" and "Your future begins here" where
56     desktop says "HIPAA", "Built for", "starts here". Rendering both from this
57     one markup block makes that impossible.
58
59     Dropdown behaviour (Owen's request):
60       - opens on HOVER, no click needed
61       - once open, stays open; moving the mouse away does NOT close it
62       - closes only by clicking the trigger again, pressing Escape, or
63         opening a different menu
64     See site/static/js/nav.js. Triggers are real <button> elements with
65     aria-expanded, not the href="#/" anchors the current site uses.
66     =========================================================================== -->
67<header class="site-header" data-header>
68  <div class="site-header__inner">
69    <a class="site-header__logo" href="/" aria-label="The Mailworks, home">
70      <!-- group_159.png is the navy/pink lockup the live header uses. The
71           other file in the export (the_mailworks_logo_whitepink_rgb.png) is
72           the reversed version for dark backgrounds, so it belongs in the
73           footer only; on a white header it renders as pink fragments. -->
74      <img src="/static/img/d1dPZlM8V-UA5jaJA-7M9Q/shared/group_159.png"
75           alt="The Mailworks, Direct Mail Experts" width="185" height="80">
76    </a>
77
78    <button class="site-header__burger" type="button"
79            data-menu-toggle aria-expanded="false" aria-controls="primary-nav">
80      <span class="sr-only">Menu</span>
81      <span class="burger-bars" aria-hidden="true"><i></i><i></i><i></i></span>
82    </button>
83
84    <nav class="primary-nav" id="primary-nav" aria-label="Main">
85      <ul class="primary-nav__list">
86
87        <!-- data-accent now colours the caret and nothing else. It used to also
88             tint the panel's left edge and its item titles; both are gone at
89             Owen's request, so the attribute stays only on the <li> that holds
90             the caret and is not repeated on the panel. -->
91        <li class="primary-nav__item has-menu" data-dropdown data-accent="pink">
92          <button class="primary-nav__trigger" type="button"
93                  aria-expanded="false" aria-controls="menu-solutions">
94            Solutions <span class="caret" aria-hidden="true"></span>
95          </button>
96          <div class="mega" id="menu-solutions" hidden>
97            <ul class="mega__list">
98              <li>
99                <a href="/services" data-nav="services">
100                  <span class="mega__label">Our Services</span>
101                  <span class="mega__caption">See what we can do</span>
102                </a>
103              </li>
104              <li>
105                <a href="/campaign-types" data-nav="campaign-types">
106                  <span class="mega__label">Campaign Types</span>
107                  <span class="mega__caption">Learn more about our campaign types</span>
108                </a>
109              </li>
110              <li>
111                <a href="/industries/franchises" data-nav="franchises">
112                  <span class="mega__label">Built For Franchises</span>
113                  <span class="mega__caption">See how we help your franchise grow</span>
114                </a>
115              </li>
116              <li>
117                <a href="/industries" data-nav="industries">
118                  <span class="mega__label">Industries We Serve</span>
119                  <span class="mega__caption">The industries we serve most</span>
120                </a>
121              </li>
122              <!-- "NEW: The Portal" removed with all other Portal content. -->
123              <li>
124                <a href="/partner-program" data-nav="partner-program">
125                  <span class="mega__label">Partner Program</span>
126                  <span class="mega__caption">Your large-scale mailing solution</span>
127                </a>
128              </li>
129            </ul>
130          </div>
131        </li>
132
133        <li class="primary-nav__item has-menu" data-dropdown data-accent="teal">
134          <button class="primary-nav__trigger" type="button"
135                  aria-expanded="false" aria-controls="menu-about">
136            About <span class="caret" aria-hidden="true"></span>
137          </button>
138          <div class="mega" id="menu-about" hidden>
139            <ul class="mega__list mega__list--2col">
140              <li>
141                <a href="/about" data-nav="about" aria-current="page">
142                  <span class="mega__label">Who We Are</span>
143                  <span class="mega__caption">Learn about us and our history</span>
144                </a>
145              </li>
146              <li>
147                <a href="/about/team" data-nav="team">
148                  <span class="mega__label">Meet The Team</span>
149                  <span class="mega__caption">Your direct mail experts</span>
150                </a>
151              </li>
152              <li>
153                <a href="/direct-mail-academy" data-nav="academy">
154                  <span class="mega__label">Direct Mail Academy</span>
155                  <span class="mega__caption">Learn about direct mail, step by step</span>
156                </a>
157              </li>
158              <li>
159                <a href="/hipaa-soc2" data-nav="hipaa">
160                  <span class="mega__label">HIPAA + SOC2 Compliance</span>
161                  <span class="mega__caption">Your data, our highest priority</span>
162                </a>
163              </li>
164              <li>
165                <a href="/careers" data-nav="careers">
166                  <span class="mega__label">Careers</span>
167                  <span class="mega__caption">
167Your future starts here</span>
168                </a>
169              </li>
170            </ul>
171          </div>
172        </li>
173
174        <!-- The Pricing menu (Pro & Premier Memberships) is removed with all
175             other membership-pricing content. Partner Program, its only
176             non-membership child, has moved into Solutions above. -->
177      </ul>
178
179      <div class="site-header__actions">
180        <!-- HEADS UP, one line to restore.
181             The "Portal Login" button is removed because the instruction was to
182             strip everything mentioning the Portal. Worth knowing what that
183             costs: portal.themailworks.com still works, but existing customers
184             lose the only signposted way in from the marketing site, so anyone
185             without a bookmark has nowhere to click. If that is not what you
186             wanted, put this back:
187
188             <a class="site-header__login" href="https://portal.themailworks.com/login"
189                target="_blank" rel="noopener">Portal Login</a>
190        -->
191        <a class="btn site-header__cta" href="/schedule-a-call" data-nav="schedule">Schedule A Call</a>
192      </div>
193    </nav>
194  </div>
195</header>
196
197
198  <main id="main">
199<!-- =========================================================================
200     HERO
201     Live: eyebrow "About us" in grey, two-tone headline (pink line then navy
202     line) at 65px, body copy, pink "let's chat" button, collage photo right.
203     ========================================================================= -->
204<section class="hero">
205  <div class="container">
206    <div class="hero__inner">
207      <div class="hero__media" data-reveal>
208        <img src="/static/img/5AI4b_L9Tk7WSHchjygA8A/312742/about_us_-_top_page_collage.jpg"
209             alt="A collage of The Mailworks team, facility and printed mail pieces"
210             width="591" height="704" fetchpriority="high">
211      </div>
212      <div class="hero__copy" data-reveal data-reveal-delay="120">
213        <span class="eyebrow eyebrow--muted">About Us</span>
214        <h1><span class="accent">We Know Mail Works</span><br>It's In Our Name.</h1>
215        <p class="hero__body">We&rsquo;ve made it our business for more than 40 years to ditch the
216          status quo and make direct mail simpler, smarter, and more successful. The Mailworks
217          may have grown, but our simple mission remains the same: helping you connect to the
218          right people, with the right message, at the right time.</p>
219        <div class="btn-row">
220          <a class="btn" href="/schedule-a-call">Let's Chat</a>
221        </div>
222      </div>
223    </div>
224  </div>
225</section>
226
227<!-- =========================================================================
228     FROM THE GROUND UP
229     Three black-and-white photographs scattered on the left, the origin story
230     on the right, then the four-era timeline underneath and a centred CTA.
231     ========================================================================= -->
232<section class="section">
233  <div class="container">
234    <div class="split">
235      <div class="collage" data-reveal>
236        <img src="/static/img/jjkCakPB_oldnRSBcnn3AQ/312742/about_us_-_black_and_white_photos_-_3.jpg"
237             alt="The Mailworks team in the early years" width="409" height="260" loading="lazy">
238        <img src="/static/img/pY1hSuts2ACNaiLuolnXCw/312742/about_us_-_black_and_white_photos_-_4.jpg"
239             alt="Founder Pamela Cassick at work" width="202" height="281" loading="lazy">
240        <img src="/static/img/RXJPP69Ss_vRaB-htCgwsg/312742/about_us_-_black_and_white_photos_-_5.jpg"
241             alt="An early mail run being prepared by hand" width="232" height="201" loading="lazy">
242      </div>
243
244      <div data-reveal data-reveal-delay="120">
245        <h2>From The <span class="accent">Ground Up</span></h2>
246        <p class="subheading subheading--plain" style="margin-bottom:var(--space-lg)">
247          (underground actually)</p>
248        <p>Our story started in 1984 when our founder, Pamela Cassick, began hand-labeling
249           newsletters in her basement to support herself and her young daughter. One client,
250           $100 a week, and a lot of determination set the stage for everything that came next.
251           Today, that daughter, our CEO, Brianne Baggetta, leads a team of more than
252           90 talented professionals who deliver millions of mail pieces nationwide each year.
253           From humble basement beginnings to our state-of-the-art 53,000 sq. ft. facility, our
254           heart remains the same: personal service, creative thinking, and campaigns that
255           truly connect.</p>
256        <p><strong>
256We&rsquo;re growing, we&rsquo;re innovating, and we&rsquo;re just getting
257           started.</strong></p>
258      </div>
259    </div>
260
261    <!-- Four eras read as one progression, not four unrelated columns, so this
262         is an <ol>: the order carries meaning and a screen reader announces the
263         count and the position. The connecting rail and the era markers are
264         drawn in CSS (.timeline in components.css) with no images and no extra
265         JavaScript, so the change costs nothing at load. -->
266    <ol class="timeline" style="margin-top:clamp(48px,6vw,80px)" data-reveal-group data-reveal-step="90">
267      <li class="timeline__item accent-pink" data-reveal>
268        <span class="timeline__era">1984 &ndash; 2007</span>
269        <h3 class="timeline__title">Foundations</h3>
270        <p>Founded in 1984 by Pamela Cassick in her basement.</p>
271      </li>
272      <li class="timeline__item accent-navy" data-reveal>
273        <span class="timeline__era">2008 &ndash; 2012</span>
274        <h3 class="timeline__title">Growth</h3>
275        <p>We continued to reach new heights year after year.</p>
276      </li>
277      <li class="timeline__item accent-pink" data-reveal>
278        <span class="timeline__era">2013 &ndash; 2023</span>
279        <h3 class="timeline__title">Transformation</h3>
280        <p>From letter shop to full service direct mail marketing partner.</p>
281      </li>
282      <li class="timeline__item accent-navy" data-reveal>
283        <span class="timeline__era">Today</span>
284        <h3 class="timeline__title">In Our Best Era</h3>
285        <p>40+ years in business! We're growing our locations, offerings and tech.</p>
286      </li>
287    </ol>
288
289    <div class="btn-row" style="justify-content:center">
290      <a class="btn" href="/schedule-a-call">Work With Us</a>
291    </div>
292  </div>
293</section>
294
295<!-- =========================================================================
296     OFFICIALLY WOMEN-OWNED
297     Live puts the video card above the heading, straddling the top edge of the
298     grey band. Reproduced with the video pulled up out of the section.
299     ========================================================================= -->
300<section class="section section--light">
301  <div class="container container--narrow">
302    <div class="embed" style="margin-top:clamp(-120px,-8vw,-60px)" data-reveal>
303      <iframe src="https://www.youtube-nocookie.com/embed/bPXT4nW59Ro?rel=0"
304              title="Officially Women-Owned, Unofficially Unstoppable" loading="lazy" allowfullscreen
305              allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"></iframe>
306    </div>
307
308    <div class="section__head section__head--center" style="margin:clamp(36px,4vw,56px) auto 0">
309      <h2>Officially Women-Owned,<br><span class="accent">Unofficially Unstoppable.</span></h2>
310      <p>The Mailworks is proudly women-owned, built on passion, teamwork, and a commitment to
311         doing things right. We&rsquo;re honored to add <strong class="pop">HIPAA certification and SOC 2 Type 2
312         certification</strong> to our story, it's just another way we care for our clients as much as we
313         care for each other.</p>
314      <div class="btn-row" style="justify-content:center">
315        <a class="btn btn--secondary" href="/hipaa-soc2">Our Compliance</a>
316      </div>
317    </div>
318  </div>
319</section>
320
321<!-- =========================================================================
322     ALWAYS IN YOUR CORNER
323     Navy band over the machinery photograph, with the four "uniques" cards
324     straddling the seam into the white band below.
325     ========================================================================= -->
326<section class="section section--navy section--photo">
327  <img class="section__bg" src="/static/img/H40MoNF4qDIO-07xQJHiqA/shared/machinery-10.png"
328       alt="" aria-hidden="true" loading="lazy">
329  <div class="container">
330    <div class="section__head section__head--center">
331      <span class="eyebrow eyebrow--muted">Always In Your Corner</span>
332      <h2>We Are Your <span class="accent">Direct Mail Partners.</span></h2>
333      <p>When you work with us, you get more than just a mail vendor, you get a true partner
334         invested in your success. Our approach is built around three uniques that set us apart and
335         make your campaigns simpler, smarter, and more effective.</p>
336    </div>
337  </div>
338</section>
339
340<div class="overlap">
341  <div class="container">
342    <!-- Three uniques, not the four the live page carries: "Flat-Rate Pricing"
343         went with the rest of the pricing content, and the remaining pills are
344         renumbered so they still read 1, 2, 3. -->
345    <div class="grid grid--3" data-reveal-group data-reveal-step="90">
346      <div class="card card--soft card--pink accent-pink" data-reveal>
347        <span class="pill">Unique 1</span>
348        <h3>Proprietary Tech</h3>
349        <!-- Live copy names The Mailworks Portal. The Portal is removed sitewide
350             per Owen, so the capability stays and the product name goes. -->
351        <p>Our proprietary technology automates and simplifies direct mail, making campaigns
352           faster and easier to manage.</p>
353      </div>
354      <div class="card card--soft card--navy accent-navy" data-reveal>
355        <span class="pill">Unique 2</span>
356        <h3>One-Stop Shop</h3>
357        <p>From strategy to production, everything stays in-house. No outsourcing means more
358           control and consistency.</p>
359      </div>
360      <div class="card card--soft card--teal accent-teal" data-reveal>
361        <span class="pill">Unique 3</span>
362        <h3>Direct Mail Experts</h3>
363        <p>Our team builds custom programs designed to get results, and keep your campaigns
364           performing.</p>
365      </div>
366    </div>
367
368    <div class="btn-row" style="justify-content:center">
369      <a class="btn" href="/about/team">Meet Our Team</a>
370    </div>
371  </div>
372</div>
373
374<!-- =========================================================================
375     WHY OUR CLIENTS TRUST US
376     Same three statistics the homepage carries, at the same values.
377     ========================================================================= -->
378<section class="section section--tight">
379  <div class="container">
380    <div class="section__head section__head--center">
381      <span class="eyebrow">Why Our Clients Trust Us</span>
382    </div>
383
384    <!-- Three-stat proof band with icons. Shared by the pages that carry the wider
385     version (about, franchises). Same three icons, same layout; only the value
386     and label copy differs between the two, so that copy is the props here.
387     Consolidated so the shared lines ("30+ Tested / and proven mail formats")
388     are one edit, not two-plus.
389
390     Only the grid lives here, not the <section> wrapper: about heads its
391     section with an eyebrow, franchises with an <h2>, so each page owns that.
392
393     Per-page overrides, set in a page's front matter. Defaults are the about
394     copy, so about includes this with no front matter; franchises overrides:
395
396       stat1_value / stat1_label   default: 1 Billion + / direct mail pieces delivered
397       stat2_value / stat2_label   default: 40+ Years  / in the direct mail business
398       stat3_value / stat3_label   default: 30+ Tested / and proven mail formats
399     -->
400<div class="grid grid--3" data-reveal-group>
401  <div class="stat stat--compact" data-reveal>
402    <img class="stat__icon" src="/static/img/4oJ0SPate1RVu5maNL9DoQ/shared/mailbox_icon.svg"
403         alt="" aria-hidden="true" width="60" height="60" loading="lazy">
404    <span class="stat__value">1 Billion +</span>
405    <span class="stat__label">direct mail pieces delivered</span>
406  </div>
407  <div class="stat stat--compact" data-reveal>
408    <img class="stat__icon" src="/static/img/Rp6HqLk-CijHjuCvhoj9zQ/shared/poll_icon.svg"
409         alt="" aria-hidden="true" width="60" height="60" loading="lazy">
410    <span class="stat__value">40+ Years</span>
411    <span class="stat__label">in the direct mail business</span>
412  </div>
413  <div class="stat stat--compact" data-reveal>
414    <img class="stat__icon" src="/static/img/xb8WMZfC_VFG7jC6m7bWJg/shared/palette_icon.svg"
415         alt="" aria-hidden="true" width="60" height="60" loading="lazy">
416    <span class="stat__value">30+ Tested</span>
417    <span class="stat__label">and proven mail formats</span>
418  </div>
419</div>
420
421
422    <!-- Live copy routes this sentence through The Mailworks Portal; removed
423         with the rest of the Portal content. -->
424    <p class="center lead" style="max-width:70em;margin:var(--space-3xl) auto 0" data-reveal>
425      With decades of experience and millions of pieces mailed each week, The Mailworks knows what
426      it takes to get results. From design to delivery, we handle every detail in-house so you get
427      faster turnarounds, smarter targeting, and consistent quality you can count on.</p>
428  </div>
429</section>
430
431<!-- =========================================================================
432     AWARDS & MEDIA
433     Deep-navy band (it was pink until Owen ruled out accent-coloured bands).
434
435     The seven press logos ran as a static two-column white card. They now run
436     through the testimonial waterfall instead, at Owen's request: same two
437     columns scrolling in opposite directions, same pause on hover and on focus,
438     same fade at both ends. .wf--reverse keeps them on the left, where the card
439     was, so adopting the component did not also swap the band's two halves.
440
441     Each logo gets its own white tile because the files are mixed: a GIF, PNGs
442     with transparency and two JPEGs with baked-in white. On the navy band the
443     JPEGs need a white surface under them or they show their own rectangle.
444
445     Split 4/3. waterfall.js pads whichever column does not fill the band, so
446     the counts do not have to be equal or add up to anything in particular.
447     ========================================================================= -->
448<section class="section section--deep">
449  <div class="container">
450    <div class="wf wf--reverse">
451
452      <div class="wf__intro" data-reveal>
453        <span class="eyebrow eyebrow--muted">Awards &amp; Media</span>
454        <h2>Making Headlines &amp; Earning Recognition</h2>
455        <p>We&rsquo;ve had the mic, hit the headlines, and picked up some shiny awards along the
456           way. (Stop, you&rsquo;re making us blush.) Whether it's a feature, conversation or
457           industry honor, we&rsquo;re grateful for every chance to share our story and connect
458           with others.</p>
459      </div>
460
461      <div class="wf__cols wf__cols--logos" data-waterfall
462           role="region" aria-label="Awards and press coverage">
463
464        <div class="wf__col" data-waterfall-col>
465          <ul class="wf__track" data-waterfall-track>
466            <!-- The live card leads with this one, top-left; it was dropped when
467                 the page was rebuilt. The file was already in the asset store
468                 from download_assets.sh (Showit key Q6Ebs45yyqAVdZPMRGms7w). -->
469            <li class="wf-logo">
470              <img src="/static/img/Q6Ebs45yyqAVdZPMRGms7w/312742/addy.gif"
471                   alt="American Advertising Awards" width="1010" height="638" loading="lazy">
472            </li>
473            <li class="wf-logo">
474              <img src="/static/img/DFirn9L4Jb7Nx_UOvCMUqQ/312742/screenshot_2025-08-28_at_9_02_24_pm.png"
475                   alt="Inc. 5000" width="182" height="173" loading="lazy">
476            </li>
477            <li class="wf-logo">
478              <img src="/static/img/_EZ9o08HZ3JtuF2c_-lJUw/312742/moc.jpg"
479                   alt="Marketing over Coffee" width="179" height="65" loading="lazy">
480            </li>
481            <li class="wf-logo">
482              <img src="/static/img/Dxb_sPSEaJOD2EaS5ExMuw/312742/screenshot_2025-08-28_at_9_13_11_pm.png"
483                   alt="Albany Business Review" width="205" height="55" loading="lazy">
484            </li>
485          </ul>
486        </div>
487
488        <div class="wf__col wf__col--down" data-waterfall-col>
489          <ul class="wf__track" data-waterfall-track>
490            <li class="wf-logo">
491              <img src="/static/img/K_Eet7fDWaVGtvdLeNWv9w/312742/marcom.png"
492                   alt="MarCom Awards" width="135" height="131" loading="lazy">
493            </li>
494            <li class="wf-logo">
495              <img src="/static/img/DZhpSyQuW_z2Orw_sPjZ_w/312742/canon.png"
496                   alt="Canon" width="149" height="42" loading="lazy">
497            </li>
498            <li class="wf-logo">
499              <img src="/static/img/Rk_JL_dhgQKAQY5dEWzkCQ/312742/img_2237.jpg"
500                   alt="Printing Impressions" width="214" height="29" loading="lazy">
501            </li>
502          </ul>
503        </div>
504
505      </div>
506    </div>
507  </div>
508</section>
509
510<!-- =========================================================================
511     OUR PARTNERS
512     The nine supplier marks were a static 3x3 grid; they now run through the
513     same waterfall as the awards band above and the testimonials, at Owen's
514     request. Heading left, columns right, which is the layout this band already
515     had, so no .wf--reverse here.
516
517     Split 5/4, and .wf-logo--muted keeps the greyscale-until-hover treatment the
518     static strip had.
519     ========================================================================= -->
520<section class="section section--light">
521  <div class="container">
522    <div class="wf">
523
524      <div class="wf__intro" data-reveal>
525        <h2 class="mb-0"><span class="accent">Our Partners</span><br>Who Keep Us Running.</h2>
526      </div>
527
528      <div class="wf__cols wf__cols--logos" data-waterfall
529           role="region" aria-label="Our partners and suppliers">
530
531        <div class="wf__col" data-waterfall-col>
532          <ul class="wf__track" data-waterfall-track>
533            <li class="wf-logo wf-logo--muted">
534              <img src="/static/img/Qt8ZQXHlH0ntPiQWESiCIg/shared/domtar.png" alt="Domtar" width="125" height="84" loading="lazy">
535            </li>
536            <li class="wf-logo wf-logo--muted">
537              <img src="/static/img/XnExjegVSh1CghhgdMv-2A/shared/xerox.png" alt="Xerox" width="204" height="54" loading="lazy">
538            </li>
539            <li class="wf-logo wf-logo--muted">
540              <img src="/static/img/S_ZDLoc3zNKa_B9FtNhSGQ/shared/mbo.png" alt="MBO" width="204" height="72" loading="lazy">
541            </li>
542            <li class="wf-logo wf-logo--muted">
543              <img src="/static/img/mi3M8UqGY-bCne5HI6bdZw/shared/finch.png" alt="Finch Paper" width="171" height="72" loading="lazy">
544            </li>
545            <li class="wf-logo wf-logo--muted">
546              <img src="/static/img/doAcE_Kv75AbWOJivTskBg/shared/lindenmeyr.png" alt="Lindenmeyr Munroe" width="204" height="53" loading="lazy">
547            </li>
548          </ul>
549        </div>
550
551        <div class="wf__col wf__col--down" data-waterfall-col>
552          <ul class="wf__track" data-waterfall-track>
553            <li class="wf-logo wf-logo--muted">
554              <img src="/static/img/NbfDDnJuSAUvdspGurj62A/shared/canon.png" alt="Canon" width="204" height="61" loading="lazy">
555            </li>
556            <li class="wf-logo wf-logo--muted">
557              <img src="/static/img/TM6dG9yZn9FlO0u7DYNfRg/shared/mohawk.png" alt="Mohawk" width="92" height="84" loading="lazy">
558            </li>
559            <li class="wf-logo wf-logo--muted">
560              <img src="/static/img/gdIEP3bI6nFRR8fSG7pirw/shared/winkler.png" alt="Winkler + Dünnebier" width="204" height="48" loading="lazy">
561            </li>
562            <li class="wf-logo wf-logo--muted">
563              <img src="/static/img/ORdCeAycHQyFYmYoxlYqBQ/shared/sappi.png" alt="Sappi" width="171" height="68" loading="lazy">
564            </li>
565          </ul>
566        </div>
567
568      </div>
569    </div>
570  </div>
571</section>
572
573<!-- The six core values. Shared with /careers, which carries the same block,
574     so the two cannot drift apart the way the live site's copies did. -->
575<section class="section section--deep">
576  <div class="container">
577    <div class="section__head section__head--center">
578      <h2>Ever Been <span class="accent">FLASH&rsquo;D?</span></h2>
579      <p class="lead">Built on values. Proven through action. These are our core values.</p>
580    </div>
581
582    <!-- On this navy band the six value cards sit directly on the navy (see the
583         .section--deep .value-card rules), so the full brand palette is legible.
584         The pictograms are drawn as masks so each takes its card's accent rather
585         than the fixed colour baked into the source SVG; that also lets the two
586         cards that used to be navy (invisible here) rotate to arctic. Sequence is
587         fixed in code and repeats: pink, arctic, turquoise. -->
588    <div class="grid grid--3" data-reveal-group data-reveal-step="80">
589      <div class="value-card accent-pink" data-reveal>
590        <span class="value-card__icon" style="--icon:url('/static/img/DbcsrpU3Xf8n7c75WT8Cxg/shared/layer_1.svg')" aria-hidden="true"></span>
591        <h3><u>F</u>orward thinking</h3>
592        <p>We&rsquo;re proactive, not reactive. Our decades of experience fuel us, but it&rsquo;s
593           our pulse on the industry that gives our clients an advantage.</p>
594      </div>
595      <div class="value-card accent-sky" data-reveal>
596        <span class="value-card__icon" style="--icon:url('/static/img/7_t-3J6qCSrn5YuBxQ8VaA/shared/layer_1_1.svg')" aria-hidden="true"></span>
597        <h3><u>L</u>oyal</h3>
598        <p>Love for our clients and company keeps us together when things get tough. We&rsquo;re
599           united in our commitment to one another and the well-being of our organization.</p>
600      </div>
601      <div class="value-card accent-teal" data-reveal>
602        <span class="value-card__icon" style="--icon:url('/static/img/n_oSTP_CQ-BYKD6WzN_ghg/shared/layer_1_2.svg')" aria-hidden="true"></span>
603        <h3><u>A</u>ccountable</h3>
604        <p>If we say we&rsquo;ll do something, we&rsquo;ll do it, on time and on budget. We
605           take responsibility for the promises we make. We own our mistakes and always take steps
606           to fix them.</p>
607      </div>
608      <div class="value-card accent-pink" data-reveal>
609        <span class="value-card__icon" style="--icon:url('/static/img/_fs2hhr2762LY52UK0kH8Q/shared/layer_1_3.svg')" aria-hidden="true"></span>
610        <h3><u>S</u>olutions focused</h3>
611        <p>We don&rsquo;t see problems, only solutions. We work backward from our
612           client&rsquo;s desired outcomes using our proven processes and systems that help us work
613           smarter, not harder.</p>
614      </div>
615      <div class="value-card accent-sky" data-reveal>
616        <span class="value-card__icon" style="--icon:url('/static/img/E0vTw4JRwhJwBKOo0cq_-Q/shared/layer_1_4.svg')" aria-hidden="true"></span>
617        <h3><u>H</u>elpful</h3>
618        <p>A positive approach wins every time. We have a can-do attitude in the face of every
619           challenge. We&rsquo;re on it! We remove obstacles for our customers: &ldquo;The mail
620           works: Let us show you how!&rdquo;</p>
621      </div>
622      <div class="value-card accent-teal" data-reveal>
623        <span class="value-card__icon" style="--icon:url('/static/img/hbZ_u_XVMXJed6IGVatgaw/shared/layer_1_5.svg')" aria-hidden="true"></span>
624        <h3><u>D</u>ynamic</h3>
625        <p>As people and professionals, we are always evolving, and loving every moment of
626           it. Our roles are fluid (we wear many hats), and we breathe easier outside our comfort
627           zones.</p>
628      </div>
629    </div>
630  </div>
631</section>
632
633
634<section class="cta-band">
635  <div class="container container--narrow">
636    <h2>Your Message, Your Moment. Delivered Right On Time.</h2>
637    <div class="btn-row">
638      <a class="btn btn--on-navy" href="/schedule-a-call">Schedule A Call</a>
639    </div>
640  </div>
641</section>
642
643  </main>
644
645  <!-- ===========================================================================
646     Site footer, single source for every page.
647
648     Two defects from the live footer are fixed here rather than reproduced:
649       1. "Follow Us:" was hyperlinked to a Google Maps short URL. It is a
650          plain heading now.
651       2. The copyright year was hardcoded to 2025. Rendered from the build.
652     A third: "We're hiring!" duplicated the Careers link in the same footer,
653     so it is dropped. Flag any of these if Meagan wants them back as-is.
654     =========================================================================== -->
655<footer class="site-footer">
656  <div class="container">
657    <div class="site-footer__top">
658
659      <div class="site-footer__brand">
660        <img src="/static/img/aszv1xX1t3FavAiIY_KpmA/312742/the_mailworks_logo_whitepink_rgb.png"
661             alt="The Mailworks" width="200" height="58">
662        <address class="site-footer__address">
663          <a href="https://maps.app.goo.gl/JN2hspGn2fBfcDnK6" target="_blank" rel="noopener">
664            236 Broadway<br>Menands, NY 12204
665          </a><br>
666          <a href="tel:+15184359300">518.435.9300</a><br>
667          <a href="tel:+18889461850">888.946.1850</a>
668        </address>
669
670        <p class="site-footer__follow">Follow Us:</p>
671        <div class="site-footer__social">
672          <a href="https://www.facebook.com/themailworks" target="_blank" rel="noopener" aria-label="The Mailworks on Facebook">
673            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M14 9h3V6h-3c-2.2 0-4 1.8-4 4v2H8v3h2v7h3v-7h3l1-3h-4v-2c0-.6.4-1 1-1z"/></svg>
674          </a>
675          <a href="https://www.instagram.com/themailworks/" target="_blank" rel="noopener" aria-label="The Mailworks on Instagram">
676            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12 2c2.7 0 3 0 4.1.1 1.1 0 1.7.2 2.1.4.5.2.9.5 1.3.9.4.4.7.8.9 1.3.2.4.4 1 .4 2.1C21 7.9 21 8.2 21 12s0 4.1-.1 5.2c0 1.1-.2 1.7-.4 2.1-.2.5-.5.9-.9 1.3-.4.4-.8.7-1.3.9-.4.2-1 .4-2.1.4-1.1.1-1.4.1-4.2.1s-3.1 0-4.2-.1c-1.1 0-1.7-.2-2.1-.4-.5-.2-.9-.5-1.3-.9-.4-.4-.7-.8-.9-1.3-.2-.4-.4-1-.4-2.1C3 16.1 3 15.8 3 12s0-4.1.1-5.2c0-1.1.2-1.7.4-2.1.2-.5.5-.9.9-1.3.4-.4.8-.7 1.3-.9.4-.2 1-.4 2.1-.4C8.9 2 9.2 2 12 2zm0 5a5 5 0 100 10 5 5 0 000-10zm0 2a3 3 0 110 6 3 3 0 010-6zm5.5-3.3a1.2 1.2 0 100 2.4 1.2 1.2 0 000-2.4z"/></svg>
677          </a>
678          <a href="https://www.linkedin.com/company/the-mailworks/" target="_blank" rel="noopener" aria-label="The Mailworks on LinkedIn">
679            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M6.9 8.5H4V20h2.9V8.5zM5.4 4a1.7 1.7 0 100 3.4 1.7 1.7 0 000-3.4zM20 13.4c0-3-1.6-4.4-3.8-4.4-1.7 0-2.5.9-2.9 1.6V8.5H10.4V20h2.9v-6.1c0-1.3.6-2.1 1.7-2.1s1.6.8 1.6 2.1V20H20v-6.6z"/></svg>
680          </a>
681        </div>
682      </div>
683
684      <nav class="site-footer__col" aria-label="Solutions">
685        <h2>Solutions</h2>
686        <ul>
687          <li><a href="/services">Our Services</a></li>
688          <li><a href="/campaign-types">Campaign Types</a></li>
689          <li><a href="/industries">Industries</a></li>
690          <li><a href="/partner-program">Partner Program</a></li>
691        </ul>
692      </nav>
693
694      <nav class="site-footer__col" aria-label="Company">
695        <h2>Company</h2>
696        <ul>
697          <li><a href="/about">About Us</a></li>
698          <li><a href="/about/team">Meet the Team</a></li>
699          <li><a href="/careers">Careers</a></li>
700          <li><a href="/contact">Contact Us</a></li>
701        </ul>
702      </nav>
703
704      <nav class="site-footer__col" aria-label="Resources">
705        <h2>Resources</h2>
706        <ul>
707          <li><a href="/direct-mail-academy">Direct Mail Academy</a></li>
708          <li><a href="/hipaa-soc2">HIPAA + SOC2 Compliance</a></li>
709        </ul>
710      </nav>
711    </div>
712
713    <div class="site-footer__bottom">
714      <p class="mb-0">Copyright &copy; 2026 The Mailworks. All Rights Reserved.</p>
715      <div class="site-footer__legal">
716        <a href="/privacy-policy">Privacy Policy</a>
717      </div>
718    </div>
719  </div>
720</footer>
721
722
723  <!-- ===========================================================================
724     Page segue: the full-screen loading indicator shown only when a navigation
725     is genuinely slow.
726
727     A deep-navy screen that fades up over the page being left and plays a short
728     scene on it while the next page loads. Three scenes, rotating between the
729     navigations that are slow enough to show one:
730
731       plane    the pink paper airplane flies on the spot, wind streaming past
732       truck    a Mailworks van drives on the spot, bumping and smoking
733       letter   a sheet drops into an envelope and the flap seals
734
735     static/js/segue.js puts segue-plane, segue-truck or segue-letter on <html>
736     alongside segue-waiting once a load crosses the threshold. See .segue in
737     static/css/animations.css.
738
739     Three things about this markup:
740
741       - It is inert. aria-hidden plus pointer-events:none in the CSS, so it is
742         never announced and never intercepts a click.
743
744       - It is display:none until <html> carries segue-waiting, so on a fast
745         navigation, which is almost all of them, it is never rendered at all.
746
747       - Every scene is drawn inside a fixed coordinate box, scaled as a unit on
748         small screens, so its parts cannot drift apart.
749     =========================================================================== -->
750<div class="segue" data-segue aria-hidden="true">
751  <div class="segue__panel"></div>
752
753  <!-- ---- Plane: flying on the spot ------------------------------------ -->
754  <!-- The plane is cropped straight out of the site's own artwork
755       (shared/group_35.png, the /careers hero), which bakes the plane and a
756       dotted trail into one raster. scripts/extract_plane.py lifts just the pink
757       plane out of it into img/local/segue-plane.png so it can be animated on
758       its own. -->
759  <div class="segue__stage segue__stage--plane">
760    <div class="segue__scene segue__scene--plane">
761      <span class="segue__wind" aria-hidden="true">
762        <i></i><i></i><i></i><i></i><i></i>
763      </span>
764      <img class="segue__plane" src="/static/img/local/segue-plane.png"
765           alt="" width="304" height="112">
766    </div>
767  </div>
768
769  <!-- ---- Truck: driving on the spot ------------------------------------ -->
770  <!-- No road and no scenery: the bump, the turning wheels and the exhaust are
771       what say "driving", and on a bare navy screen they carry it on their own. -->
772  <div class="segue__stage segue__stage--truck">
773    <div class="segue__scene segue__scene--truck">
774      <div class="segue__van">
775        <span class="segue__smoke" aria-hidden="true">
776          <i></i><i></i><i></i>
777        </span>
778        <svg viewBox="0 0 150 92" role="presentation" focusable="false">
779          <!-- Cargo box, cab, then the wheels last so the tyres overlap the body. -->
780          <path class="segue__van-body" d="M6 12h90v60H6z" />
781          <path class="segue__van-stripe" d="M6 64h90v8H6z" />
782          <path class="segue__van-body" d="M96 30h23l17 20h7a3 3 0 0 1 3 3v19H96z" />
783          <path class="segue__van-glass" d="M101 35h17l13 15h-30z" />
784          <path class="segue__van-stripe" d="M142 64h7a2 2 0 0 1 2 2v6h-9z" />
785          <rect class="segue__van-lamp" x="143" y="54" width="6" height="5" rx="1.5" />
786          <image href="/static/img/d1dPZlM8V-UA5jaJA-7M9Q/shared/group_159.png"
787                 x="12" y="20" width="78" height="36" />
788          <g class="segue__wheel">
789            <circle class="segue__tyre" cx="32" cy="81" r="11" />
790            <circle class="segue__hub" cx="32" cy="81" r="4.5" />
791            <path class="segue__spoke" d="M32 76.5v9M27.5 81h9" />
792          </g>
793          <g class="segue__wheel">
794            <circle class="segue__tyre" cx="112" cy="81" r="11" />
795            <circle class="segue__hub" cx="112" cy="81" r="4.5" />
796            <path class="segue__spoke" d="M112 76.5v9M107.5 81h9" />
797          </g>
798        </svg>
799      </div>
800    </div>
801  </div>
802
803  <!-- ---- Letter: into the envelope, then sealed ------------------------- -->
804  <div class="segue__stage segue__stage--letter">
805    <div class="segue__scene segue__scene--letter">
806      <svg viewBox="0 0 520 360" role="presentation" focusable="false">
807        <!-- Painting order is the whole trick here, twice over.
808             1. The sheet is drawn BEFORE the envelope's front panel, so sliding
809                it down past y=150 tucks it behind the envelope, not over it.
810             2. The flap is TWO copies of the same triangle. A real flap is
811                hinged at the back: it sits behind the sheet while it is open and
812                comes in front once it folds shut, and SVG cannot reorder mid
813                animation. So the raised half is drawn back here and the folding
814                half is drawn over the front panel below. Each covers half the
815                fold and they hand over at scaleY(0), where both are edge-on and
816                invisible, so the swap cannot be seen. -->
817        <polygon class="segue__env-flap segue__env-flap--back" points="60,150 460,150 260,262" />
818
819        <g class="segue__sheet">
820          <rect class="segue__sheet-paper" x="118" y="-42" width="284" height="150" rx="4" />
821          <g class="segue__sheet-rule">
822            <rect x="146" y="-14" width="118" height="9" rx="4.5" />
823            <rect x="146" y="10" width="228" height="7" rx="3.5" />
824            <rect x="146" y="28" width="228" height="7" rx="3.5" />
825            <rect x="146" y="46" width="180" height="7" rx="3.5" />
826          </g>
827          <rect class="segue__sheet-accent" x="146" y="-14" width="118" height="9" rx="4.5" />
828        </g>
829
830        <rect class="segue__env-front" x="60" y="150" width="400" height="170" rx="6" />
831        <!-- The envelope's own creases, so the front does not read as a plain box. -->
832        <path class="segue__env-crease" d="M60 320 L260 208 L460 320" />
833
834        <!-- The folding half: starts edge-on and swings down over the front. -->
835        <polygon class="segue__env-flap segue__env-flap--front" points="60,150 460,150 260,262" />
836
837        <circle class="segue__env-seal" cx="260" cy="252" r="17" />
838      </svg>
839    </div>
840  </div>
841</div>
842
843
844  
844<script src="/static/js/nav.js?v=16a09b2ba6" defer></script>
844
845  
845<script src="/static/js/reveal.js?v=16a09b2ba6" defer></script>
845
846  
846<script src="/static/js/carousel.js?v=16a09b2ba6" defer></script>
846
847  
847<script src="/static/js/waterfall.js?v=16a09b2ba6" defer></script>
847
848  
848<script src="/static/js/tabs.js?v=16a09b2ba6" defer></script>
848
849  
849<script src="/static/js/attribution.js?v=16a09b2ba6" defer></script>
849
850  
850<script src="/static/js/lead-submit.js?v=16a09b2ba6" defer></script>
850
851  
851<script src="/static/js/lead-form.js?v=16a09b2ba6" defer></script>
851
852  
852<script src="/static/js/schedule-form.js?v=16a09b2ba6" defer></script>
852
853  
853<script src="/static/js/contact-form.js?v=16a09b2ba6" defer></script>
853
854  
854<script src="/static/js/animations.js?v=16a09b2ba6" defer></script>
854
855  
855<script src="/static/js/segue.js?v=16a09b2ba6" defer></script>
855
856</body>
857</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.