*, *::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; }
}
Overnight Moving Storage
When move day spills into move day two, we keep your belongings secure overnight — locked, monitored, and ready for delivery first thing in the morning.
When One Day Isn’t Quite Enough
Not every move wraps up by sundown. Elevator reservations, long-distance drives, late closings, or simply a large home can push your move into a two-day window. Our overnight storage service is built for exactly that situation.
We load your belongings onto our truck or transfer them into a secure warehouse vault at the end of day one, then deliver them to your new address the following morning — on a schedule that works for you.
- Secure, monitored facility between load and delivery
- No need to leave your belongings on an unattended truck overnight
- Flexible morning delivery windows
- Items remain padded and wrapped from load-out to delivery
- Available add-on to any local or long-distance move
Don’t Leave Your Life on an Unsecured Truck
Overnight parking of loaded moving trucks creates real risks. Our warehouse is a safer choice.
Monitored Facility
24/7 video surveillance and secured warehouse access — far more protection than a parking lot or driveway.
Climate Control
Temperature and humidity stay stable overnight, protecting electronics, wood furniture, art, and other sensitive items from a night in an unventilated truck.
Full Inventory Accountability
Every item is tagged and cataloged before overnight storage. You receive an inventory list, so nothing gets lost in the shuffle between day one and day two.
Flexible Morning Windows
Choose your delivery window for the next morning so you can coordinate elevator reservations, parking permits, or building move-in rules at your new address.
Common Reasons to Add Overnight Storage
- Large home load-out: 4+ bedroom homes often take a full day to pack and load. Overnight storage lets us start fresh on delivery day.
- Back-to-back closings: Selling one day and buying the next? We’ll hold everything safely between the two transactions.
- Condo building restrictions: Many buildings only allow move-ins during specific hours. Overnight storage means we arrive at the right time.
- Long-distance delivery timing: When your truck arrives late in the day, overnight storage avoids a rushed or unsafe evening unload.
- New home not ready until tomorrow: Final walkthrough tomorrow morning? We’ll be there right after.
Overnight Storage FAQs
Two-Day Move? We’ve Got You.
Ask about overnight storage when you request your free moving quote.