About Us

.hsm-about-page * {
box-sizing: border-box;
}

.hsm-about-page a {
text-decoration: none;
}

.hsm-about-page .hsm-container {
width: min(1160px, 92%);
margin: 0 auto;
}

.hsm-about-page .hsm-hero {
background: linear-gradient(120deg, rgba(0, 42, 113, .97), rgba(0, 42, 113, .84));
color: #fff;
padding: 85px 20px;
text-align: center;
border-radius: 14px;
margin-bottom: 60px;
}

.hsm-about-page .hsm-eyebrow {
display: inline-block;
color: var(--hsm-green);
font-size: 13px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
margin-bottom: 13px;
}

.hsm-about-page h1 {
color: #fff;
font-size: clamp(36px, 5vw, 58px);
line-height: 1.12;
margin: 0 auto 18px;
max-width: 850px;
font-weight: 800;
}

.hsm-about-page .hsm-hero p {
color: #edf3ff;
font-size: 18px;
max-width: 760px;
margin: 0 auto 28px;
}

.hsm-about-page .hsm-buttons {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 13px;
}

.hsm-about-page .hsm-btn {
display: inline-block;
padding: 14px 25px;
border-radius: 6px;
font-size: 15px;
font-weight: 800;
transition: transform .2s ease, background .2s ease;
}

.hsm-about-page .hsm-btn:hover {
transform: translateY(-2px);
}

.hsm-about-page .hsm-btn-primary {
background: var(--hsm-green);
color: var(--hsm-blue);
}

.hsm-about-page .hsm-btn-primary:hover {
background: #69ed20;
}

.hsm-about-page .hsm-btn-outline {
border: 2px solid #fff;
color: #fff;
}

.hsm-about-page .hsm-btn-outline:hover {
background: #fff;
color: var(--hsm-blue);
}

.hsm-about-page h2 {
color: var(--hsm-blue);
font-size: clamp(27px, 3.5vw, 38px);
line-height: 1.2;
margin: 0 0 18px;
font-weight: 800;
}

.hsm-about-page .hsm-story {
display: grid;
grid-template-columns: 1.05fr .95fr;
gap: 45px;
align-items: center;
margin-bottom: 70px;
}

.hsm-about-page .hsm-story p {
font-size: 16px;
margin: 0 0 16px;
}

.hsm-about-page .hsm-story-visual {
min-height: 340px;
background: linear-gradient(145deg, #eaf3ff, #f0f9e9);
border-radius: 14px;
display: flex;
align-items: center;
justify-content: center;
padding: 35px;
text-align: center;
}

.hsm-about-page .hsm-visual-content {
max-width: 340px;
}

.hsm-about-page .hsm-visual-icon {
font-size: 65px;
margin-bottom: 15px;
}

.hsm-about-page .hsm-visual-content h3 {
color: var(--hsm-blue);
font-size: 25px;
line-height: 1.25;
margin: 0 0 10px;
}

.hsm-about-page .hsm-visual-content p {
margin: 0;
font-size: 15px;
}

.hsm-about-page .hsm-values-section {
background: var(--hsm-light);
border-radius: 14px;
padding: 55px 30px;
margin-bottom: 70px;
text-align: center;
}

.hsm-about-page .hsm-section-intro {
max-width: 760px;
margin: 0 auto 35px;
}

.hsm-about-page .hsm-section-intro p {
margin: 0;
font-size: 16px;
}

.hsm-about-page .hsm-values {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
text-align: left;
}

.hsm-about-page .hsm-value-card {
background: #fff;
border-radius: 11px;
padding: 26px 23px;
border-top: 4px solid var(--hsm-green);
box-shadow: 0 6px 20px rgba(0, 42, 113, .05);
}

.hsm-about-page .hsm-value-icon {
font-size: 29px;
margin-bottom: 12px;
}

.hsm-about-page .hsm-value-card h3 {
color: var(--hsm-blue);
font-size: 20px;
margin: 0 0 9px;
}

.hsm-about-page .hsm-value-card p {
margin: 0;
font-size: 15px;
}

.hsm-about-page .hsm-approach {
margin-bottom: 70px;
}

.hsm-about-page .hsm-approach-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
margin-top: 30px;
}

.hsm-about-page .hsm-approach-item {
padding: 25px;
border: 1px solid #e3eaf2;
border-radius: 11px;
}

.hsm-about-page .hsm-number {
display: inline-flex;
width: 42px;
height: 42px;
align-items: center;
justify-content: center;
background: var(--hsm-green);
color: var(--hsm-blue);
border-radius: 50%;
font-size: 17px;
font-weight: 900;
margin-bottom: 15px;
}

.hsm-about-page .hsm-approach-item h3 {
color: var(--hsm-blue);
font-size: 19px;
margin: 0 0 8px;
}

.hsm-about-page .hsm-approach-item p {
margin: 0;
font-size: 15px;
}

.hsm-about-page .hsm-bottom-cta {
background: var(--hsm-blue);
color: #fff;
padding: 55px 25px;
text-align: center;
border-radius: 14px;
margin-bottom: 25px;
}

.hsm-about-page .hsm-bottom-cta h2 {
color: #fff;
margin-bottom: 13px;
}

.hsm-about-page .hsm-bottom-cta p {
color: #edf3ff;
font-size: 17px;
max-width: 700px;
margin: 0 auto 25px;
}

@media (max-width: 850px) {
.hsm-about-page .hsm-story {
grid-template-columns: 1fr;
gap: 28px;
}

.hsm-about-page .hsm-values,
.hsm-about-page .hsm-approach-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 560px) {
.hsm-about-page .hsm-hero {
padding: 58px 18px;
margin-bottom: 42px;
}

.hsm-about-page .hsm-hero p {
font-size: 16px;
}

.hsm-about-page .hsm-values-section {
padding: 38px 18px;
}

.hsm-about-page .hsm-values,
.hsm-about-page .hsm-approach-grid {
grid-template-columns: 1fr;
}

.hsm-about-page .hsm-story-visual {
min-height: 270px;
}

.hsm-about-page .hsm-btn {
width: 100%;
max-width: 300px;
text-align: center;
}
}
</style>

<section class="hsm-hero">
<div class="hsm-container">
<span class="hsm-eyebrow">About Home Street Moving</span>
<h1>Moving Forward, Together</h1>
<p>
Moving to a new place is more than a change of address. It's a new chapter.
We're here to help make the journey simpler, more organized, and less stressful.
</p>
<div class="hsm-buttons">
<a class="hsm-btn hsm-btn-primary" href="https://home-street-moving-xnk6tnwq.myshopify.com/pages/get-quote">
Request a Free Quote
</a>
<a class="hsm-btn hsm-btn-outline" href="tel:+12064308390">
Call +1 (206) 430-8390
</a>
</div>
</div>
</section>

<section class="hsm-story">
<div>
<span class="hsm-eyebrow">Who We Are</span>
<h2>Making Every Move Feel More Manageable</h2>
<p>
At Home Street Moving, we understand that moving can bring a lot of
responsibilities, decisions, and details to manage. From preparing your
belongings to settling into a new space, every step deserves attention.
</p>
<p>
Our goal is to make the moving experience easier through helpful service,
thoughtful planning, and care for the things that matter to you. Whether
you're moving across town, relocating your family, or planning a change
for your business, we're here to support your next step.
</p>
<p>
We believe a better moving experience starts with understanding your needs
and providing support that fits your move.
</p>
</div>

<div class="hsm-story-visual">
<div class="hsm-visual-content">
<div class="hsm-visual-icon" aria-hidden="true">🏡</div>
<h3>Your Next Chapter Starts Here</h3>
<p>
Helping you move with greater confidence, care, and peace of mind.
</p>
</div>
</div>
</section>

<section class="hsm-values-section">
<div class="hsm-section-intro">
<span class="hsm-eyebrow">What Matters to Us</span>
<h2>Our Commitment to Better Moving</h2>
<p>
The way we approach a move matters. These values guide the experience
we aim to provide to every customer.
</p>
</div>

<div class="hsm-values">
<article class="hsm-value-card">
<div class="hsm-value-icon" aria-hidden="true">🤝</div>
<h3>Customer-Focused Service</h3>
<p>
Your needs come first. We aim to understand your plans and provide
support that works for your individual moving situation.
</p>
</article>

<article class="hsm-value-card">
<div class="hsm-value-icon" aria-hidden="true">📦</div>
<h3>Careful Handling</h3>
<p>
Your belongings are important. We value thoughtful handling and
attention to detail throughout the moving process.
</p>
</article>

<article class="hsm-value-card">
<div class="hsm-value-icon" aria-hidden="true">⭐</div>
<h3>Dependable Support</h3>
<p>
Clear communication and organized planning help create a smoother
experience from the first conversation to moving day.
</p>
</article>
</div>
</section>

<section class="hsm-approach">
<div class="hsm-section-intro">
<span class="hsm-eyebrow">How We Work</span>
<h2>A Simpler Way to Plan Your Move</h2>
<p>
Every move has its own needs. We focus on understanding those needs
and helping you take the next step with clarity.
</p>
</div>

<div class="hsm-approach-grid">
<article class="hsm-approach-item">
<div class="hsm-number">01</div>
<h3>We Listen</h3>
<p>
We start by learning about your move, your priorities, and the
services you're looking for.
</p>
</article>

<article class="hsm-approach-item">
<div class="hsm-number">02</div>
<h3>We Plan</h3>
<p>
We help you consider the details and support needed to make your
moving plan more organized.
</p>
</article>

<article class="hsm-approach-item">
<div class="hsm-number">03</div>
<h3>We Help You Move</h3>
<p>
With your needs in mind, we work toward making your move a more
comfortable and manageable experience.
</p>
</article>
</div>
</section>

<section class="hsm-bottom-cta">
<span class="hsm-eyebrow">Your Move Matters</span>
<h2>Let's Make Your Next Move a Good One</h2>
<p>
Have questions or ready to start planning? Get in touch with Home Street
Moving and tell us what you need. We're ready to help you take the next step.
</p>
<div class="hsm-buttons">
<a class="hsm-btn hsm-btn-primary" href="https://home-street-moving-xnk6tnwq.myshopify.com/pages/get-quote">
Get Your Moving Quote
</a>
<a class="hsm-btn hsm-btn-outline" href="tel:+12064308390">
Call +1 (206) 430-8390
</a>
</div>
</section>

</div>
</div>