the-true-cost-of-home/first-slip.html
2026-07-18 10:52:45 +00:00

187 lines
6.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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>