/* ============================================================
BUDGET MOVERS — Shared Stylesheet
Palette: Navy #1B2E4B | Orange #E8601C | Light Gray #F5F6F8
White #FFFFFF | Dark Text #222831 | Mid Gray #6B7280
Type: System stack for speed + budget feel
============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
–navy: #1B2E4B;
–orange: #E8601C;
–orange-d:#C44E14;
–light: #F5F6F8;
–white: #FFFFFF;
–text: #222831;
–mid: #6B7280;
–border: #DDE1E8;
–radius: 6px;
–max-w: 1100px;
}
body {
font-family: -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Arial, sans-serif;
color: var(–text);
background: var(–white);
line-height: 1.65;
font-size: 16px;
}
a { color: var(–orange); text-decoration: none; }
a:hover { text-decoration: underline; }
img { max-width: 100%; display: block; }
/* ── NAV ── */
.site-nav {
background: var(–navy);
padding: 0 24px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
position: sticky;
top: 0;
z-index: 100;
min-height: 64px;
}
.nav-logo {
font-size: 1.35rem;
font-weight: 800;
color: var(–white);
letter-spacing: -0.5px;
white-space: nowrap;
}
.nav-logo span { color: var(–orange); }
.nav-links {
display: flex;
list-style: none;
gap: 4px;
flex-wrap: wrap;
}
.nav-links a {
color: rgba(255,255,255,0.82);
font-size: 0.85rem;
font-weight: 500;
padding: 6px 10px;
border-radius: var(–radius);
transition: background 0.15s, color 0.15s;
}
.nav-links a:hover,
.nav-links a.active { background: rgba(255,255,255,0.12); color: var(–white); text-decoration: none; }
.nav-cta {
background: var(–orange);
color: var(–white) !important;
border-radius: var(–radius);
padding: 8px 18px !important;
font-weight: 700 !important;
white-space: nowrap;
font-size: 0.85rem !important;
}
.nav-cta:hover { background: var(–orange-d) !important; text-decoration: none !important; }
/* ── BREADCRUMB ── */
.breadcrumb {
background: var(–light);
padding: 10px var(–max-w);
font-size: 0.82rem;
color: var(–mid);
padding: 10px 32px;
}
.breadcrumb a { color: var(–mid); }
.breadcrumb span { margin: 0 6px; }
/* ── HERO ── */
.hero {
background: var(–navy);
color: var(–white);
padding: 72px 32px 64px;
text-align: center;
position: relative;
overflow: hidden;
}
.hero::before {
content: ”;
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(232,96,28,0.18) 0%, transparent 60%);
pointer-events: none;
}
.hero-eyebrow {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.78rem;
font-weight: 700;
color: var(–orange);
margin-bottom: 14px;
}
.hero h1 {
font-size: clamp(1.9rem, 4vw, 3rem);
font-weight: 800;
line-height: 1.18;
max-width: 780px;
margin: 0 auto 18px;
}
.hero p {
font-size: 1.1rem;
color: rgba(255,255,255,0.82);
max-width: 640px;
margin: 0 auto 32px;
}
.hero-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
/* ── BUTTONS ── */
.btn {
display: inline-block;
padding: 13px 28px;
border-radius: var(–radius);
font-weight: 700;
font-size: 0.95rem;
cursor: pointer;
transition: background 0.15s, transform 0.1s;
}
.btn:hover { transform: translateY(-1px); text-decoration: none; }
.btn-primary { background: var(–orange); color: var(–white); }
.btn-primary:hover { background: var(–orange-d); color: var(–white); }
.btn-outline { background: transparent; color: var(–white); border: 2px solid rgba(255,255,255,0.55); }
.btn-outline:hover { border-color: var(–white); color: var(–white); }
.btn-navy { background: var(–navy); color: var(–white); }
.btn-navy:hover { background: #14223a; color: var(–white); }
/* ── SECTION WRAPPER ── */
.section { padding: 64px 32px; }
.section-light { background: var(–light); }
.section-navy { background: var(–navy); color: var(–white); }
.section-navy h2, .section-navy h3 { color: var(–white); }
.section-navy p { color: rgba(255,255,255,0.82); }
.container { max-width: var(–max-w); margin: 0 auto; }
.section-label {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.75rem;
font-weight: 700;
color: var(–orange);
margin-bottom: 10px;
}
h2.section-title {
font-size: clamp(1.5rem, 3vw, 2.1rem);
font-weight: 800;
margin-bottom: 14px;
line-height: 1.2;
}
.section-sub {
color: var(–mid);
max-width: 640px;
margin-bottom: 40px;
font-size: 1.02rem;
}
/* ── CARDS GRID ── */
.cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 24px;
}
.card {
background: var(–white);
border: 1px solid var(–border);
border-radius: 10px;
padding: 28px 24px;
transition: box-shadow 0.2s, transform 0.2s;
}
.card:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.09); transform: translateY(-2px); }
.card-icon {
width: 52px; height: 52px;
background: rgba(232,96,28,0.1);
border-radius: 12px;
display: flex; align-items: center; justify-content: center;
margin-bottom: 16px;
font-size: 1.6rem;
}
.card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; }
.card p { color: var(–mid); font-size: 0.93rem; line-height: 1.6; }
.card-link { display: inline-block; margin-top: 14px; font-size: 0.88rem; font-weight: 600; color: var(–orange); }
/* ── TWO-COL FEATURE ── */
.feature-split {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 56px;
align-items: center;
}
.feature-split.reverse { direction: rtl; }
.feature-split.reverse > * { direction: ltr; }
.feature-text h2 { font-size: clamp(1.4rem, 2.5vw, 1.9rem); font-weight: 800; margin-bottom: 14px; }
.feature-text p { color: var(–mid); margin-bottom: 16px; }
.feature-img {
border-radius: 10px;
overflow: hidden;
background: var(–light);
aspect-ratio: 4/3;
display: flex; align-items: center; justify-content: center;
font-size: 4rem;
}
/* ── CHECKLIST ── */
.checklist { list-style: none; display: flex; flex-direction: column; gap: 10px; margin: 16px 0 24px; }
.checklist li {
display: flex; gap: 10px; align-items: flex-start;
font-size: 0.95rem; color: var(–text);
}
.checklist li::before {
content: ‘✓’;
color: var(–orange);
font-weight: 800;
flex-shrink: 0;
margin-top: 1px;
}
/* ── STATS BAR ── */
.stats-bar {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1px;
background: var(–border);
border: 1px solid var(–border);
border-radius: 10px;
overflow: hidden;
margin: 40px 0;
}
.stat-item {
background: var(–white);
padding: 28px 20px;
text-align: center;
}
.stat-num { font-size: 2.1rem; font-weight: 800; color: var(–navy); line-height: 1; }
.stat-label { font-size: 0.8rem; color: var(–mid); margin-top: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
/* ── FAQ ACCORDION ── */
.faq-list { display: flex; flex-direction: column; gap: 12px; }
.faq-item {
border: 1px solid var(–border);
border-radius: var(–radius);
overflow: hidden;
}
.faq-q {
width: 100%; background: none; border: none;
text-align: left; padding: 18px 20px;
font-size: 0.97rem; font-weight: 600; color: var(–text);
cursor: pointer;
display: flex; justify-content: space-between; align-items: center;
gap: 12px;
}
.faq-q:hover { background: var(–light); }
.faq-q .arrow { transition: transform 0.25s; font-size: 0.8rem; color: var(–orange); }
.faq-item.open .arrow { transform: rotate(180deg); }
.faq-a { display: none; padding: 0 20px 18px; color: var(–mid); font-size: 0.93rem; line-height: 1.65; }
.faq-item.open .faq-a { display: block; }
/* ── CTA BAND ── */
.cta-band {
background: var(–orange);
color: var(–white);
padding: 56px 32px;
text-align: center;
}
.cta-band h2 { font-size: clamp(1.5rem, 3vw, 2rem); font-weight: 800; margin-bottom: 12px; }
.cta-band p { font-size: 1.05rem; opacity: 0.92; margin-bottom: 28px; }
.btn-white { background: var(–white); color: var(–orange); font-weight: 700; }
.btn-white:hover { background: #f0f0f0; color: var(–orange-d); }
/* ── STORAGE TYPE TABS ── */
.storage-tabs { margin-bottom: 40px; }
.tab-btns { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 32px; }
.tab-btn {
padding: 10px 20px;
border: 2px solid var(–border);
border-radius: 100px;
background: none;
font-size: 0.9rem; font-weight: 600; color: var(–mid);
cursor: pointer;
transition: all 0.15s;
}
.tab-btn.active, .tab-btn:hover { border-color: var(–orange); color: var(–orange); background: rgba(232,96,28,0.06); }
/* ── HIGHLIGHT BOX ── */
.highlight-box {
background: rgba(232,96,28,0.07);
border-left: 4px solid var(–orange);
border-radius: 0 var(–radius) var(–radius) 0;
padding: 20px 24px;
margin: 24px 0;
}
.highlight-box p { color: var(–text); font-size: 0.95rem; }
/* ── FOOTER ── */
.site-footer {
background: var(–navy);
color: rgba(255,255,255,0.7);
padding: 48px 32px 28px;
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 32px;
max-width: var(–max-w);
margin: 0 auto 40px;
}
.footer-brand .nav-logo { margin-bottom: 12px; }
.footer-brand p { font-size: 0.87rem; line-height: 1.6; max-width: 260px; }
.footer-col h4 { color: var(–white); font-size: 0.88rem; font-weight: 700; margin-bottom: 14px; text-transform: uppercase; letter-spacing: 0.5px; }
.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.footer-col a { color: rgba(255,255,255,0.65); font-size: 0.87rem; }
.footer-col a:hover { color: var(–white); text-decoration: none; }
.footer-bottom {
border-top: 1px solid rgba(255,255,255,0.12);
padding-top: 20px;
text-align: center;
font-size: 0.82rem;
max-width: var(–max-w);
margin: 0 auto;
}
/* ── RESPONSIVE ── */
@media (max-width: 768px) {
.nav-links { display: none; }
.feature-split { grid-template-columns: 1fr; gap: 32px; }
.feature-split.reverse { direction: ltr; }
.footer-grid { grid-template-columns: 1fr 1fr; }
.section { padding: 48px 20px; }
.hero { padding: 52px 20px 48px; }
}
@media (max-width: 480px) {
.footer-grid { grid-template-columns: 1fr; }
.stats-bar { grid-template-columns: 1fr 1fr; }
}
White-Glove, High-End Moving
For moves where every detail matters — a dedicated concierge manager, elite crew, and complete end-to-end handling of your home, belongings, and peace of mind.
Your Move, Handled at the Highest Level
Whether you’re relocating a 9,000 sq ft estate, a penthouse condo, or a home full of fine art and specialty items, our concierge moving service is designed to match the standard you live by.
You won’t be coordinating a crew of strangers. You’ll have a single dedicated move manager who oversees every aspect of your relocation — from the initial home walkthrough to the final placement of furniture in your new space.
- Dedicated personal concierge move manager
- Background-checked crew with 250+ hours of mentored training
- Expert handling of specialty items: art, antiques, pianos, wine collections
- Floor, wall, and door protection throughout your home
- Full-service packing with premium materials
- Furniture placement and setup at destination
- Climate-controlled storage available for any duration
- Transit insurance, cataloging, and consultation included
Concierge-Level Service, End to End
Every concierge move includes the following as standard — not as add-ons.
Personal Move Manager
One dedicated point of contact from your initial survey to your final furniture placement. They anticipate problems before they happen and communicate proactively throughout.
Home Protection Protocol
Doors, floors, bannisters, and walls are covered with protective material before any item is moved. We leave your home looking the same as we found it.
Pre-Move Home Survey
An in-home walkthrough ensures we know exactly what you have, what needs special handling, and what equipment or crew size your move requires. No surprises on move day.
Specialty Item Handling
Our crew is trained to move fine art, antiques, sculptures, pianos, wine collections, and other items that require expert care — not just strong backs.
Premium Packing Service
Full-service pack using professional-grade materials. Wardrobe boxes, custom wrapping, and purpose-built containers for fragile or irregularly shaped items.
Specialty Vehicle Transport
Classic cars, antique vehicles, and boats can be arranged through our trusted specialty transport partners. Ask your move manager to coordinate.
One Person. Every Detail.
Your dedicated move manager is assigned from the moment you book. They conduct your initial home walkthrough, develop your personalized move plan, and coordinate every crew, truck, and timeline involved in your relocation.
On move day, they’re on-site. They’re your eyes, your enforcer of standards, and your single point of contact if anything needs to be adjusted. When you arrive at your new home, they’re there for furniture placement — ensuring each piece lands exactly where you envisioned it.
No call centers, no handoffs. Your manager’s direct number is yours throughout the entire process.
Secure Climate-Controlled Storage, Included When You Need It
Sometimes the move and the destination don’t sync up perfectly. We handle that too.
Temperature & Climate Control
Our warehouse maintains the right temperature and humidity for fine art, antiques, wood furniture, musical instruments, and electronics.
24/7 Video Surveillance
State-of-the-art security systems monitor the facility around the clock. Your belongings are never left unattended or unprotected.
ESFR Fire Suppression
Early Suppression, Fast Response fire protection throughout the warehouse. The same system used to protect commercial clients with sensitive inventory.
Concierge Moving FAQs
Your Move Deserves More Than Average
Request a concierge moving consultation and we’ll design a service package around your specific needs.