PageSourceSearch

https://effulgent-boba-a50341.netlify.app/about

html effulgent-boba-a50341.netlify.app collected 2026-10-03 10:41:05 UTC 28,706 bytes, 1,053 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
5<link rel="icon" type="image/x-icon" href="/favicon.ico">
6<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
7<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
8<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
9<title>About EverLume — EverLume Permanent Lighting</title>
10<meta name="description" content="EverLume is a permanent architectural lighting company serving California and Tennessee.">
11<link rel="canonical" href="https://everlume.pro/about.html">
12<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Mono:wght@300;400;500&display=swap" rel="stylesheet">
13<style>
14
15:root {
16  --stone:    #f5f2eb;
17  --stone-mid:#ede8dc;
18  --stone-dk: #d4ccb8;
19  --brass:    #b08d57;
20  --brass-lt: #c9a96e;
21  --brass-dk: #7a5f30;
22  --brass-text: #866a3f;
23  --ink:      #1c1a16;
24  --ink-soft: #3a3630;
25  --ink-mute: #7a7060;
26  --cream:    #faf8f3;
27  --rule:     #ddd8cc;
28  --white:    #ffffff;
29}
30
31*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
32
33html { scroll-behavior: smooth; }
34
35body {
36  background: var(--cream);
37  color: var(--ink);
38  font-family: 'DM Mono', monospace;
39  font-size: 13px;
40  line-height: 1.7;
41}
42
43/* ── PAGE TABS ── */
44
45
46/* ── PAGE SECTIONS ── */
47.page { display: none; }
48.page.active { display: block; }
49
50/* ── SITE NAV ── */
51nav {
52  display: flex;
53  align-items: center;
54  justify-content: space-between;
55  padding: 20px 60px;
56  border-bottom: 1px solid var(--rule);
57  background: var(--cream);
58}
59.nav-logo {
60  font-family: 'Cormorant Garamond', serif;
61  font-size: 22px;
62  font-weight: 300;
63  letter-spacing: .15em;
64  text-transform: uppercase;
65  color: var(--ink);
66}
67.nav-logo span { color: var(--brass-text); }
68.nav-links {
69  display: flex;
70  gap: 32px;
71  list-style: none;
72}
73.nav-links a {
74  font-size: 10px;
75  letter-spacing: .18em;
76  text-transform: uppercase;
77  color: var(--ink-mute);
78  text-decoration: none;
79  transition: color .2s;
80}
81.nav-links a:hover { color: var(--ink); }
82.nav-cta {
83  font-size: 10px;
84  letter-spacing: .18em;
85  text-transform: uppercase;
86  color: var(--brass-text);
87  text-decoration: none;
88  border-bottom: 1px solid var(--brass);
89  padding-bottom: 2px;
90}
91.nav-cta:hover { color: var(--brass-dk); }
92.nav-hamburger {
93  display: none;
94  flex-direction: column;
95  justify-content: center;
96  gap: 5px;
97  background: none;
98  border: none;
99  cursor: pointer;
100  padding: 6px;
101  margin-left: 16px;
102}
103.nav-hamburger span {
104  display: block;
105  width: 22px;
106  height: 2px;
107  background: var(--ink);
108  transition: transform .25s ease, opacity .2s ease;
109}
110.nav-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
111.nav-hamburger.open span:nth-child(2) { opacity: 0; }
112.nav-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
113
114
115/* ── HERO ── */
116.hero {
117  padding: 100px 60px 80px;
118  background: var(--cream);
119  position: relative;
120  overflow: hidden;
121}
122.hero::before {
123  content: '';
124  position: absolute;
125  top: 0; right: 0;
126  width: 50%;
127  height: 100%;
128  background: var(--stone);
129  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
130}
131.hero-photo {
132  position: absolute;
133  top: 0; right: 0;
134  width: 50%;
135  height: 100%;
136  object-fit: cover;
137  object-position: center 55%;
138  clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
139  display: block;
140}
141.hero-inner {
142  position: relative;
143  max-width: 1080px;
144  margin: 0 auto;
145}
146.hero-eyebrow {
147  font-size: 10px;
148  letter-spacing: .22em;
149  text-transform: uppercase;
150  color: var(--brass-text);
151  margin-bottom: 28px;
152  display: flex;
153  align-items: center;
154  gap: 12px;
155}
156.hero-eyebrow::before {
157  content: '';
158  display: inline-block;
159  width: 32px;
160  height: 1px;
161  background: var(--brass);
162}
163.hero h1 {
164  font-family: 'Cormorant Garamond', serif;
165  font-size: clamp(52px, 7vw, 90px);
166  font-weight: 300;
167  line-height: 1.0;
168  letter-spacing: -.01em;
169  color: var(--ink);
170  max-width: 700px;
171  margin-bottom: 32px;
172}
173.hero h1 em {
174  font-style: italic;
175  color: var(--brass-text);
176}
177.hero-sub {
178  font-size: 14px;
179  color: var(--ink-mute);
180  max-width: 480px;
181  line-height: 1.8;
182  margin-bottom: 48px;
183  font-family: 'DM Mono', monospace;
184}
185.btn-primary {
186  display: inline-block;
187  background: var(--ink);
188  color: var(--stone);
189  font-size: 10px;
190  letter-spacing: .2em;
191  text-transform: uppercase;
192  text-decoration: none;
193  padding: 16px 32px;
194  transition: background .2s;
195  cursor: pointer;
196  border: none;
197}
198.btn-primary:hover { background: var(--brass-dk); }
199.btn-ghost {
200  display: inline-block;
201  color: var(--ink);
202  font-size: 10px;
203  letter-spacing: .2em;
204  text-transform: uppercase;
205  text-decoration: none;
206  padding: 16px 32px;
207  border: 1px solid var(--rule);
208  margin-left: 12px;
209  transition: border-color .2s, color .2s;
210  cursor: pointer;
211  background: transparent;
212}
213.btn-ghost:hover { border-color: var(--ink); }
214.hero-stats {
215  display: flex;
216  gap: 48px;
217  margin-top: 72px;
218  padding-top: 40px;
219  border-top: 1px solid var(--rule);
220}
221.hero-stat-val {
222  font-family: 'Cormorant Garamond', serif;
223  font-size: 36px;
224  font-weight: 300;
225  color: var(--ink);
226  line-height: 1;
227  margin-bottom: 4px;
228}
229.hero-stat-label {
230  font-size: 10px;
231  letter-spacing: .14em;
232  text-transform: uppercase;
233  color: var(--ink-mute);
234}
235
236/* ── SECTION WRAPPER ── */
237.section {
238  padding: 80px 60px;
239  max-width: 1080px;
240  margin: 0 auto;
241}
242.section-full {
243  padding: 80px 60px;
244}
245.section-label {
246  display: flex;
247  align-items: center;
248  gap: 16px;
249  margin-bottom: 48px;
250}
251.section-label span {
252  font-size: 10px;
253  letter-spacing: .22em;
254  text-transform: uppercase;
255  color: var(--brass-text);
256}
257.section-label::after {
258  content: '';
259  flex: 1;
260  height: 1px;
261  background: var(--rule);
262}
263.section-heading {
264  font-family: 'Cormorant Garamond', serif;
265  font-size: clamp(32px, 4vw, 52px);
266  font-weight: 300;
267  line-height: 1.15;
268  color: var(--ink);
269  margin-bottom: 16px;
270}
271.section-heading em { font-style: italic; color: var(--brass-text); }
272
273/* ── WHY GRID ── */
274.why-grid {
275  display: grid;
276  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
277  gap: 1px;
278  background: var(--rule);
279  border: 1px solid var(--rule);
280  margin-top: 16px;
281}
282.why-card {
283  background: var(--cream);
284  padding: 36px 32px;
285}
286.why-num {
287  font-family: 'Cormorant Garamond', serif;
288  font-size: 48px;
289  font-weight: 300;
290  color: var(--stone-dk);
291  line-height: 1;
292  margin-bottom: 16px;
293}
294.why-title {
295  font-family: 'Cormorant Garamond', serif;
296  font-size: 20px;
297  font-weight: 400;
298  color: var(--ink);
299  margin-bottom: 10px;
300}
301.why-body {
302  font-size: 12px;
303  color: var(--ink-mute);
304  line-height: 1.75;
305}
306
307/* ── PROCESS ── */
308.process-steps {
309  display: grid;
310  grid-template-columns: 1fr;
311  gap: 0;
312}
313.process-step {
314  display: grid;
315  grid-template-columns: 80px 1fr;
316  gap: 32px;
317  padding: 36px 0;
318  border-bottom: 1px solid var(--rule);
319  align-items: start;
320}
321.process-step:last-child { border-bottom: none; }
322.step-num {
323  font-family: 'Cormorant Garamond', serif;
324  font-size: 56px;
325  font-weight: 300;
326  color: var(--stone-dk);
327  line-height: 1;
328  text-align: right;
329  padding-right: 24px;
330  border-right: 1px solid var(--rule);
331}
332.step-content {}
333.step-title {
334  font-family: 'Cormorant Garamond', serif;
335  font-size: 24px;
336  font-weight: 400;
337  color: var(--ink);
338  margin-bottom: 8px;
339  margin-top: 4px;
340}
341.step-body {
342  font-size: 12px;
343  color: var(--ink-mute);
344  line-height: 1.8;
345  max-width: 560px;
346}
347.step-meta {
348  font-size: 10px;
349  letter-spacing: .14em;
350  text-transform: uppercase;
351  color: var(--brass-text);
352  margin-top: 12px;
353}
354
355/* ── TESTIMONIALS ── */
356.testimonial-grid {
357  display: grid;
358  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
359  gap: 24px;
360  margin-top: 16px;
361}
362.testimonial {
363  background: var(--stone);
364  padding: 32px;
365  border-left: 3px solid var(--brass);
366}
367.testimonial-stars {
368  font-size: 11px;
369  letter-spacing: .1em;
370  color: var(--brass-text);
371  margin-bottom: 16px;
372}
373.testimonial-body {
374  font-family: 'Cormorant Garamond', serif;
375  font-size: 18px;
376  font-weight: 300;
377  font-style: italic;
378  line-height: 1.6;
379  color: var(--ink);
380  margin-bottom: 20px;
381}
382.testimonial-name {
383  font-size: 10px;
384  letter-spacing: .18em;
385  text-transform: uppercase;
386  color: var(--ink-mute);
387}
388
389/* ── CTA BAND ── */
390.cta-band {
391  background: var(--ink);
392  padding: 80px 60px;
393  text-align: center;
394}
395.cta-band h2 {
396  font-family: 'Cormorant Garamond', serif;
397  font-size: clamp(32px, 4vw, 56px);
398  font-weight: 300;
399  color: var(--stone);
400  line-height: 1.2;
401  margin-bottom: 16px;
402}
403.cta-band h2 em { font-style: italic; color: var(--brass-lt); }
404.cta-band p {
405  color: var(--ink-mute);
406  font-size: 12px;
407  margin-bottom: 40px;
408  max-width: 480px;
409  margin-left: auto;
410  margin-right: auto;
411  line-height: 1.8;
412}
413.btn-light {
414  display: inline-block;
415  background: var(--stone);
416  color: var(--ink);
417  font-size: 10px;
418  letter-spacing: .2em;
419  text-transform: uppercase;
420  text-decoration: none;
421  padding: 16px 36px;
422  cursor: pointer;
423  border: none;
424  transition: background .2s;
425}
426.btn-light:hover { background: var(--brass-lt); color: var(--white); }
427
428/* ── PRICING ── */
429.pricing-grid {
430  display: grid;
431  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
432  gap: 1px;
433  background: var(--rule);
434  border: 1px solid var(--rule);
435}
436.pricing-card {
437  background: var(--cream);
438  padding: 40px 32px;
439  position: relative;
440}
441.pricing-card.featured {
442  background: var(--ink);
443}
444.pricing-badge {
445  font-size: 9px;
446  letter-spacing: .2em;
447  text-transform: uppercase;
448  color: var(--brass-lt);
449  margin-bottom: 20px;
450  display: block;
451}
452.pricing-tier {
453  font-family: 'Cormorant Garamond', serif;
454  font-size: 28px;
455  font-weight: 300;
456  color: var(--ink);
457  margin-bottom: 4px;
458}
459.pricing-card.featured .pricing-tier { color: var(--stone); }
460.pricing-price {
461  font-family: 'Cormorant Garamond', serif;
462  font-size: 48px;
463  font-weight: 300;
464  color: var(--brass-text);
465  line-height: 1;
466  margin: 16px 0 4px;
467}
468.pricing-from {
469  font-size: 10px;
470  letter-spacing: .1em;
471  text-transform: uppercase;
472  color: var(--ink-mute);
473  margin-bottom: 24px;
474}
475.pricing-card.featured .pricing-from { color: #6a6050; }
476.pricing-divider {
477  height: 1px;
478  background: var(--rule);
479  margin: 24px 0;
480}
481.pricing-card.featured .pricing-divider { background: rgba(255,255,255,.1); }
482.pricing-features {
483  list-style: none;
484  margin-bottom: 32px;
485}
486.pricing-features li {
487  font-size: 12px;
488  color: var(--ink-soft);
489  padding: 6px 0;
490  border-bottom: 1px solid var(--rule);
491  display: flex;
492  align-items: center;
493  gap: 10px;
494}
495.pricing-card.featured .pricing-features li { color: #aaa090; border-bottom-color: rgba(255,255,255,.07); }
496.pricing-features li::before {
497  content: '';
498  width: 4px;
499  height: 4px;
500  border-radius: 50%;
501  background: var(--brass);
502  flex-shrink: 0;
503}
504.pricing-features li:last-child { border-bottom: none; }
505
506/* ── ADD ONS ── */
507.addon-grid {
508  display: grid;
509  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
510  gap: 24px;
511  margin-top: 16px;
512}
513.addon-card {
514  border: 1px solid var(--rule);
515  padding: 28px 24px;
516}
517.addon-title {
518  font-family: 'Cormorant Garamond', serif;
519  font-size: 20px;
520  font-weight: 400;
521  color: var(--ink);
522  margin-bottom: 8px;
523}
524.addon-desc {
525  font-size: 12px;
526  color: var(--ink-mute);
527  line-height: 1.7;
528  margin-bottom: 16px;
529}
530.addon-price {
531  font-size: 10px;
532  letter-spacing: .1em;
533  text-transform: uppercase;
534  color: var(--brass-text);
535}
536
537/* ── FAQ ── */
538.faq-list { margin-top: 16px; }
539.faq-item {
540  border-bottom: 1px solid var(--rule);
541  padding: 24px 0;
542}
543.faq-q {
544  font-family: 'Cormorant Garamond', serif;
545  font-size: 20px;
546  font-weight: 400;
547  color: var(--ink);
548  margin-bottom: 12px;
549  display: flex;
550  align-items: flex-start;
551  gap: 16px;
552}
553.faq-q::before {
554  content: 'Q';
555  font-size: 12px;
556  letter-spacing: .1em;
557  color: var(--brass-text);
558  margin-top: 4px;
559  flex-shrink: 0;
560}
561.faq-a {
562  font-size: 12px;
563  color: var(--ink-mute);
564  line-height: 1.8;
565  padding-left: 28px;
566  max-width: 640px;
567}
568
569/* ── ABOUT ── */
570.about-split {
571  display: grid;
572  grid-template-columns: 1fr 1fr;
573  gap: 80px;
574  align-items: start;
575}
576@media (max-width: 720px) { .about-split { grid-template-columns: 1fr; gap: 40px; } }
577.about-copy { font-size: 14px; color: var(--ink-soft); line-height: 1.9; }
578.about-copy p + p { margin-top: 20px; }
579.about-values {
580  display: grid;
581  grid-template-columns: 1fr;
582  gap: 0;
583}
584.about-value {
585  padding: 24px 0;
586  border-bottom: 1px solid var(--rule);
587}
588.about-value:last-child { border-bottom: none; }
589.about-value-title {
590  font-family: 'Cormorant Garamond', serif;
591  font-size: 18px;
592  font-weight: 400;
593  color: var(--ink);
594  margin-bottom: 6px;
595  display: flex;
596  align-items: center;
597  gap: 12px;
598}
599.about-value-title::before {
600  content: '';
601  width: 20px;
602  height: 1px;
603  background: var(--brass);
604}
605.about-value-desc {
606  font-size: 12px;
607  color: var(--ink-mute);
608  line-height: 1.7;
609  padding-left: 32px;
610}
611
612/* ── SERVICE AREA ── */
613.area-grid {
614  display: grid;
615  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
616  gap: 1px;
617  background: var(--rule);
618  border: 1px solid var(--rule);
619  margin-top: 16px;
620}
621.area-item {
622  background: var(--cream);
623  padding: 20px 24px;
624}
625.area-city {
626  font-family: 'Cormorant Garamond', serif;
627  font-size: 18px;
628  font-weight: 400;
629  color: var(--ink);
630  margin-bottom: 2px;
631}
632.area-status {
633  font-size: 9px;
634  letter-spacing: .14em;
635  text-transform: uppercase;
636  color: var(--ink-mute);
637}
638.area-status.primary { color: var(--brass-text); }
639
640/* ── ESTIMATE FORM ── */
641.estimate-layout {
642  display: grid;
643  grid-template-columns: 1fr 380px;
644  gap: 80px;
645  align-items: start;
646}
647@media (max-width: 800px) { .estimate-layout { grid-template-columns: 1fr; } }
648.form-group {
649  margin-bottom: 24px;
650}
651.form-label {
652  display: block;
653  font-size: 10px;
654  letter-spacing: .18em;
655  text-transform: uppercase;
656  color: var(--ink-mute);
657  margin-bottom: 8px;
658}
659.form-input {
660  width: 100%;
661  padding: 12px 16px;
662  border: 1px solid var(--rule);
663  background: var(--white);
664  font-family: 'DM Mono', monospace;
665  font-size: 13px;
666  color: var(--ink);
667  outline: none;
668  transition: border-color .2s;
669  -webkit-appearance: none;
670  border-radius: 0;
671}
672.form-input:focus { border-color: var(--brass-text); }
673.form-select {
674  width: 100%;
675  padding: 12px 16px;
676  border: 1px solid var(--rule);
677  background: var(--white);
678  font-family: 'DM Mono', monospace;
679  font-size: 13px;
680  color: var(--ink);
681  outline: none;
682  cursor: pointer;
683  border-radius: 0;
684  -webkit-appearance: none;
685}
686.form-row {
687  display: grid;
688  grid-template-columns: 1fr 1fr;
689  gap: 16px;
690}
691.form-hint {
692  font-size: 11px;
693  color: var(--ink-mute);
694  margin-top: 6px;
695}
696.radio-group {
697  display: grid;
698  grid-template-columns: 1fr 1fr;
699  gap: 8px;
700}
701.radio-option {
702  border: 1px solid var(--rule);
703  padding: 12px 16px;
704  cursor: pointer;
705  transition: border-color .2s;
706  display: flex;
707  align-items: center;
708  gap: 10px;
709}
710.radio-option:hover { border-color: var(--brass-text); }
711.radio-option input { cursor: pointer; accent-color: var(--brass-text); }
712.radio-label { font-size: 12px; color: var(--ink-soft); }
713.estimate-aside {
714  background: var(--stone);
715  padding: 40px 32px;
716  position: sticky;
717  top: 60px;
718}
719.aside-title {
720  font-family: 'Cormorant Garamond', serif;
721  font-size: 24px;
722  font-weight: 300;
723  color: var(--ink);
724  margin-bottom: 24px;
725}
726.aside-points { list-style: none; }
727.aside-points li {
728  font-size: 12px;
729  color: var(--ink-mute);
730  padding: 14px 0;
731  border-bottom: 1px solid var(--rule);
732  display: flex;
733  align-items: flex-start;
734  gap: 12px;
735  line-height: 1.6;
736}
737.aside-points li:last-child { border-bottom: none; }
738.aside-points li::before {
739  content: '';
740  width: 4px;
741  height: 4px;
742  border-radius: 50%;
743  background: var(--brass);
744  margin-top: 6px;
745  flex-shrink: 0;
746}
747.aside-contact {
748  margin-top: 32px;
749  padding-top: 24px;
750  border-top: 1px solid var(--rule);
751}
752.aside-contact-label {
753  font-size: 10px;
754  letter-spacing: .18em;
755  text-transform: uppercase;
756  color: var(--ink-mute);
757  margin-bottom: 8px;
758}
759.aside-contact-num {
760  font-family: 'Cormorant Garamond', serif;
761  font-size: 26px;
762  font-weight: 300;
763  color: var(--ink);
764}
765
766/* ── GALLERY ── */
767.gallery-grid {
768  display: grid;
769  grid-template-columns: repeat(3, 1fr);
770  gap: 1px;
771  background: var(--rule);
772  border: 1px solid var(--rule);
773}
774@media (max-width: 640px) { .gallery-grid { grid-template-columns: 1fr 1fr; } }
775
776.gallery-item {
777  position: relative;
778  overflow: hidden;
779  display: flex;
780  align-items: flex-end;
781  aspect-ratio: 4/3;
782  background: #111;
783}
784.gallery-item img {
785  position: absolute;
786  inset: 0;
787  width: 100%;
788  height: 100%;
789  object-fit: cover;
790  object-position: center;
791  transition: transform .5s ease;
792}
793.gallery-item:hover img { transform: scale(1.03); }
794
795/* Simulated warm-white light dots */
796.gallery-dots {
797  position: absolute;
798  top: 40%;
799  left: 0; right: 0;
800  display: flex;
801  justify-content: space-evenly;
802}
803.gallery-dot {
804  width: 6px;
805  height: 6px;
806  border-radius: 50%;
807  background: #f4d58d;
808  box-shadow: 0 0 12px 4px rgba(244,213,141,.4);
809}
810
811/* ── FOOTER ── */
812footer {
813  background: var(--ink);
814  padding: 60px;
815  display: grid;
816  grid-template-columns: 1fr 1fr 1fr;
817  gap: 40px;
818}
819@media (max-width: 640px) { footer { grid-template-columns: 1fr; padding: 40px 24px; } }
820.footer-brand {
821  font-family: 'Cormorant Garamond', serif;
822  font-size: 20px;
823  font-weight: 300;
824  letter-spacing: .15em;
825  text-transform: uppercase;
826  color: var(--stone);
827  margin-bottom: 12px;
828}
829.footer-brand span { color: var(--brass-lt); }
830.footer-tagline {
831  font-size: 10px;
832  letter-spacing: .14em;
833  text-transform: uppercase;
834  color: #4a4640;
835  margin-bottom: 20px;
836}
837.footer-loc {
838  font-size: 11px;
839  color: #5a5650;
840  line-height: 1.8;
841}
842.footer-col-title {
843  font-size: 10px;
844  letter-spacing: .18em;
845  text-transform: uppercase;
846  color: #4a4640;
847  margin-bottom: 16px;
848}
849.footer-col-links {
850  list-style: none;
851}
852.footer-col-links li {
853  margin-bottom: 10px;
854}
855.footer-col-links a {
856  font-size: 12px;
857  color: #6a6460;
858  text-decoration: none;
859  transition: color .2s;
860}
861.footer-col-links a:hover { color: var(--brass-lt); }
862.footer-bottom {
863  background: #111009;
864  padding: 16px 60px;
865  display: flex;
866  justify-content: space-between;
867  align-items: center;
868  flex-wrap: wrap;
869  gap: 8px;
870}
871.footer-bottom-text {
872  font-size: 10px;
873  letter-spacing: .1em;
874  color: #3a3830;
875}
876
877/* ── PAGE HEADER (inner pages) ── */
878.page-header {
879  background: var(--stone);
880  padding: 60px 60px 48px;
881  border-bottom: 1px solid var(--rule);
882}
883.page-header-eyebrow {
884  font-size: 10px;
885  letter-spacing: .22em;
886  text-transform: uppercase;
887  color: var(--brass-text);
888  margin-bottom: 16px;
889  display: flex;
890  align-items: center;
891  gap: 12px;
892}
893.page-header-eyebrow::before {
894  content: '';
895  width: 24px;
896  height: 1px;
897  background: var(--brass);
898}
899.page-header h1 {
900  font-family: 'Cormorant Garamond', serif;
901  font-size: clamp(40px, 5vw, 64px);
902  font-weight: 300;
903  line-height: 1.1;
904  color: var(--ink);
905}
906.page-header h1 em { font-style: italic; color: var(--brass-text); }
907.page-header-sub {
908  font-size: 13px;
909  color: var(--ink-mute);
910  margin-top: 16px;
911  max-width: 560px;
912  line-height: 1.8;
913}
914
915@media (max-width: 700px) {
916  nav { padding: 16px 20px; }
917  nav { position: relative; justify-content: flex-start; }
918  .nav-logo-text { font-size: 24px; }
919  .nav-cta { margin-left: 12px; font-size: 9px; white-space: nowrap; }
920  .nav-hamburger { display: flex; margin-left: auto; }
921  .nav-links {
922    display: none;
923    position: absolute;
924    top: 100%; left: 0; right: 0;
925    flex-direction: column;
926    gap: 0;
927    background: var(--cream);
928    border-top: 1px solid var(--rule);
929    border-bottom: 1px solid var(--rule);
930    padding: 4px 0;
931    box-shadow: 0 12px 24px rgba(0,0,0,0.08);
932    z-index: 150;
933  }
934  .nav-links.open { display: flex; }
935  .nav-links li { width: 100%; }
936  .nav-links a {
937    display: block;
938    padding: 14px 24px;
939    font-size: 12px;
940    border-bottom: 1px solid var(--rule);
941  }
942  .nav-links li:last-child a { border-bottom: none; }
943  .hero { padding: 60px 20px 48px; }
944  .hero::before { display: none; }
945  .hero-photo {
946    display: block;
947    position: static;
948    width: calc(100% + 40px);
949    margin: -60px -20px 28px -20px;
950    height: 240px;
951    object-fit: cover;
952    clip-path: none;
953  }
954  .section, .section-full, .cta-band, footer { padding-left: 24px; padding-right: 24px; }
955  .hero-stats { flex-wrap: wrap; gap: 24px; }
956  .page-header { padding: 40px 24px; }
957  .footer-bottom { padding: 16px 24px; }
958  .pricing-grid { grid-template-columns: 1fr; }
959  .gallery-grid { grid-template-columns: 1fr 1fr; }
960  .estimate-layout { grid-template-columns: 1fr; }
961  .form-row { grid-template-columns: 1fr; }
962  .radio-group { grid-template-columns: 1fr; }
963}
964
965
966.nav-logo {
967  display: flex;
968  align-items: center;
969  gap: 12px;
970  text-decoration: none;
971}
972.nav-logo-img {
973  height: 46px;
974  width: 46px;
975  object-fit: contain;
976}
977.nav-logo-text {
978  font-family: 'Cormorant Garamond', serif;
979  font-size: 27px;
980  font-weight: 300;
981  letter-spacing: .15em;
982  text-transform: uppercase;
983  color: var(--ink);
984}
985.nav-logo-text span { color: var(--brass-text); }
986
987</style>
988<!-- Meta Pixel Code -->
989<script>
vendor: 399 bytes, lines 989-998
989
990!function(f,b,e,v,n,t,s)
991{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
992n.callMethod.apply(n,arguments):n.queue.push(arguments)};
993if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
994n.queue=[];t=b.createElement(e);t.async=!0;
995t.src=v;s=b.getElementsByTagName(e)[0];
996s.parentNode.insertBefore(t,s)}(window, document,'script',
997'https://connect.facebook.net/en_US/fbevents.js');
998fbq('init', '
9981018309977796765
vendor: 30 bytes, lines 998-999
998');
999fbq('track', 'PageView');
1000</script>
1000
1001<noscript><img height="1" width="1" style="display:none"
1002src="https://www.facebook.com/tr?id=1018309977796765&ev=PageView&noscript=1"
1003/></noscript>
1004<!-- End Meta Pixel Code -->
1005</head>
1006<body>
1007<nav>
1008    <a href="/" class="nav-logo"><img class="nav-logo-img" src="/logo.png" alt="EverLume"><span class="nav-logo-text">Ever<span>Lume</span></span></a>
1009    <ul class="nav-links">
1010      <li><a href="/">Home</a></li>
1011      <li><a href='/gallery'>Gallery</a></li>
1012      <li><a href='/how-it-works'>How It Works</a></li>
1013      <li><a href='/pricing'>Pricing</a></li>
1014      <li><a href='/about' style='color: var(--brass-text);'>About</a></li>
1015      <li><a href='/faq'>FAQ</a></li>
1016    </ul>
1017    <a class='nav-cta' href='/estimate'>Free Estimate →</a>
1018    <button class="nav-hamburger" id="navHamburger" onclick="toggleMobileNav()" aria-label="Toggle menu"><span></span><span></span><span></span></button>
1019  </nav>
1020
1021<div class="hero" style="padding:60px 60px 48px;">
1022  <img class="hero-photo" src="/install-c-entry.jpg" alt="EverLume permanent lighting tracing a home's roofline at dusk">
1023  <div class="hero-inner"><div class="hero-eyebrow">About EverLume</div><h1 style="font-size:clamp(40px,5vw,72px);">Built here.<br><em>For here.</em></h1><p class="hero-sub">EverLume is a permanent architectural lighting company serving California and Tennessee.</p></div></div>
1024<div class="section">
1025  <div style="display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-bottom:60px;">
1026    <div><div class="section-label"><span>The Company</span></div><div class="section-heading">Permanent lighting done right,<br><em>by a company that shows up.</em></div><p style="font-size:13px;color:var(--ink-mute);line-height:1.85;margin-top:16px;">EverLume was founded with a straightforward idea: homeowners deserve a permanent lighting option that's actually permanent — commercial-grade hardware, professional installation, and a company that's here for the long term.</p><p style="font-size:13px;color:var(--ink-mute);line-height:1.85;margin-top:12px;">We're not a franchise. Every estimate, every install, every follow-up call comes from us directly.</p></div>
1027    <div style="background:var(--stone);border:1px solid var(--rule);padding:40px;">
1028      <div style="font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:300;color:var(--ink);margin-bottom:24px;">What we stand behind</div>
1029      <div style="display:flex;flex-direction:column;gap:16px;">
1030        <div style="display:flex;gap:16px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--rule);"><div style="font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--stone-dk);line-height:1;flex-shrink:0;">01</div><div><div style="font-size:12px;color:var(--ink);margin-bottom:4px;">Written quotes, always</div><div style="font-size:11px;color:var(--ink-mute);line-height:1.6;">Your price is in writing before we schedule anything. What you're quoted is what you pay.</div></div></div>
1031        <div style="display:flex;gap:16px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--rule);"><div style="font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--stone-dk);line-height:1;flex-shrink:0;">02</div><div><div style="font-size:12px;color:var(--ink);margin-bottom:4px;">Commercial-grade only</div><div style="font-size:11px;color:var(--ink-mute);line-height:1.6;">IP68-rated LEDs, UV-stable components, built for extreme heat and weather.</div></div></div>
1032        <div style="display:flex;gap:16px;align-items:flex-start;"><div style="font-family:'Cormorant Garamond',serif;font-size:28px;color:var(--stone-dk);line-height:1;flex-shrink:0;">03</div><div><div style="font-size:12px;color:var(--ink);margin-bottom:4px;">5-year warranty, no fine print</div><div style="font-size:11px;color:var(--ink-mute);line-height:1.6;">Full parts and labor. If something needs attention in five years, we come back.</div></div></div>
1033      </div>
1034    </div>
1035  </div>
1036  <div style="background:var(--stone);border:1px solid var(--rule);padding:48px 60px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;">
1037    <div><div style="font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-text);margin-bottom:10px;">Ready to talk?</div><div style="font-family:'Cormorant Garamond',serif;font-size:clamp(22px,3vw,36px);font-weight:300;color:var(--ink);line-height:1.2;">No pressure. No sales pitch.<br><em>Just an honest conversation.</em></div></div>
1038    <div style="display:flex;flex-direction:column;gap:12px;align-items:flex-end;"><a class='btn-primary' href='/estimate'>Request a Free Estimate →</a><a href="tel:5593448004" style="font-size:11px;color:var(--ink-mute);text-decoration:none;">(559) 344-8004 · Mon–Sat 8am–6pm</a></div>
1039  </div>
1040</div>
1041<footer><div><div class="footer-brand" style="display:flex;align-items:center;gap:10px;"><img src="/logo.png" alt="EverLume" style="height:28px;width:28px;object-fit:contain;filter:brightness(0.85);"><span>Ever<span>Lume</span></span></div><div class="footer-tagline">Architectural Lighting · Installed Once</div><div class="footer-loc">Serving California · Tennessee<br>Licensed · Insured · Local</div></div><div><div class="footer-col-title">Pages</div><ul class="footer-col-links"><li><a href="/">Home</a></li><li><a href='/gallery'>Gallery</a></li><li><a href='/how-it-works'>How It Works</a></li><li><a href='/pricing'>Pricing</a></li><li><a href='/about'>About</a></li><li><a href='/estimate'>Free Estimate</a></li><li><a href='/faq'>FAQ</a></li></ul></div><div><div class="footer-col-title">Service Areas</div><ul class="footer-col-links"><li><a href='/california'>Central Valley, CA</a></li><li><a href='/tennessee'>Tellico Village, TN</a></li><li><a href='/california'>Fresno · Clovis · Visalia</a></li><li><a href='/tennessee'>Knoxville · Loudon · TN</a></li></ul></div></footer>
1042  <div class="footer-bottom">
1043    <span class="footer-bottom-text">© 2026 EverLume Permanent Lighting · Serving CA & TN</span>
1044    <span class="footer-bottom-text"><a href='/privacy' style='color:inherit;text-decoration:none;'>Privacy Policy</a> · <a href='/terms' style='color:inherit;text-decoration:none;'>Terms</a> · (559) 344-8004</span>
1045  </div>
1046<script>
1047function toggleMobileNav() {
1048  document.querySelector('.nav-links').classList.toggle('open');
1049  document.getElementById('navHamburger').classList.toggle('open');
1050}
1051</script>
1051
1052</body>
1053</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.