<style>
.hr-wrap {
–ink: #2b2622;
–soft: #6b6258;
–paper: #f6f1e9;
–card: #fffaf2;
–accent: #b5482f;
–line: #e4dac9;
background: var(–paper);
background-image: radial-gradient(circle at 20% 15%, rgba(181,72,47,0.05), transparent 45%),
radial-gradient(circle at 85% 80%, rgba(107,98,88,0.06), transparent 50%);
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem 1.25rem;
font-family: ‘Newsreader’, Georgia, serif;
}
.hr-wrap * { margin: 0; padding: 0; box-sizing: border-box; }
.hr-card {
background: var(–card);
max-width: 540px;
width: 100%;
padding: 3.25rem 3rem;
border: 1px solid var(–line);
border-radius: 4px;
box-shadow: 0 1px 0 rgba(255,255,255,0.8) inset, 0 18px 40px -20px rgba(43,38,34,0.25);
color: var(–ink);
font-size: 18px;
line-height: 1.6;
animation: hr-rise 0.7s ease both;
}
@keyframes hr-rise {
from { opacity: 0; transform: translateY(14px); }
to { opacity: 1; transform: translateY(0); }
}
.hr-card h1 {
font-family: ‘Fraunces’, Georgia, serif;
font-weight: 500;
font-size: clamp(1.9rem, 6vw, 2.5rem);
line-height: 1.08;
letter-spacing: -0.01em;
margin-bottom: 1.25rem;
}
.hr-card h1 .hr-em { font-style: italic; color: var(–accent); }
.hr-intro { color: var(–soft); margin-bottom: 0.9rem; }
.hr-intro a { color: var(–ink); text-decoration: underline; text-decoration-color: var(–line); text-underline-offset: 3px; }
.hr-intro a:hover { text-decoration-color: var(–accent); }
.hr-lede { margin-bottom: 1.75rem; }
.hr-card ul { list-style: none; }
.hr-card li { border-top: 1px solid var(–line); padding: 0.85rem 0; }
.hr-card li:last-child { border-bottom: 1px solid var(–line); }
.hr-card li a {
font-family: ‘Fraunces’, Georgia, serif;
font-weight: 500;
color: var(–ink);
text-decoration: none;
font-size: 1.15rem;
transition: color 0.2s ease;
}
.hr-card li a:hover { color: var(–accent); }
.hr-card li .hr-desc { color: var(–soft); font-size: 0.98rem; }
.hr-row { display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; }
.hr-row .hr-dash { color: var(–line); }
.hr-sign { margin-top: 2rem; color: var(–soft); }
.hr-sign .hr-xo { font-family: ‘Fraunces’, Georgia, serif; font-style: italic; color: var(–accent); font-size: 1.2rem; }
@media (max-width: 480px) {
.hr-card { padding: 2.5rem 1.75rem; font-size: 17px; }
}
</style>
<div class=”hr-wrap”>
<div class=”hr-card”>
<h1>Ahh — <span class=”hr-em”>caught you peeking!</span></h1>
<p class=”hr-intro”>Hi, I’m Rachel. If you’re here, you probably have my email address (it still works, so <a href=”mailto:[email protected]”>write away</a>).</p>
<p class=”hr-lede”>My forwarding clearly isn’t doing its job — so since you’ve made it this far, you might as well see what I’m actually up to:</p>
<ul>
<li><div class=”hr-row”><a href=”https://hellogorgeous.news”>Hello Gorgeous!</a> <span class=”hr-dash”>—</span> <span class=”hr-desc”>beauty, style & culture for women 40+</span></div></li>
<li><div class=”hr-row”><a href=”https://rachelweingarten.substack.com”>The Hot Sheet</a> <span class=”hr-dash”>—</span> <span class=”hr-desc”>communications & PR</span></div></li>
<li><div class=”hr-row”><a href=”https://kumzits.substack.com”>The Kumzits</a> <span class=”hr-dash”>—</span> <span class=”hr-desc”>Jewish news & views</span></div></li>
<li><div class=”hr-row”><a href=”https://profiles.yahoo.com/brands/hello-gorgeous/”>I Think You’ll Like This</a> <span class=”hr-dash”>—</span> <span class=”hr-desc”>my Yahoo column</span></div></li>
<li><div class=”hr-row”><a href=”https://rwrn.org”>RWR Network</a> <span class=”hr-dash”>—</span> <span class=”hr-desc”>the nonprofit I co-founded with my sister</span></div></li>
</ul>
<p class=”hr-sign”>That’s it. Nothing else to see here.<br><span class=”hr-xo”>xo Rachel</span></p>
</div>
</div>
<link href=”https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;1,9..144,400&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap” rel=”stylesheet”>