-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
313 lines (288 loc) · 23.2 KB
/
index.html
File metadata and controls
313 lines (288 loc) · 23.2 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
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Structured support, mediation, and dispute resolution in public law | Dawson House</title>
<meta name="description" content="Dawson House helps people understand and navigate complex situations involving care, capacity, funding, and public law — guiding them toward review, support, or dispute as appropriate.">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://dawsonhouse.org.uk/">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap" rel="stylesheet">
<style>
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
--deep-slate: #2F3235; --warm-white: #F6F4F1; --charcoal: #1F1F1F;
--soft-slate: #3E4A59; --deep-teal: #335D63; --soft-teal: #2B4F55;
--mist-teal: #8EA2B0; --greige: #CFC7BA; --light-grey: #D9DADA; --brass: #A38F6D;
--font-display: 'Cormorant Garamond', Georgia, serif;
--font-body: 'DM Sans', sans-serif;
}
html { scroll-behavior: smooth; }
body { background: var(--warm-white); color: var(--deep-slate); font-family: var(--font-body); font-weight: 300; line-height: 1.6; -webkit-font-smoothing: antialiased; }
nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 28px 56px; background: var(--warm-white); border-bottom: 1px solid transparent; transition: border-color 0.4s, background 0.4s; }
nav.scrolled { border-color: var(--light-grey); background: rgba(246,244,241,0.96); backdrop-filter: blur(12px); }
.nav-logo { display: flex; align-items: center; gap: 14px; text-decoration: none; }
.nav-logo svg { width: 24px; height: auto; }
.nav-wordmark { font-family: var(--font-display); font-size: 17px; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; color: var(--deep-slate); }
.nav-links { display: flex; align-items: center; gap: 36px; list-style: none; }
.nav-links a { font-family: var(--font-body); font-size: 12px; font-weight: 400; letter-spacing: 0.06em; text-transform: uppercase; color: var(--deep-slate); text-decoration: none; opacity: 0.6; transition: opacity 0.2s; }
.nav-links a:hover { opacity: 1; }
.nav-links .nav-contact { opacity: 1; color: var(--deep-teal); }
/* HERO */
.hero { min-height: 100vh; display: flex; flex-direction: column; justify-content: flex-end; padding: 0 56px 88px; position: relative; overflow: hidden; }
.hero-bg-mark { position: absolute; top: 50%; right: -60px; transform: translateY(-56%); width: 44vw; max-width: 680px; opacity: 0.028; pointer-events: none; }
.hero-content { max-width: 780px; animation: fadeUp 1s cubic-bezier(0.65,0,0.35,1) 0.2s both; position: relative; }
.hero h1 { font-family: var(--font-display); font-size: clamp(48px, 6.5vw, 92px); font-weight: 300; line-height: 1.05; letter-spacing: -0.01em; color: var(--charcoal); margin-bottom: 32px; }
.hero-sub { font-size: 17px; font-weight: 300; line-height: 1.75; color: var(--soft-slate); max-width: 520px; margin-bottom: 52px; }
.hero-prompt { display: flex; align-items: center; gap: 18px; font-family: var(--font-display); font-size: 19px; font-style: italic; font-weight: 300; color: var(--deep-slate); opacity: 0.5; user-select: none; }
.hero-prompt-line { width: 36px; height: 1px; background: var(--brass); flex-shrink: 0; }
/* DIAGNOSTIC */
.diagnostic { padding: 80px 56px 0; max-width: 740px; }
.diagnostic p { font-size: 17px; font-weight: 300; line-height: 1.85; color: var(--soft-slate); margin-bottom: 20px; }
.diagnostic p:last-child { margin-bottom: 0; }
/* STAGE 1 — PROBLEM TYPE */
.decision { padding: 56px 56px 120px; }
.decision-heading { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 28px; flex-wrap: wrap; gap: 12px; }
.decision-prompt { font-family: var(--font-display); font-size: 13px; font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; color: var(--greige); }
.decision-note { font-size: 12px; font-weight: 300; color: var(--soft-slate); opacity: 0.65; font-style: italic; }
.decision-grid { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--light-grey); }
.decision-card { display: block; padding: 52px 40px 48px; border-right: 1px solid var(--light-grey); text-decoration: none; color: inherit; position: relative; overflow: hidden; }
.decision-card:last-child { border-right: none; }
.decision-card::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--deep-teal); transform: scaleX(0); transform-origin: left; transition: transform 0.4s cubic-bezier(0.65,0,0.35,1); }
.decision-card:hover::after { transform: scaleX(1); }
.decision-number { display: block; font-family: var(--font-display); font-size: 12px; font-weight: 300; color: var(--greige); letter-spacing: 0.12em; margin-bottom: 28px; }
.decision-title { font-family: var(--font-display); font-size: 26px; font-weight: 400; line-height: 1.2; color: var(--charcoal); margin-bottom: 8px; transition: color 0.3s; }
.decision-card:hover .decision-title { color: var(--deep-teal); }
.decision-subtitle { font-family: var(--font-display); font-size: 15px; font-style: italic; font-weight: 300; color: var(--mist-teal); margin-bottom: 18px; line-height: 1.4; }
.decision-body { font-size: 14px; font-weight: 300; line-height: 1.75; color: var(--soft-slate); margin-bottom: 36px; }
.decision-cta { display: block; font-size: 12px; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; color: var(--brass); opacity: 0; transform: translateX(-6px); transition: opacity 0.3s, transform 0.3s; }
.decision-card:hover .decision-cta { opacity: 1; transform: translateX(0); }
/* APPROACH */
section { padding: 120px 56px; }
.section-label { font-size: 11px; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase; color: var(--mist-teal); margin-bottom: 56px; display: flex; align-items: center; gap: 18px; }
.section-label::before { content: ''; display: block; width: 28px; height: 1px; background: var(--mist-teal); flex-shrink: 0; }
.framing { background: var(--deep-slate); color: var(--warm-white); }
.framing .section-label { color: var(--mist-teal); }
.framing .section-label::before { background: var(--mist-teal); }
.framing-intro { max-width: 620px; margin-bottom: 72px; }
.framing-intro p { font-family: var(--font-display); font-size: clamp(22px, 2.5vw, 30px); font-weight: 300; line-height: 1.4; color: var(--warm-white); margin-bottom: 12px; }
.framing-pillars { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(246,244,241,0.1); padding-top: 52px; }
.framing-pillar { padding-right: 44px; border-right: 1px solid rgba(246,244,241,0.1); margin-right: 44px; }
.framing-pillar:last-child { border-right: none; margin-right: 0; padding-right: 0; }
.framing-pillar-label { font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--brass); margin-bottom: 16px; }
.framing-pillar-text { font-size: 14px; font-weight: 300; line-height: 1.8; color: rgba(246,244,241,0.6); }
/* LOCAL KNOWLEDGE */
.local { background: var(--warm-white); }
.local-inner { display: grid; grid-template-columns: 320px 1fr; gap: 100px; align-items: start; }
.local-left { position: sticky; top: 120px; }
.local-headline { font-family: var(--font-display); font-size: clamp(36px, 3.5vw, 52px); font-weight: 300; line-height: 1.1; color: var(--charcoal); }
.local-rule { width: 40px; height: 1px; background: var(--brass); margin: 32px 0; }
.local-right p { font-size: 17px; font-weight: 300; line-height: 1.85; color: var(--soft-slate); margin-bottom: 28px; }
.local-right p:last-child { margin-bottom: 0; }
.section-divider { height: 1px; background: var(--light-grey); margin: 0 56px; }
/* COLLECTIVE */
.collective { background: var(--deep-teal); color: var(--warm-white); }
.collective .section-label { color: rgba(246,244,241,0.45); }
.collective .section-label::before { background: rgba(246,244,241,0.3); }
.collective-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }
.collective-headline { font-family: var(--font-display); font-size: clamp(34px, 3.5vw, 50px); font-weight: 300; line-height: 1.15; color: var(--warm-white); }
.collective-body p { font-size: 16px; font-weight: 300; line-height: 1.85; color: rgba(246,244,241,0.72); margin-bottom: 20px; }
.collective-body p:last-child { margin-bottom: 0; }
.collective-tag { display: inline-block; margin-top: 32px; padding: 9px 18px; border: 1px solid rgba(246,244,241,0.25); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(246,244,241,0.5); }
/* CLOSING */
.closing { background: var(--warm-white); text-align: center; padding: 160px 56px; }
.closing h2 { font-family: var(--font-display); font-size: clamp(40px, 5vw, 76px); font-weight: 300; font-style: italic; line-height: 1.1; color: var(--charcoal); margin-bottom: 56px; max-width: 780px; margin-left: auto; margin-right: auto; }
.closing-ctas { display: flex; align-items: center; justify-content: center; gap: 24px; }
.btn-primary-dark { display: inline-block; padding: 17px 40px; background: var(--deep-teal); color: var(--warm-white); font-size: 12px; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; transition: background 0.3s, transform 0.2s; }
.btn-primary-dark:hover { background: var(--soft-teal); transform: translateY(-1px); }
.btn-secondary { display: inline-block; padding: 16px 40px; border: 1px solid var(--deep-slate); color: var(--deep-slate); font-size: 12px; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; transition: border-color 0.3s, color 0.3s, transform 0.2s; }
.btn-secondary:hover { border-color: var(--deep-teal); color: var(--deep-teal); transform: translateY(-1px); }
footer { background: var(--charcoal); padding: 44px 56px 36px; }
.footer-main { display: flex; align-items: center; justify-content: space-between; margin-bottom: 28px; }
.footer-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.footer-logo svg { width: 18px; }
.footer-name { font-family: var(--font-display); font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(246,244,241,0.45); }
.footer-links { display: flex; gap: 32px; list-style: none; }
.footer-links a { font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(246,244,241,0.35); text-decoration: none; transition: color 0.2s; }
.footer-links a:hover { color: rgba(246,244,241,0.75); }
.footer-copy { font-size: 11px; color: rgba(246,244,241,0.25); }
.footer-compliance { border-top: 1px solid rgba(246,244,241,0.08); padding-top: 20px; }
.footer-compliance p { font-size: 11px; line-height: 1.7; color: rgba(246,244,241,0.22); max-width: 760px; }
@keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.8s ease, transform 0.8s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
@media (max-width: 960px) {
nav { padding: 22px 28px; }
.nav-links { gap: 20px; }
.nav-hide { display: none; }
.hero { padding: 0 28px 64px; }
.hero-bg-mark { display: none; }
.diagnostic { padding: 60px 28px 0; }
.decision { padding: 48px 28px 80px; }
.decision-grid { grid-template-columns: 1fr; }
.decision-card { border-right: none; border-bottom: 1px solid var(--light-grey); }
.decision-card:last-child { border-bottom: none; }
section { padding: 80px 28px; }
.framing-pillars { grid-template-columns: 1fr; }
.framing-pillar { border-right: none; margin-right: 0; padding-right: 0; border-bottom: 1px solid rgba(246,244,241,0.1); padding-bottom: 28px; margin-bottom: 28px; }
.framing-pillar:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.local-inner { grid-template-columns: 1fr; gap: 36px; }
.local-left { position: static; }
.collective-inner { grid-template-columns: 1fr; gap: 40px; }
.closing { padding: 100px 28px; }
.closing-ctas { flex-direction: column; gap: 16px; }
footer { padding: 36px 28px 28px; }
.footer-main { flex-direction: column; gap: 24px; text-align: center; }
.footer-links { flex-wrap: wrap; justify-content: center; gap: 20px; }
.section-divider { margin: 0 28px; }
}
</style>
</head>
<body>
<nav id="main-nav">
<a href="index.html" class="nav-logo" aria-label="Dawson House home">
<svg viewBox="0 0 835 1000" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#2F3235" d="M357.2,21.1H22v957.8h794V480C816,226.5,610.6,21.1,357.2,21.1z M92.3,91.5h264.8c214.2,0,388.5,174.3,388.5,388.5v87H414V308.9h-74.4v599.6H92.3V91.5z M414,908.5V636.5h331.6v272.1H414z"/></svg>
<span class="nav-wordmark">Dawson House</span>
</a>
<ul class="nav-links">
<li class="nav-hide"><a href="about.html">About</a></li>
<li class="nav-hide"><a href="mediation.html">Mediation</a></li>
<li class="nav-hide"><a href="index.html">Start here</a></li>
<li><a href="contact.html" class="nav-contact">Contact</a></li>
</ul>
</nav>
<header class="hero">
<svg class="hero-bg-mark" viewBox="0 0 835 1000" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="#2F3235" d="M357.2,21.1H22v957.8h794V480C816,226.5,610.6,21.1,357.2,21.1z M92.3,91.5h264.8c214.2,0,388.5,174.3,388.5,388.5v87H414V308.9h-74.4v599.6H92.3V91.5z M414,908.5V636.5h331.6v272.1H414z"/></svg>
<div class="hero-content">
<h1>The systems are complex.<br>The decisions are consequential.</h1>
<p class="hero-sub">We help people understand the situation they are dealing with, identify options, and reach resolution. This includes matters involving health and social care, mental capacity and the Court of Protection, public law challenges, and disputes with local authorities, NHS bodies, and other decision-making organisations.</p>
<p class="hero-prompt"><span class="hero-prompt-line"></span>Start with the situation you are facing ↓</p>
</div>
</header>
<div class="diagnostic reveal">
<p>Problems in these systems rarely arrive neatly labelled. They may involve care, capacity, funding, responsibility, or decision-making across more than one institution.</p>
<p>Before the right route to resolution becomes clear, the situation has to be properly understood. From there, we can help you find a way through.</p>
</div>
<div class="diagnostic reveal">
<p>Most situations fall into one of three positions — understanding a decision, trying to get support in place, or dealing with a dispute that has already emerged.</p>
</div>
<div class="decision" id="decision">
<div class="decision-heading">
<p class="decision-prompt reveal">What do you need help with?</p>
<p class="decision-note reveal">Choose the description that best fits your situation. You will then be guided to the approach that fits the stage you are at.</p>
</div>
<div class="decision-grid">
<a href="review.html" class="decision-card reveal">
<span class="decision-number">01</span>
<h2 class="decision-title">Review a situation or decision</h2>
<p class="decision-subtitle">I need to understand whether a decision is correct, what it means, and what to do next.</p>
<p class="decision-body">You may be dealing with a funding decision, a Care Act or CHC issue, a capacity or best interests decision, a deputyship problem, or another situation where the immediate need is structured review and clear next steps.</p>
<span class="decision-cta">Begin here →</span>
</a>
<a href="support.html" class="decision-card reveal reveal-delay-1">
<span class="decision-number">02</span>
<h2 class="decision-title">Get support or services in place</h2>
<p class="decision-subtitle">I need to get the right care, support, or process moving.</p>
<p class="decision-body">You may be trying to secure the right care, support, service arrangement, or practical next step in a system that is slow, unclear, or difficult to navigate.</p>
<span class="decision-cta">Begin here →</span>
</a>
<a href="dispute.html" class="decision-card reveal reveal-delay-2">
<span class="decision-number">03</span>
<h2 class="decision-title">Navigate a dispute or unresolved situation</h2>
<p class="decision-subtitle">Something has stalled, escalated, or become a dispute.</p>
<p class="decision-body">You may be dealing with a decision that has been maintained despite challenge, a public body that is not acting as required, or a situation that now requires structured engagement, resolution, or escalation.</p>
<span class="decision-cta">Begin here →</span>
</a>
</div>
</div>
<section class="framing">
<p class="section-label reveal">How Dawson House works</p>
<div class="framing-intro reveal">
<p>We do not begin with a service. We begin with the situation in front of you.</p>
<p>Dawson House is designed to help identify what kind of problem you are dealing with, what stage it has reached, and whether the right next step is review, support, or dispute.</p>
</div>
<div class="framing-pillars reveal">
<div class="framing-pillar">
<p class="framing-pillar-label">Review</p>
<p class="framing-pillar-text">Structured analysis of a situation or decision, with clear next steps. This may involve reviewing funding decisions, care and support decisions, capacity or best interests issues, deputy decision-making problems, or other situations where the immediate need is clarity.</p>
</div>
<div class="framing-pillar">
<p class="framing-pillar-label">Support</p>
<p class="framing-pillar-text">Help where the issue is getting the right care, support, service, or process in place. Some situations do not begin as disputes, but still require careful structuring, informed navigation, and a realistic plan for what should happen next.</p>
</div>
<div class="framing-pillar">
<p class="framing-pillar-label">Resolution and challenge</p>
<p class="framing-pillar-text">Structured engagement where a matter needs to be addressed directly. This may involve correspondence, challenge, facilitated discussion where appropriate, or preparation for formal proceedings where necessary.</p>
</div>
</div>
</section>
<section class="local">
<p class="section-label reveal">Why this work is different</p>
<div class="local-inner">
<div class="local-left reveal">
<h2 class="local-headline">The gap between rules and how they are applied</h2>
<div class="local-rule"></div>
</div>
<div class="local-right reveal reveal-delay-1">
<p>In health and social care, mental capacity, public law, and deputy-facing work, the gap between what the rules say and how they are applied is where most of the difficulty lives.</p>
<p>We understand the institutions involved — how decisions are made within them, where discretion sits, and where challenge is realistic.</p>
<p>This is not generic legal knowledge. It is the kind of field-specific, operational understanding that comes from sustained work in these systems.</p>
<p>It is what allows us to advise with accuracy, structure disputes intelligently, and identify when a matter should be resolved, reframed, or escalated.</p>
<p>It is also what allows us to explain those realities clearly, so that clients can make informed decisions about what is worth pursuing, and how.</p>
</div>
</div>
</section>
<div class="section-divider"></div>
<section class="collective">
<p class="section-label reveal">The model</p>
<div class="collective-inner">
<div class="reveal">
<h2 class="collective-headline">Dawson House provides a structure for understanding and navigating complex situations.</h2>
</div>
<div class="collective-body reveal reveal-delay-1">
<p>It has been built to help individuals, families, deputies, attorneys, and organisations make sense of difficult situations involving care, capacity, decision-making, and public systems.</p>
<p>At this stage, Dawson House functions as the front end of a controlled intake and case-architecture system.</p>
<a href="about.html" style="display:inline-block;margin-top:32px;padding:9px 18px;border:1px solid rgba(246,244,241,0.25);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(246,244,241,0.5);text-decoration:none;transition:color 0.2s,border-color 0.2s;" onmouseover="this.style.color='rgba(246,244,241,0.85)';this.style.borderColor='rgba(246,244,241,0.45)'" onmouseout="this.style.color='rgba(246,244,241,0.5)';this.style.borderColor='rgba(246,244,241,0.25)'">About Dawson House</a>
</div>
</div>
</section>
<section class="closing">
<h2 class="reveal">Bring us the situation.<br>We will help you through it.</h2>
<div class="closing-ctas reveal reveal-delay-1">
<a href="index.html#decision" class="btn-primary-dark">Start here →</a>
<a href="about.html" class="btn-secondary">How Dawson House works →</a>
</div>
</section>
<footer>
<div class="footer-main">
<a href="index.html" class="footer-logo" aria-label="Dawson House">
<svg viewBox="0 0 835 1000" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill="rgba(246,244,241,0.5)" d="M357.2,21.1H22v957.8h794V480C816,226.5,610.6,21.1,357.2,21.1z M92.3,91.5h264.8c214.2,0,388.5,174.3,388.5,388.5v87H414V308.9h-74.4v599.6H92.3V91.5z M414,908.5V636.5h331.6v272.1H414z"/></svg>
<span class="footer-name">Dawson House</span>
</a>
<ul class="footer-links">
<li><a href="about.html">About</a></li>
<li><a href="mediation.html">Mediation</a></li>
<li><a href="index.html">Start here</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="privacy.html">Privacy</a></li>
</ul>
<p class="footer-copy">© 2026 Dawson House — dawsonhouse.org.uk</p>
</div>
<div class="footer-compliance">
<p>Dawson House is not a firm of solicitors and does not undertake reserved legal activities. It operates as a structured intake, triage, and routing system for matters involving health and social care, mental capacity, public law, and related disputes. Where work is taken on, it is undertaken through the appropriate entity. Where regulated representation is required, we will say so.</p>
</div>
<p class="footer-disclosure" style="font-size:11px;line-height:1.7;color:rgba(246,244,241,0.22);max-width:760px;margin-top:12px;">Dawson House is a trading name of Dawson Reith & Co Ltd. The company does not undertake reserved legal activities. Where legal proceedings are required, work is carried out through appropriately regulated providers.</p>
</footer>
<script>
const nav = document.getElementById('main-nav');
window.addEventListener('scroll', () => { nav.classList.toggle('scrolled', window.scrollY > 60); }, { passive: true });
const reveals = document.querySelectorAll('.reveal');
const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); } }); }, { threshold: 0.08, rootMargin: '0px 0px -48px 0px' });
reveals.forEach(el => io.observe(el));
</script>
</body>
</html>