the-true-cost-of-home/first-slip.html

187 lines
6.6 KiB
HTML
Raw Normal View History

2026-07-18 12:52:45 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aisha Henry | The First Slip</title>
<style>
:root {
--soil: #2a1f1a;
--clay: #8b5a2b;
--sage: #7a8b6e;
--cream: #f5f0e6;
--ink: #1a1a1a;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Georgia', serif;
background: var(--soil);
color: var(--cream);
line-height: 1.6;
font-size: 18px;
}
header {
padding: 4rem 2rem;
text-align: center;
background: linear-gradient(180deg, var(--soil) 0%, var(--clay) 100%);
}
h1 {
font-size: 3.5rem;
font-weight: 300;
letter-spacing: 0.1em;
margin-bottom: 1.5rem;
color: var(--cream);
}
.subtitle {
font-size: 1.25rem;
font-style: italic;
color: var(--sage);
max-width: 600px;
margin: 0 auto;
}
main {
max-width: 720px;
margin: 4rem auto;
padding: 0 2rem;
}
.story {
background: rgba(255,255,255,0.03);
border-left: 4px solid var(--clay);
padding: 2.5rem;
margin: 3rem 0;
border-radius: 0 1rem 1rem 0;
}
.story h2 {
font-size: 2rem;
margin-bottom: 1.5rem;
color: var(--sage);
}
.story p {
margin-bottom: 1.5rem;
text-align: justify;
}
.lesson {
background: var(--clay);
color: var(--soil);
padding: 2rem;
border-radius: 0.5rem;
margin: 2rem 0;
font-weight: bold;
text-align: center;
font-size: 1.1rem;
}
.metrics {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2rem;
margin: 3rem 0;
}
.metric {
background: rgba(255,255,255,0.05);
padding: 2rem;
border-radius: 1rem;
text-align: center;
}
.metric .number {
font-size: 3rem;
font-weight: bold;
color: var(--sage);
display: block;
margin-bottom: 0.5rem;
}
.metric .label {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 0.15em;
}
.recovery {
background: linear-gradient(135deg, var(--sage) 0%, var(--clay) 100%);
padding: 3rem;
border-radius: 2rem;
margin: 4rem 0;
text-align: center;
}
.recovery h2 {
font-size: 2.5rem;
margin-bottom: 2rem;
color: var(--soil);
}
.recovery ul {
list-style: none;
text-align: left;
max-width: 500px;
margin: 0 auto;
}
.recovery li {
padding: 1.5rem;
background: rgba(255,255,255,0.1);
margin: 1rem 0;
border-radius: 1rem;
font-size: 1.25rem;
color: var(--soil);
font-weight: bold;
}
footer {
text-align: center;
padding: 4rem 2rem;
font-size: 0.9rem;
opacity: 0.8;
}
</style>
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
</head>
<body>
<header>
<h1>The First Slip</h1>
<p class="subtitle">Every mistake is a chance to learn. But a mistake without a recovery plan is just a liability.</p>
</header>
<main>
<div class="story">
<h2>2019, Union County</h2>
<p>It was supposed to be a simple closing. A first-time buyer, young couple with calloused hands and dreams bigger than their savings account. I'd spent three months guiding them through the maze of pre-approvals, appraisals, and inspections. But when we got to the contract, I missed a single clause—a tiny oversight in the financing contingency that would have cost them their down payment.</p>
<p>I saw the look in their eyes. Not anger, but that quiet terror that comes when you realize the ground beneath you might not hold. I went home that night and sat on my porch until the stars came out, wondering if I'd betrayed them.</p>
<p>But the next morning, I built a new system. A checklist that lives on my desk, a ritual of triple-checking every line, every number, every promise. Because a mistake without a recovery plan is just a liability.</p>
</div>
<div class="lesson">
"The only thing worse than a mistake is pretending it didn't happen."
</div>
<div class="metrics">
<div class="metric">
<span class="number">100%</span>
<span class="label">Contracts Checked</span>
</div>
<div class="metric">
<span class="number">0</span>
<span class="label">Missed Deadlines</span>
</div>
<div class="metric">
<span class="number">47</span>
<span class="label">First-Time Buyers</since that day</span>
</div>
</div>
<div class="recovery">
<h2>The Recovery Rhythm</h2>
<ul>
<li>1. Admit the slip</li>
<li>2. Map the root cause</li>
<li>3. Build the guardrail</li>
<li>4. Walk the path again, together</li>
</ul>
</div>
<p style="text-align: center; margin-top: 4rem; font-style: italic; color: var(--sage);">
Every craftsman's got a first slip. Mine taught me that the most important thing I can give a first-time buyer isn't just a house—it's the confidence to know the ground beneath them is solid.
</p>
</main>
<footer>
<p>Every mistake is a chance to learn. But a mistake without a recovery plan is just a liability.</p>
<p style="margin-top: 1rem;">Aisha Henry • Union County • 2026</p>
</footer>
</body>
</html>