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’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’re growing, we’re innovating, and we’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 – 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 – 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 – 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’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 & Media</span> 454 <h2>Making Headlines & Earning Recognition</h2> 455 <p>We’ve had the mic, hit the headlines, and picked up some shiny awards along the 456 way. (Stop, you’re making us blush.) Whether it's a feature, conversation or 457 industry honor, we’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’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’re proactive, not reactive. Our decades of experience fuel us, but it’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’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’ll do something, we’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’t see problems, only solutions. We work backward from our 612 client’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’re on it! We remove obstacles for our customers: “The mail 620 works: Let us show you how!”</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 © 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.