-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
247 lines (234 loc) · 26.1 KB
/
Copy pathindex.html
File metadata and controls
247 lines (234 loc) · 26.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"/><meta content="width=device-width, initial-scale=1.0" name="viewport"/><title>Tea with Ree | A space to pause and reflect</title>
<meta name="description" content="Tea with Ree is a personal space to pause and reflect, with slow, thoughtful writing on wellbeing, nature and inner work by Rehana Rutti."/><meta content="Rehana Rutti" name="author"/><meta content="Tea with Ree" name="publisher"/><meta content="ZA" name="geo.region"/><meta content="Cape Town, South Africa" name="geo.placename"/><meta content="en_ZA" property="og:locale"/><meta content="@teawithree" name="twitter:creator"/><meta content="index, follow, max-image-preview:large" name="robots"/><link href="https://www.teawithree.com/" rel="canonical"/><meta content="website" property="og:type"/><meta content="Tea with Ree | A space to pause and reflect" property="og:title"/><meta content="A space to pause and reflect. Step into ideas that inspire, restore and move you." property="og:description"/><meta content="https://www.teawithree.com/" property="og:url"/><meta content="Tea with Ree" property="og:site_name"/><meta content="https://www.teawithree.com/homehero.jpg" property="og:image"/><meta content="1399" property="og:image:width"/><meta content="933" property="og:image:height"/><meta content="Tea with Ree, a space to pause and reflect" property="og:image:alt"/><meta content="https://www.teawithree.com/homehero.jpg" name="twitter:image"/><meta content="summary_large_image" name="twitter:card"/><meta content="Tea with Ree | A space to pause and reflect" name="twitter:title"/><meta content="A space to pause and reflect. Step into ideas that inspire, restore and move you." name="twitter:description"/><script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-15387418816',{page_title:"Tea with Ree \u2014 Home"});</script><script data-deferred-gtag="1">window.addEventListener('load',function(){var run=function(){var s=document.createElement('script');s.async=true;s.src='https://www.googletagmanager.com/gtag/js?id=G-15387418816';document.head.appendChild(s);};setTimeout(run,8000);},{once:true});</script><script type="application/ld+json">{"@context": "https://schema.org", "@graph": [{"@type": "WebSite", "@id": "https://www.teawithree.com/#website", "url": "https://www.teawithree.com/", "name": "Tea with Ree", "description": "A space to pause and reflect. Step into ideas that inspire, restore and move you.", "inLanguage": "en-ZA", "publisher": {"@id": "https://www.teawithree.com/#person"}, "potentialAction": {"@type": "SearchAction", "target": "https://www.teawithree.com/?s={q}", "query-input": "required name=q"}}, {"@type": "Person", "@id": "https://www.teawithree.com/#person", "name": "Rehana Rutti", "url": "https://www.teawithree.com/", "description": "Storyteller at heart, curious wanderer and founder of Tea with Ree.", "sameAs": ["https://instagram.com/teawith_ree", "https://www.tiktok.com/@TeawithRee", "https://facebook.com/Rehana.Rutti", "https://www.linkedin.com/in/rehanarutti/"]}, {"@type": "Blog", "@id": "https://www.teawithree.com/#blog", "url": "https://www.teawithree.com/", "name": "Tea with Ree", "publisher": {"@id": "https://www.teawithree.com/#person"}, "blogPost": [{"@type": "BlogPosting", "headline": "Rescue Stories That Restore Hope", "url": "https://www.teawithree.com/ecology-rescue-stories.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "From Shelter to Sanctuary: One Dog's Journey", "url": "https://www.teawithree.com/ecology-shelter-to-sanctuary.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "Oceans in Focus: A Visual Essay", "url": "https://www.teawithree.com/ecology-oceans-in-focus.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "Eco-Tips for Everyday Living", "url": "https://www.teawithree.com/ecology-eco-tips.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "Confidence After 40: A Quiet Revolution", "url": "https://www.teawithree.com/inner-work-confidence-after-40.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "The Discipline of Noticing Small Joys", "url": "https://www.teawithree.com/inner-work-discipline-of-noticing.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "Journaling Prompts for Stillness", "url": "https://www.teawithree.com/inner-work-journaling-prompts.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "Three-Minute Morning Meditations", "url": "https://www.teawithree.com/inner-work-morning-meditations.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "Do Wellness Trackers Really Work?", "url": "https://www.teawithree.com/wellbeing-wellness-trackers.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "Inside the Sauna", "url": "https://www.teawithree.com/wellbeing-inside-the-sauna.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "Conversations with a Reiki Practitioner", "url": "https://www.teawithree.com/wellbeing-reiki-conversations.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "Movement as Medicine", "url": "https://www.teawithree.com/wellbeing-movement-as-medicine.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "AI as a Creative Companion", "url": "https://www.teawithree.com/tools-ai-creative-companion.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "The Rise of Digital Rituals", "url": "https://www.teawithree.com/tools-digital-rituals.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "Abstract Tech: Visual Language of the Future", "url": "https://www.teawithree.com/tools-abstract-tech.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "Building a Second Brain", "url": "https://www.teawithree.com/tools-second-brain.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "The Machines Have to Say So Now", "url": "https://www.teawithree.com/tools-ai-has-to-say-so-now.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "The Path Less Travelled", "url": "https://www.teawithree.com/inner-work-the-path-less-travelled.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "The Day the Light Stepped Aside", "url": "https://www.teawithree.com/inner-work-the-day-the-light-stepped-aside.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "In Praise of Small Joys", "url": "https://www.teawithree.com/ecology-in-praise-of-small-joys.html", "author": {"@id": "https://www.teawithree.com/#person"}}, {"@type": "BlogPosting", "headline": "A Softer Monday", "url": "https://www.teawithree.com/inner-work-a-softer-monday.html", "author": {"@id": "https://www.teawithree.com/#person"}}]}]}</script><script>window.addEventListener('load',function(){var run=function(){(function(w,d,e,u,f,l,n){w[f]=w[f]||function(){(w[f].q=w[f].q||[]).push(arguments);},l=d.createElement(e),l.async=1,l.src=u,n=d.getElementsByTagName(e)[0],n.parentNode.insertBefore(l,n);})(window,document,'script','https://assets.mailerlite.com/js/universal.js','ml');ml('account','2560589');};setTimeout(run,8000);},{once:true});</script><link href="/" rel="icon" type="image/svg+xml"/><meta content="#fbfaf8" name="theme-color"/><link as="image" fetchpriority="high" href="/homehero.webp" imagesizes="100vw" imagesrcset="/homehero-480w.webp 480w, /homehero-720w.webp 720w, /homehero-900w.webp 900w, /homehero.webp 1399w" rel="preload" type="image/webp"/><link href="/favicon.svg" rel="icon" type="image/svg+xml"/>
<style id="critical-home-hero">.home-page .cover{position:relative;width:100%;aspect-ratio:3 / 2;overflow:hidden;background:#fff}.home-page .cover-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}@media (max-width:700px){.home-page .cover{aspect-ratio:4 / 5}}</style><link href="/style.css?v=20260917-share-vertical" rel="stylesheet"/>
<style>
/* Tight masthead — minimal space above menu */
#nav, header#nav {
padding-top: 0.12rem !important;
padding-bottom: 0.28rem !important;
}
.masthead {
margin: 0 auto 0.05rem !important;
padding: 0 !important;
line-height: 1.15 !important;
}
.intro {
padding-top: 0.75rem !important;
padding-bottom: 0.5rem !important;
margin-top: 0 !important;
}
/* Home story titles: match section pages (clear, large, left-aligned) */
.home-page .story h2,
.home-page .story-title-row h2 {
font-family: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
font-size: clamp(1.2rem, 1.7vw, 1.5rem) !important;
font-weight: 500 !important;
line-height: 1.12 !important;
letter-spacing: -0.01em !important;
margin: 0 !important;
text-align: left !important;
font-style: normal !important;
}
.home-page .story h2 a {
color: inherit !important;
text-decoration: none !important;
}
.home-page .story-title-row {
display: flex !important;
align-items: flex-start !important;
justify-content: space-between !important;
gap: 0.65rem !important;
text-align: left !important;
}
.home-page .story-title-row h2 {
flex: 1 1 auto !important;
min-width: 0 !important; /* prevent overflow/overhang */
}
.home-page .card-share {
flex: 0 0 auto !important;
margin-top: 0.15rem !important;
}
.home-page .story p {
text-align: left !important;
margin: 0.35rem 0 0 !important;
}
.home-page .artgrid {
align-items: start !important;
}
.home-page .story {
text-align: left !important;
overflow: hidden !important; /* no overhang */
}
.home-page .story-media,
.home-page .story-media img {
max-width: 100% !important;
display: block !important;
}
/* Hide sub-menu dropdowns */
.dropdown, .ddtoggle { display: none !important; }
/* Light trim above brand only — match ecology air elsewhere */
#nav, header#nav {
padding-top: 0.4rem !important;
padding-bottom: 0.45rem !important;
}
.masthead { padding-top: 0.1rem !important; }
/* Tagline: no italics */
.intro, .intro p, section.intro p {
font-style: normal !important;
}
/* First Pour — soft, open, no beige box */
.first-pour, .fp-inner, section#subscribe {
background: transparent !important;
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}
.fp-stage {
position: relative !important;
overflow: hidden;
}
/* Hide old static white wording */
.fp-words {
display: none !important;
}
/* Soft fade steam text — alive, luxurious */
.fp-steam-text {
position: absolute;
left: 50%;
top: 52%;
transform: translate(-50%, -50%);
margin: 0;
color: #fff;
font-family: Georgia, "Times New Roman", serif;
font-size: clamp(1.35rem, 2.8vw, 1.85rem);
font-weight: 400;
font-style: normal;
letter-spacing: 0.04em;
line-height: 1.25;
text-align: center;
white-space: nowrap;
text-shadow: 0 2px 14px rgba(0,0,0,0.4);
opacity: 0;
animation: steamSoft 12s ease-in-out infinite;
pointer-events: none;
}
@keyframes steamSoft {
0% { opacity: 0; }
12% { opacity: 1; }
55% { opacity: 1; }
70% { opacity: 0; }
100% { opacity: 0; }
}
/* Form: natural type, sentence case */
.first-pour-form {
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
justify-content: center;
align-items: center;
}
.first-pour-form input[type="email"],
.first-pour-form button {
font: inherit;
letter-spacing: normal;
}
.first-pour-form button {
text-transform: none !important;
}
@media (max-width: 700px) {
.fp-steam-text {
font-size: 1.15rem;
letter-spacing: 0.02em;
white-space: normal;
max-width: 86%;
line-height: 1.3;
}
}
@media (min-width: 701px) and (max-width: 1024px) {
.fp-steam-text {
font-size: 1.4rem;
}
}
</style>
<link rel="alternate" type="application/rss+xml" title="Tea with Ree RSS feed" href="https://www.teawithree.com/feed.xml"/>
</head><body class="home-page"><a class="skip-link" href="#main-content">Skip to content</a><header id="nav"><button aria-controls="site-menu" aria-expanded="false" aria-label="Menu, open navigation" class="menu-toggle" type="button"><span aria-hidden="true" class="menu-icon"><i></i><i></i></span><span class="menu-label">Menu</span></button><div class="masthead"><a class="brand" href="/">Tea with Ree</a></div><nav class="navrow" id="site-menu"><div class="navitem"><a aria-current="page" href="/">Home</a></div><div class="navitem"><a href="/ecology.html">Ecology</a></div><div class="navitem"><a href="/inner-work.html">Inner Work</a></div><div class="navitem"><a href="/wellbeing.html">Wellbeing</a></div><div class="navitem"><a href="/tools.html">Modern Tools</a></div><div class="navitem"><a href="/tea-notes.html">Tea Notes</a></div><div class="navitem"><a href="/about.html">About</a></div></nav></header><section aria-label="About Tea with Ree" class="intro" id="main-content"><p>Step into ideas that inspire, restore and move you.</p></section><header class="cover"><img alt="" aria-hidden="true" class="cover-bg" decoding="sync" fetchpriority="high" height="1280" loading="eager" sizes="100vw" src="/homehero.webp" srcset="/homehero-480w.webp 480w, /homehero-720w.webp 720w, /homehero-900w.webp 900w, /homehero.webp 1399w" width="1920"/><div class="cover-scrim"></div><div class="cover-inner"><h1>A space to pause and reflect</h1><a class="hero-cta" href="/tea-notes.html">Explore private coaching</a></div></header><section class="feed"><div class="rule reveal"><h2 class="cat">Selected Stories</h2><span class="line"></span></div><div class="artgrid"><article class="story reveal"><a aria-label="Read: A Garden Is a Small Climate Conversation" class="story-media" href="/ecology-garden-climate-conversation.html"><img alt="Visual companion to “A Garden Is a Small Climate Conversation”." decoding="async" height="1280" loading="lazy" sizes="(max-width: 700px) 100vw, 33vw" src="/garden-climate-approved-720w.webp?v=3" srcset="/garden-climate-approved-480w.webp?v=3 480w, /garden-climate-approved-720w.webp?v=3 720w, /garden-climate-approved-900w.webp?v=3 900w, /garden-climate-approved.webp?v=3 1920w" width="1920"/></a><div class="story-title-row"><h2><a href="/ecology-garden-climate-conversation.html">A Garden Is a Small Climate Conversation</a></h2><details class="share-menu card-share"><summary aria-label="Share"><span class="share-dot"></span><span class="share-dot"></span></summary><div class="share-panel"><button data-share-copy="" type="button">Copy</button><button data-share-native="" type="button">Share</button></div></details></div><p>A garden does not have to be large to change the way we look at the world. A few pots on a balcony can teach attention.</p></article><article class="story reveal"><a aria-label="Read: In Praise of Small Joys" class="story-media" href="/ecology-in-praise-of-small-joys.html"><img alt="Visual companion to “In Praise of Small Joys”." decoding="async" height="2400" loading="lazy" sizes="(max-width: 700px) 100vw, 33vw" src="/small-joys-approved-720w.webp?v=4" srcset="/small-joys-approved-480w.webp?v=4 480w, /small-joys-approved-720w.webp?v=4 720w, /small-joys-approved-900w.webp?v=4 900w, /small-joys-approved.webp?v=4 1600w" width="1600"/></a><div class="story-title-row"><h2><a href="/ecology-in-praise-of-small-joys.html">In Praise of Small Joys</a></h2><details class="share-menu card-share"><summary aria-label="Share"><span class="share-dot"></span><span class="share-dot"></span></summary><div class="share-panel"><button data-share-copy="" type="button">Copy</button><button data-share-native="" type="button">Share</button></div></details></div><p>A child I know cupped a duckling in his hands last week and pressed his forehead to its head. I have not stopped thinking about it.</p></article><article class="story reveal"><a aria-label="Read: What Blue and Blaze Have Taught Me About Time" class="story-media" href="/ecology-blue-and-blaze.html"><img alt="Visual companion to “What Blue and Blaze Have Taught Me About Time”." decoding="async" height="1536" loading="lazy" sizes="(max-width: 700px) 100vw, 33vw" src="/blue-and-blaze-approved-720w.webp?v=4" srcset="/blue-and-blaze-approved-480w.webp?v=4 480w, /blue-and-blaze-approved-720w.webp?v=4 720w, /blue-and-blaze-approved-900w.webp?v=4 900w, /blue-and-blaze-approved.webp?v=4 2048w" width="2048"/></a><div class="story-title-row"><h2><a href="/ecology-blue-and-blaze.html">What Blue and Blaze Have Taught Me About Time</a></h2><details class="share-menu card-share"><summary aria-label="Share"><span class="share-dot"></span><span class="share-dot"></span></summary><div class="share-panel"><button data-share-copy="" type="button">Copy</button><button data-share-native="" type="button">Share</button></div></details></div><p>I used to think time belonged to the calendar. Now I think it belongs to whoever is waiting by the kitchen bowl.</p></article></div></section><section class="first-pour reveal" id="subscribe">
<div class="fp-inner">
<p class="fp-eyebrow">The First Pour</p>
<div class="fp-stage">
<video class="fp-video" data-defer-video autoplay muted loop playsinline preload="none" poster="/first-pour-poster.webp" aria-hidden="true">
<source data-src="/first-pour-steam.mp4" type="video/mp4"/>
</video>
<span class="fp-veil" aria-hidden="true"></span>
</div>
<form class="first-pour-form" action="https://assets.mailerlite.com/jsonp/2560589/forms/195676246664808129/subscribe" method="post" target="_blank">
<input aria-label="Email address" name="fields[email]" placeholder="Email" required type="email"/>
<button type="submit">Subscribe now</button>
<input name="ml-submit" type="hidden" value="1"/>
<input name="anticsrf" type="hidden" value="true"/>
</form>
</div>
</section><footer><div class="socials"><a aria-label="Instagram" href="https://www.instagram.com/teawith_ree" style="background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)"><svg fill="currentColor" viewbox="0 0 24 24"><path d="M12 2.2c3.2 0 3.6 0 4.9.1 1.2.1 1.8.3 2.2.4.6.2 1 .5 1.4.9.4.4.7.8.9 1.4.2.4.3 1 .4 2.2.1 1.3.1 1.7.1 4.9s0 3.6-.1 4.9c-.1 1.2-.3 1.8-.4 2.2-.2.6-.5 1-.9 1.4-.4.4-.8.7-1.4.9-.4.2-1 .3-2.2.4-1.3.1-1.7.1-4.9.1s-3.6 0-4.9-.1c-1.2-.1-1.8-.3-2.2-.4-.6-.2-1-.5-1.4-.9-.4-.4-.7-.8-.9-1.4-.2-.4-.3-1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.9c.1-1.2.3-1.8.4-2.2.2-.6.5-1 .9-1.4.4-.4.8-.7 1.4-.9.4-.2 1-.3 2.2-.4C8.4 2.2 8.8 2.2 12 2.2zm0 1.8c-3.1 0-3.5 0-4.7.1-1.1 0-1.7.2-2.1.4-.5.2-.9.4-1.3.8-.4.4-.6.8-.8 1.3-.2.4-.4 1-.4 2.1-.1 1.2-.1 1.6-.1 4.7s0 3.5.1 4.7c0 1.1.2 1.7.4 2.1.2.5.4.9.8 1.3.4.4.8.6 1.3.8.4.2 1 .4 2.1.4 1.2.1 1.6.1 4.7.1s3.5 0 4.7-.1c1.1 0 1.7-.2 2.1-.4.5-.2.9-.4 1.3-.8.4-.4.6-.8.8-1.3.2-.4.4-1 .4-2.1.1-1.2.1-1.6.1-4.7s0-3.5-.1-4.7c0-1.1-.2-1.7-.4-2.1-.2-.5-.4-.9-.8-1.3-.4-.4-.8-.6-1.3-.8-.4-.2-1-.4-2.1-.4-1.2-.1-1.6-.1-4.7-.1zm0 3.1a4.9 4.9 0 110 9.8 4.9 4.9 0 010-9.8zm0 8.1a3.2 3.2 0 100-6.4 3.2 3.2 0 000 6.4zm6.3-8.3a1.15 1.15 0 11-2.3 0 1.15 1.15 0 012.3 0z"></path></svg></a><a aria-label="TikTok" href="https://www.tiktok.com/@TeawithRee" style="background:#010101"><svg fill="currentColor" viewbox="0 0 24 24"><path d="M16.6 5.8c-.9-.6-1.5-1.5-1.7-2.6 0-.2-.1-.4-.1-.7h-2.8v11.6c0 1.4-1.1 2.4-2.5 2.4a2.5 2.5 0 01-2.5-2.5c0-1.4 1.2-2.5 2.6-2.4v-2.9c-3 0-5.4 2.5-5.4 5.4a5.4 5.4 0 005.4 5.4c3 0 5.4-2.4 5.4-5.4V8.6c1.1.8 2.4 1.2 3.8 1.2V6.9c-.8 0-1.6-.3-2.2-.8l-.3-.3z"></path></svg></a><a aria-label="Facebook" href="https://www.facebook.com/Rehana.Rutti" style="background:#1877F2"><svg fill="currentColor" viewbox="0 0 24 24"><path d="M22 12a10 10 0 10-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.8 3.7-3.8 1.1 0 2.2.2 2.2.2v2.4h-1.3c-1.2 0-1.6.8-1.6 1.5V12h2.8l-.5 2.9h-2.3v7A10 10 0 0022 12z"></path></svg></a><a aria-label="LinkedIn" href="https://www.linkedin.com/in/rehanarutti/" style="background:#0A66C2"><svg fill="currentColor" viewbox="0 0 24 24"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5V8.5h3V19zM6.5 7.2a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM19 19h-3v-5.6c0-1.4-.5-2.3-1.7-2.3-.9 0-1.5.6-1.7 1.2-.1.2-.1.5-.1.8V19h-3s0-9.1 0-10.5h3v1.5c.4-.6 1.1-1.5 2.8-1.5 2 0 3.5 1.3 3.5 4.2V19z"></path></svg></a></div><a class="fcontact" href="mailto:teawithree7@gmail.com">teawithree7@gmail.com</a><div class="copy">© 2026 Tea with Ree · Rehana Rutti. All rights reserved.</div><div class="credit">Photography by Pexels.</div></footer><script>function tg(el,e){e.preventDefault();e.stopPropagation();var p=el.parentElement,w=p.classList.contains('open');document.querySelectorAll('.navitem').forEach(function(n){n.classList.remove('open')});if(!w)p.classList.add('open');}var nv=document.getElementById('nav');addEventListener('scroll',function(){nv.classList.toggle('solid',scrollY>50)});function ox(){document.getElementById('ov').classList.add('on')}function cx(){document.getElementById('ov').classList.remove('on')}var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target)}})},{threshold:.1});document.querySelectorAll('.reveal').forEach(function(el,i){el.style.transitionDelay=(i%3*0.07)+'s';io.observe(el)});function cp(b){navigator.clipboard.writeText(location.href).then(function(){var t=b.textContent;b.textContent='Link copied';setTimeout(function(){b.textContent=t},1600)})}</script><script>
/* Selected Stories: rendered from /stories.json.
The static cards above stay in the HTML as a fallback, so if this
fetch ever fails the page still shows three stories and search
engines still see them. */
fetch('/stories.json',{cache:'no-cache'})
.then(function(r){ if(!r.ok) throw 0; return r.json(); })
.then(function(data){
var grid=document.querySelector('.artgrid');
if(!grid||!data.selected||!data.selected.length) return;
var selected=data.selected.map(function(story,index){return {story:story,index:index};}); selected.sort(function(a,b){var ad=Date.parse(a.story.publishedAt||a.story.updatedAt||'');var bd=Date.parse(b.story.publishedAt||b.story.updatedAt||'');if(!isNaN(ad)&&!isNaN(bd)&&bd!==ad)return bd-ad;if(!isNaN(ad)&&isNaN(bd))return -1;if(isNaN(ad)&&!isNaN(bd))return 1;return a.index-b.index;}); selected=selected.map(function(entry){return entry.story;}); grid.innerHTML=selected.map(function(s){
var t=String(s.title||'').replace(/"/g,'"');
var pathway=String(s.pathway||'').replace(/"/g,'"');
return '<article class="story reveal">'
+'<a aria-label="Read: '+t+'" class="story-media" href="'+s.url+'">'
+'<img src="'+s.image+'" alt="Visual companion to “'+s.title+'”."/g,'"')+'" '
+'loading="eager" decoding="async" width="900" height="600"> </a>'
+'<div class="story-title-row"><div>'
+(pathway?'<p class="story-pathway">'+pathway+'</p>':'')
+'<h2><a href="'+s.url+'">'+s.title+'</a></h2></div>'
+'</div>'
+'<p>'+(s.desc||'')+'</p></article>';
}).join('');
if(typeof io!=='undefined'&&io&&io.observe){
grid.querySelectorAll('.reveal').forEach(function(el){io.observe(el);});
}else{
grid.querySelectorAll('.reveal').forEach(function(el){el.classList.add('in');});
}
})
.catch(function(){ /* keep the static cards */ });
</script>
<script>
(function(){
var nav=document.getElementById('nav');
var toggle=document.querySelector('.menu-toggle');
var menu=document.getElementById('site-menu');
if(!nav||!toggle||!menu)return;
function close(){document.body.classList.remove('nav-open');toggle.setAttribute('aria-expanded','false');}
toggle.addEventListener('click',function(){
var open=document.body.classList.toggle('nav-open');
toggle.setAttribute('aria-expanded',String(open));
});
menu.querySelectorAll('a').forEach(function(link){link.addEventListener('click',close);});
document.addEventListener('keydown',function(e){if(e.key==='Escape')close();});
})();
</script><script>
(function(){
var videos=document.querySelectorAll('video[data-defer-video]');
if(!videos.length)return;
var reduced=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;
function load(video){
if(video.dataset.loaded)return;
video.dataset.loaded='true';
video.querySelectorAll('source[data-src]').forEach(function(source){source.src=source.dataset.src;});
video.load();
if(!reduced){var play=video.play();if(play&&play.catch)play.catch(function(){});}
}
if('IntersectionObserver' in window){
var observer=new IntersectionObserver(function(entries){entries.forEach(function(entry){if(entry.isIntersecting){load(entry.target);observer.unobserve(entry.target);}})},{rootMargin:'300px'});
videos.forEach(function(video){observer.observe(video);});
}else{videos.forEach(load);}
})();
</script>
<script>(function(){function wire(){document.querySelectorAll('.card-share').forEach(function(menu){var card=menu.closest('.story'),link=card&&card.querySelector('.story-title-row h2 a');if(!link||menu.dataset.wired)return;menu.dataset.wired='1';var url=new URL(link.getAttribute('href'),location.origin).href,copy=menu.querySelector('[data-share-copy]'),native=menu.querySelector('[data-share-native]');if(copy)copy.addEventListener('click',function(){if(navigator.clipboard)navigator.clipboard.writeText(url);copy.textContent='Copied';setTimeout(function(){copy.textContent='Copy'},1400)});if(native)native.addEventListener('click',function(){if(navigator.share){navigator.share({title:link.textContent,url:url})}else if(navigator.clipboard){navigator.clipboard.writeText(url);native.textContent='Copied';setTimeout(function(){native.textContent='Share'},1400)}})})}wire();})();</script></body></html>