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.