<header class="nav">
  <div class="navInner">
    <a class="brand" href="#top" aria-label="Go to top">
      <!-- Replace logo.jpg with your Squarespace logo URL when you have it -->
      <img src="logo.jpg" alt="Mission David Lingle Cold Storage Logo" class="logoImg" />
      <div class="brandText">
        <strong>Mission David Lingle Cold Storage</strong>
        <span>Est. 1946 • Legacy craftsmanship • Built for the long haul</span>
      </div>
    </a>

    <nav class="links" aria-label="Primary">
      <a class="link" href="#services">Services</a>
      <a class="link" href="#timeline">Timeline</a>
      <a class="link" href="#owners">Owners</a>
      <a class="link" href="#contact">Contact</a>
      <a class="ctaBtn" href="#contact">Request a quote</a>
    </nav>
  </div>
</header>

<main id="top" class="wrap">

  <!-- HERO -->
  <section class="hero">
    <div class="heroGrid">
      <div class="card heroCard">
        <div class="kicker"><span class="kickerDot"></span> Walk-In Coolers • Freezers • Cold-Storage Builds</div>
        <h1>A cold-storage legacy—built by families, trusted by industry.</h1>
        <p class="sub">
          From reefer doors for shipbuilders to freezer tunnels, specialty insulated spaces, and long-term food-industry partnerships—
          our story is one of doing hard jobs the right way.
          <br /><br />
          Today, Mission Cold Storage is proudly owned and operated by the <strong>Lewis</strong> and <strong>Ramsey</strong> families.
        </p>

        <div class="pillRow" aria-label="Highlights">
          <span class="pill">Custom walk-ins</span>
          <span class="pill">Insulated panels (FRP)</span>
          <span class="pill">Reefer & specialty doors</span>
          <span class="pill">Design • Build • Install</span>
        </div>

        <div class="heroActions">
          <a class="btn btnPrimary" href="#contact">Get a quote</a>
          <a class="btn" href="#timeline">See our timeline</a>
        </div>
      </div>

      <div class="heroSide">
        <div class="card photoCard">
          <img class="photo"
               src="https://static1.squarespace.com/static/68af9db12103623ff4e1ab88/t/6998deac28717402fad054f4/1771626164517/larry.jpg"
               alt="Larry Lingle standing in a barn doorway" />
          <div class="caption">
            <div>
              <div class="capTitle">Larry Lingle</div>
              <div class="capText">Decades of cold-storage design, specialty builds, and customer relationships.</div>
            </div>
            <div class="capTag">Legacy Builder</div>
          </div>
        </div>

        <div class="card" style="padding:16px;">
          <div style="display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;">
            <div>
              <div style="font-weight:650; font-size:14px;">Built in Arkansas. Shipped worldwide.</div>
              <div style="color:var(--muted2); font-size:12px; margin-top:4px; line-height:1.4;">
                Specialty doors shipped internationally, including extreme-temperature applications.
              </div>
            </div>
            <div class="capTag">Est. 1946</div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- SERVICES -->
  <section id="services">
    <div class="sectionTitle">
      <h2>What we build</h2>
      <p>
        One team. One point of accountability. From layout and drawings to doors, panels, floors, and refrigeration design.
      </p>
    </div>

    <div class="grid3">
      <div class="mini">
        <strong>Walk-In Coolers & Freezers</strong>
        <span>New builds, expansions, replacements, and custom layouts designed around your workflow.</span>
      </div>
      <div class="mini">
        <strong>Specialty Doors & Enclosures</strong>
        <span>Reefer doors, sound-proof doors, small specialty doors, and custom insulated enclosures.</span>
      </div>
      <div class="mini">
        <strong>Insulated Panels (FRP)</strong>
        <span>USDA-approved fiberglass-reinforced panel systems with trims and accessories (private-label options available).</span>
      </div>
    </div>
  </section>

  <!-- TIMELINE -->
  <section id="timeline">
    <div class="sectionTitle">
      <h2>Our story, told as a timeline</h2>
      <p>
        A few highlights from decades of projects—food processing, shipbuilding, specialty manufacturing, and everything in between.
      </p>
    </div>

    <div class="timelineWrap" role="list">
      <div class="event" role="listitem">
        <div class="dot" aria-hidden="true"></div>
        <div class="eventCard">
          <div class="eventTop">
            <div class="year">1946</div>
            <div class="badge">Foundations</div>
          </div>
          <h3>Built on craftsmanship</h3>
          <p>The work began with a simple idea: build insulated spaces that last—and treat customers like partners.</p>
        </div>
      </div>

      <div class="event" role="listitem">
        <div class="dot" aria-hidden="true"></div>
        <div class="eventCard">
          <div class="eventTop">
            <div class="year">Early 1950s</div>
            <div class="badge">Long-term relationships</div>
          </div>
          <h3>A customer through three buyouts</h3>
          <p>A relationship that began with AVI (later Valmac, then Tastybird, now Tyson) grew into a 45+ year partnership.</p>
        </div>
      </div>

      <div class="event" role="listitem">
        <div class="dot" aria-hidden="true"></div>
        <div class="eventCard">
          <div class="eventTop">
            <div class="year">1979</div>
            <div class="badge">National brands</div>
          </div>
          <h3>Scaling for fast-growing franchises</h3>
          <p>As Taco Bell and KFC grew into a nationwide force, we delivered over 100 cooler and cooler/freezer combinations.</p>
        </div>
      </div>

      <div class="event" role="listitem">
        <div class="dot" aria-hidden="true"></div>
        <div class="eventCard">
          <div class="eventTop">
            <div class="year">1981 → 1994</div>
            <div class="badge">Expansions</div>
          </div>
          <h3>From a first build to a major reach-in</h3>
          <p>A liquor cooler expanded in 1981, replaced in 1994 with a 90' × 20' × 10'5" unit—later growing into a reach-in over 100 feet long.</p>
        </div>
      </div>

      <div class="event" role="listitem">
        <div class="dot" aria-hidden="true"></div>
        <div class="eventCard">
          <div class="eventTop">
            <div class="year">1989</div>
            <div class="badge">Shipbuilding</div>
          </div>
          <h3>Reefer doors for major shipbuilders</h3>
          <p>A relationship with Bath Iron Works (and other builders) produced reefer doors for ships over multiple years.</p>
        </div>
      </div>

      <div class="event" role="listitem">
        <div class="dot" aria-hidden="true"></div>
        <div class="eventCard">
          <div class="eventTop">
            <div class="year">1994</div>
            <div class="badge">Entrepreneur stories</div>
          </div>
          <h3>Dippin’ Dots</h3>
          <p>A shoelace-budget startup needed small doors for delivery trucks—those doors became a long-term relationship.</p>
        </div>
      </div>

      <div class="event" role="listitem">
        <div class="dot" aria-hidden="true"></div>
        <div class="eventCard">
          <div class="eventTop">
            <div class="year">1995</div>
            <div class="badge">Extreme environments</div>
          </div>
          <h3>Installed at the Arctic Circle</h3>
          <p>After a side-by-side comparison, our door was selected and installed for Pool Arctic Alaska—one unit reached the Arctic Circle.</p>
        </div>
      </div>

      <div class="event" role="listitem">
        <div class="dot" aria-hidden="true"></div>
        <div class="eventCard">
          <div class="eventTop">
            <div class="year">1990s</div>
            <div class="badge">Specialty fabrication</div>
          </div>
          <h3>Freezer tunnels to sound-proof enclosures</h3>
          <p>Projects ranged from large insulated freezer tunnels (with conveyors) to sound-proof enclosures around refrigeration systems.</p>
        </div>
      </div>

      <div class="event" role="listitem">
        <div class="dot" aria-hidden="true"></div>
        <div class="eventCard">
          <div class="eventTop">
            <div class="year">1990s</div>
            <div class="badge">Global</div>
          </div>
          <h3>Specialty doors shipped internationally</h3>
          <p>Small doors were shipped internationally for vapor recovery applications—built for brutal outdoor temperatures.</p>
        </div>
      </div>

      <div class="event" role="listitem">
        <div class="dot" aria-hidden="true"></div>
        <div class="eventCard">
          <div class="eventTop">
            <div class="year">Today</div>
            <div class="badge">New chapter</div>
          </div>
          <h3>Lewis & Ramsey families</h3>
          <p>Owned and operated by the Lewis family (three girls) and the Ramsey family (three boys).</p>
        </div>
      </div>
    </div>
  </section>

  <!-- OWNERS -->
  <section id="owners">
    <div class="sectionTitle">
      <h2>Meet the owners</h2>
      <p>Two families carrying the torch: the Lewis family (three girls) and the Ramsey family (three boys).</p>
    </div>

    <div class="owners">
      <div class="card ownerCard">
        <!-- Replace lewis.jpg with your Squarespace Lewis family URL -->
        <img class="ownerImg" src="lewis.jpg" alt="The Lewis family" />
        <div class="ownerBody">
          <strong>The Lewis Family</strong>
          <span>New owners • Three girls • Focused on customer care, consistency, and strong community roots.</span>
        </div>
      </div>

      <div class="card ownerCard">
        <!-- Replace ramsey.jpg with your Squarespace Ramsey family URL -->
        <img class="ownerImg" src="ramsey.jpg" alt="The Ramsey family" />
        <div class="ownerBody">
          <strong>The Ramsey Family</strong>
          <span>New owners • Three boys • Driven to grow the legacy with modern systems and hands-on service.</span>
        </div>
      </div>

      <div class="card ownerCard">
        <img class="ownerImg"
             src="https://static1.squarespace.com/static/68af9db12103623ff4e1ab88/t/6998deac28717402fad054f4/1771626164517/larry.jpg"
             alt="Larry Lingle" />
        <div class="ownerBody">
          <strong>Larry Lingle</strong>
          <span>Legacy builder • Designed and delivered walk-in units, cold-storage facilities, and specialty insulated projects.</span>
        </div>
      </div>
    </div>
  </section>

  <!-- CONTACT -->
  <section id="contact">
    <div class="sectionTitle">
      <h2>Contact & quotes</h2>
      <p>Tell us what you’re building. We’ll ask a few smart questions and give you a clear next step.</p>
    </div>

    <div class="contactGrid">
      <div class="card contactCard">
        <h3>Request a quote</h3>

        <div style="margin-top:12px; display:grid; gap:8px;">
          <div><span style="color:var(--muted2)">Phone:</span> <strong>(479) 000-0000</strong></div>
          <div><span style="color:var(--muted2)">Email:</span> <strong>sales@missioncoldstorage.com</strong></div>
          <div><span style="color:var(--muted2)">Service area:</span> <strong>Arkansas + surrounding states</strong></div>
        </div>

        <div style="margin-top:14px; display:flex; gap:10px; flex-wrap:wrap;">
          <a class="btn btnPrimary" href="mailto:sales@missioncoldstorage.com?subject=Quote%20Request%20-%20Mission%20Cold%20Storage">Email us</a>
          <a class="btn" href="#timeline">See experience</a>
        </div>
      </div>

      <div class="card contactCard">
        <h3>Quick details (copy/paste into an email)</h3>
        <p>Send to <strong>sales@missioncoldstorage.com</strong>.</p>

        <div style="margin-top:14px; display:flex; gap:10px; flex-wrap:wrap;">
          <a class="btn btnPrimary" href="mailto:sales@missioncoldstorage.com?subject=Quote%20Request%20-%20Mission%20Cold%20Storage">Email us</a>
          <a class="btn" href="#timeline">See experience</a>
        </div>
      </div>
    </div>

    <footer>
      <div>© 2026 Mission Cold Storage. All rights reserved.</div>
      <div style="display:flex; gap:10px; flex-wrap:wrap;">
        <a href="#top">Back to top</a>
        <span style="opacity:.45">•</span>
        <a href="#services">Services</a>
        <span style="opacity:.45">•</span>
        <a href="#owners">Owners</a>
      </div>
    </footer>
  </section>

</main>