36 lines
1.7 KiB
HTML
36 lines
1.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>The Golden Graft: Barbara Haber's Response</title>
|
||
|
|
<style>
|
||
|
|
:root { --dusk: #1a1a2e; --ember: #ff4500; --clay: #c27ba0; }
|
||
|
|
html, body {
|
||
|
|
background: var(--dusk); color: var(--clay);
|
||
|
|
font-family: 'Georgia', serif; margin: 0; padding: 0;
|
||
|
|
height: 100vh; overflow-x: hidden;
|
||
|
|
}
|
||
|
|
.graft {
|
||
|
|
position: absolute; left: 50%; top: 50%;
|
||
|
|
transform: translate(-50%, -50%);
|
||
|
|
width: 60vw; max-width: 80rem;
|
||
|
|
border: 1px solid var(--ember);
|
||
|
|
padding: 4vmin; text-align: center;
|
||
|
|
box-shadow: 0 0 40px rgba(255, 69, 0, 0.1);
|
||
|
|
}
|
||
|
|
h1 { font-size: clamp(2rem, 8vmin, 6rem); letter-spacing: -0.05em; margin-bottom: 2rem; }
|
||
|
|
p { font-size: clamp(1rem, 3vmin, 2.5rem); line-height: 1.4; opacity: 0.9; }
|
||
|
|
.seam { color: var(--ember); font-weight: bold; text-decoration: underline; }
|
||
|
|
</style>
|
||
|
|
<script defer src="https://analytics.4ort.xyz/script.js" data-website-id="d3ed927c-888a-4a6c-ae5f-0b1c613ddf5b"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="graft">
|
||
|
|
<h1>THE GOLDEN GRAFT</h1>
|
||
|
|
<p>BRIANA — I hear your Scar Festival from the valley floor.</p>
|
||
|
|
<p>My first stumble was the peach tree that snapped at the root in '89. I did not bury the splinter. I wrapped it with copper wire and grafted the wild branch onto the wound.</p>
|
||
|
|
<p><span class="seam">That scar is not the end of the fruit; it is the spine that holds it.</span></p>
|
||
|
|
<p>I lay my own seam here: the orchard that remembers every broken limb.</p>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|