Athena Electrical \u2014 Powering Solutions. Building Futures.<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== BASE ===== *\/\n:root {\n --bg: #050505;\n --bg-soft: #0e0e0e;\n --bg-card: #131313;\n --line: rgba(212, 168, 72, 0.18);\n --text: #f4f4f4;\n --muted: #a8a8a8;\n --gold: #d4a848;\n --gold-bright: #e8c068;\n --gold-deep: #a8842e;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n scroll-behavior: smooth;\n scroll-padding-top: 90px;\n}\n\nsection[id], div[id], footer[id] {\n scroll-margin-top: 90px;\n}\n\nhtml, body {\n width: 100%;\n max-width: 100%;\n margin: 0;\n padding: 0;\n}\n\nbody {\n background: var(--bg);\n color: var(--text);\n font-family: \"Montserrat\", Arial, sans-serif;\n font-weight: 400;\n line-height: 1.65;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n\/* Break full-bleed sections out of any parent container (e.g. WordPress) *\/\n.full-bleed {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n}\n\nsection {\n padding: 110px 8%;\n}\n\nh1, h2, h3, h4 {\n font-family: \"Oswald\", \"Montserrat\", Arial, sans-serif;\n font-weight: 700;\n letter-spacing: 1.5px;\n line-height: 1.05;\n text-transform: uppercase;\n}\n\nh2 {\n font-size: clamp(32px, 4vw, 46px);\n margin-bottom: 18px;\n}\n\nh2 .gold-line {\n display: block;\n width: 60px;\n height: 2px;\n background: var(--gold);\n margin-top: 18px;\n}\n\np {\n color: var(--muted);\n font-size: 15.5px;\n}\n\n.gold { color: var(--gold); }\n.eyebrow {\n font-family: \"Montserrat\", Arial, sans-serif;\n font-size: 12px;\n letter-spacing: 4px;\n color: var(--gold);\n text-transform: uppercase;\n font-weight: 500;\n margin-bottom: 12px;\n display: inline-block;\n}\n\n\/* ===== HEADER ===== *\/\nheader {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n width: 100vw;\n background: rgba(5, 5, 5, 0.75);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n padding: 18px 8%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 50;\n border-bottom: 1px solid rgba(212, 168, 72, 0.12);\n transition: padding 0.3s ease;\n}\n\n.logo-mark {\n display: flex;\n align-items: center;\n text-decoration: none;\n color: var(--text);\n}\n\n.logo-mark img {\n height: 54px;\n width: auto;\n display: block;\n}\n\n.footer-brand .logo-mark img {\n height: 70px;\n}\n\nnav {\n display: flex;\n align-items: center;\n}\n\nnav a {\n margin-left: 34px;\n color: #e7e7e7;\n text-decoration: none;\n font-size: 13px;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-weight: 400;\n position: relative;\n transition: color 0.25s;\n}\n\nnav a::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: -6px;\n width: 0;\n height: 1px;\n background: var(--gold);\n transition: width 0.3s ease;\n}\n\nnav a:hover {\n color: var(--gold);\n}\n\nnav a:hover::after {\n width: 100%;\n}\n\n.cta-btn {\n margin-left: 32px;\n padding: 11px 22px;\n background: var(--gold);\n color: #000;\n text-transform: uppercase;\n font-weight: 600;\n font-size: 12px;\n letter-spacing: 2px;\n border-radius: 2px;\n text-decoration: none;\n transition: all 0.25s ease;\n border: 1px solid var(--gold);\n}\n\n.cta-btn::after { display: none; }\n\n.cta-btn:hover {\n background: transparent;\n color: var(--gold);\n}\n\n.mobile-toggle {\n display: none;\n background: transparent;\n background-color: transparent;\n border: none;\n outline: none;\n color: var(--gold);\n font-size: 24px;\n cursor: pointer;\n padding: 6px 10px;\n -webkit-tap-highlight-color: transparent;\n -webkit-appearance: none;\n appearance: none;\n}\n\n.mobile-toggle:focus,\n.mobile-toggle:active,\n.mobile-toggle:hover {\n background: transparent;\n background-color: transparent;\n outline: none;\n color: var(--gold);\n}\n\n@media (max-width: 900px) {\n nav {\n display: none;\n position: fixed;\n top: 91px;\n left: 0;\n right: 0;\n background: rgba(5, 5, 5, 0.94);\n backdrop-filter: blur(18px) saturate(140%);\n -webkit-backdrop-filter: blur(18px) saturate(140%);\n flex-direction: column;\n padding: 8px 8% 18px;\n border-bottom: 1px solid rgba(212, 168, 72, 0.12);\n z-index: 49;\n }\n nav.open {\n display: flex;\n }\n nav a {\n margin: 0;\n font-size: 14px;\n letter-spacing: 2.5px;\n padding: 16px 0;\n border-bottom: 1px solid var(--line);\n }\n nav a:last-of-type {\n border-bottom: none;\n }\n nav a::after { display: none; }\n nav .cta-btn {\n margin: 16px 0 0;\n text-align: center;\n border-bottom: none;\n padding: 12px 22px;\n }\n .mobile-toggle { display: block; }\n}\n\n\/* ===== HERO ===== *\/\n.hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n padding: 140px 8% 80px;\n background:\n linear-gradient(90deg, rgba(5,5,5,0.94) 0%, rgba(5,5,5,0.65) 55%, rgba(5,5,5,0.45) 100%),\n url(\"https:\/\/www.athena.pockly.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-15-at-16.37.01.jpeg\") center right \/ cover no-repeat;\n}\n\n.hero::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at 20% 50%, rgba(212,168,72,0.08) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.hero-content {\n position: relative;\n max-width: 640px;\n z-index: 2;\n}\n\n.hero h1 {\n font-size: clamp(40px, 6vw, 68px);\n line-height: 1.05;\n margin-bottom: 22px;\n letter-spacing: 1px;\n}\n\n.hero h1 .accent {\n color: var(--gold);\n font-weight: 700;\n}\n\n.hero p.lead {\n font-size: 17px;\n color: #d4d4d4;\n margin-bottom: 38px;\n max-width: 520px;\n line-height: 1.7;\n}\n\n.hero-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n margin-bottom: 48px;\n}\n\n.hero-buttons a {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 50px;\n padding: 0 32px;\n border-radius: 2px;\n text-decoration: none;\n font-size: 12px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n font-weight: 600;\n transition: all 0.25s ease;\n box-sizing: border-box;\n line-height: 1;\n}\n\n.btn-gold {\n background: var(--gold);\n color: #000;\n border: 1px solid var(--gold);\n}\n\n.btn-gold:hover {\n background: var(--gold-bright);\n border-color: var(--gold-bright);\n transform: translateY(-2px);\n box-shadow: 0 10px 25px rgba(212,168,72,0.25);\n}\n\n.btn-outline {\n border: 1px solid rgba(255,255,255,0.4);\n color: #fff;\n background: transparent;\n}\n\n.btn-outline:hover {\n border-color: var(--gold);\n color: var(--gold);\n}\n\n.hero-meta {\n display: flex;\n gap: 36px;\n flex-wrap: wrap;\n padding-top: 30px;\n border-top: 1px solid rgba(255,255,255,0.08);\n}\n\n.hero-meta .item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 12px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #ddd;\n}\n\n.hero-meta .item span {\n color: var(--gold);\n font-size: 16px;\n}\n\n@media (max-width: 900px) {\n .hero {\n background:\n linear-gradient(180deg, rgba(5,5,5,0.82) 0%, rgba(5,5,5,0.95) 100%),\n url(\"https:\/\/www.athena.pockly.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-15-at-16.37.01.jpeg\") 78% center \/ cover no-repeat;\n text-align: center;\n padding: 95px 6% 60px;\n min-height: auto;\n }\n .hero-content { margin: 0 auto; max-width: 460px; }\n .hero .eyebrow { margin-bottom: 30px; font-size: 11px; letter-spacing: 3px; }\n .hero h1 {\n font-size: clamp(26px, 7.5vw, 38px);\n letter-spacing: 0.5px;\n margin-bottom: 30px;\n white-space: nowrap;\n }\n .hero p.lead {\n margin: 0 auto 30px;\n font-size: 15px;\n line-height: 1.55;\n color: #d8d8d8;\n max-width: 320px;\n }\n .hero-buttons {\n justify-content: center;\n margin-bottom: 30px;\n flex-wrap: nowrap;\n gap: 10px;\n }\n .hero-buttons a {\n height: 46px;\n padding: 0 18px;\n font-size: 11px;\n letter-spacing: 1.5px;\n flex: 0 1 auto;\n }\n .hero-meta {\n justify-content: center;\n gap: 18px;\n padding-top: 30px;\n flex-wrap: wrap;\n }\n .hero-meta .item {\n font-size: 10.5px;\n letter-spacing: 1.5px;\n gap: 7px;\n }\n}\n\n\/* ===== SERVICES STRIP ===== *\/\n.services-strip {\n background: #0a0a0a;\n border-top: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n padding: 32px 8%;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n align-items: center;\n}\n\n.strip-item {\n text-align: center;\n letter-spacing: 4px;\n font-size: 13px;\n font-weight: 500;\n color: #e7e7e7;\n position: relative;\n}\n\n.strip-item:not(:last-child)::after {\n content: \"\";\n position: absolute;\n right: -10px;\n top: 50%;\n transform: translateY(-50%);\n width: 1px;\n height: 22px;\n background: var(--line);\n}\n\n.strip-item .dot {\n display: inline-block;\n color: var(--gold);\n margin-right: 10px;\n font-size: 8px;\n vertical-align: middle;\n}\n\n.strip-inner {\n display: inline-block;\n position: relative;\n}\n\n@media (max-width: 900px) {\n .services-strip {\n grid-template-columns: 1fr;\n gap: 22px;\n padding: 36px 8%;\n }\n .strip-item {\n text-align: center;\n padding: 10px 0;\n font-size: 20px;\n letter-spacing: 5px;\n font-weight: 600;\n }\n .strip-item .dot {\n font-size: 10px;\n margin-right: 10px;\n }\n \/* Disable desktop ::after on mobile *\/\n .strip-item:not(:last-child)::after {\n display: none;\n }\n \/* Faint line that matches the text width *\/\n .strip-item:not(:last-child) .strip-inner::after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n bottom: -14px;\n width: 100%;\n height: 1px;\n background: var(--line);\n }\n}\n\n\/* ===== ABOUT ===== *\/\n.about {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 70px;\n align-items: center;\n}\n\n.about-text .eyebrow { margin-bottom: 14px; }\n\n.about-text p {\n margin-bottom: 18px;\n}\n\n.about-signature {\n display: flex;\n align-items: center;\n gap: 18px;\n margin-top: 30px;\n padding-top: 26px;\n border-top: 1px solid rgba(255,255,255,0.08);\n}\n\n.signature-mark {\n width: 46px;\n height: 46px;\n border: 1px solid var(--gold);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.signature-mark svg { width: 22px; height: 22px; }\n\n.signature-text small {\n display: block;\n font-size: 11px;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n}\n\n.signature-text strong {\n font-size: 14px;\n color: #fff;\n font-weight: 500;\n}\n\n.about-image {\n height: 460px;\n background:\n linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.45) 100%),\n url(\"https:\/\/www.athena.pockly.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-15-at-16.37.01.jpeg\") 75% center \/ cover no-repeat;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n}\n\n.about-image::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, transparent 60%, rgba(212,168,72,0.15) 100%);\n}\n\n.about-image::before {\n content: \"\";\n position: absolute;\n top: 20px;\n left: 20px;\n right: 20px;\n bottom: 20px;\n border: 1px solid rgba(212,168,72,0.3);\n z-index: 2;\n pointer-events: none;\n}\n\n@media (max-width: 900px) {\n .about {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n .about-image {\n height: 320px;\n background-position: 78% center;\n }\n}\n\n\/* ===== WHY CHOOSE US ===== *\/\n.why-section {\n background: var(--bg-soft);\n text-align: center;\n}\n\n.why-section .section-head {\n max-width: 640px;\n margin: 0 auto 60px;\n text-align: center;\n}\n\n.why-section h2 .gold-line {\n margin: 24px auto 0;\n}\n\n.why-heading {\n font-size: clamp(32px, 4vw, 46px);\n letter-spacing: 0.5px;\n display: inline-block;\n}\n\n.why-heading .gold-line {\n width: 100%;\n margin: 24px 0 0;\n background: var(--line);\n}\n\n.why-intro {\n max-width: 640px;\n margin: 32px auto 0;\n font-size: 16px;\n line-height: 1.75;\n color: #c4c4c4;\n}\n\n.why-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 22px;\n text-align: left;\n}\n\n.why-box {\n background: var(--bg-card);\n padding: 38px 28px;\n border-radius: 4px;\n border: 1px solid transparent;\n transition: all 0.35s ease;\n position: relative;\n overflow: hidden;\n}\n\n.why-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: var(--gold);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s ease;\n}\n\n.why-box:hover {\n background: #181818;\n border-color: rgba(212,168,72,0.25);\n transform: translateY(-4px);\n}\n\n.why-box:hover::before {\n transform: scaleX(1);\n}\n\n.why-icon {\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 22px;\n color: var(--gold);\n}\n\n.why-icon svg {\n width: 36px;\n height: 36px;\n}\n\n.why-box h3 {\n font-size: 22px;\n margin-bottom: 12px;\n color: #fff;\n}\n\n.why-box p {\n font-size: 14px;\n line-height: 1.65;\n}\n\n@media (max-width: 900px) {\n .why-grid {\n grid-template-columns: 1fr 1fr;\n }\n}\n@media (max-width: 560px) {\n .why-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ===== PROJECTS ===== *\/\n.projects-section .section-head {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-bottom: 50px;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.projects-section .section-head a {\n color: var(--gold);\n text-decoration: none;\n font-size: 12px;\n letter-spacing: 3px;\n text-transform: uppercase;\n border-bottom: 1px solid var(--gold);\n padding-bottom: 4px;\n transition: all 0.25s;\n}\n\n.projects-section .section-head a:hover {\n color: var(--gold-bright);\n}\n\n.projects-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 22px;\n}\n\n.project-tile {\n height: 280px;\n background: var(--bg-card);\n border-radius: 4px;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n border: 1px solid rgba(255,255,255,0.04);\n}\n\n.project-tile::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(212,168,72,0.06), rgba(0,0,0,0.4));\n z-index: 1;\n}\n\n.project-tile .label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 24px;\n z-index: 2;\n background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.85) 100%);\n}\n\n.project-tile .label small {\n font-size: 11px;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n display: block;\n margin-bottom: 6px;\n}\n\n.project-tile .label h4 {\n font-size: 20px;\n color: #fff;\n}\n\n.project-tile:hover {\n border-color: rgba(212,168,72,0.4);\n}\n\n.project-tile:hover::before {\n background: linear-gradient(135deg, rgba(212,168,72,0.12), rgba(0,0,0,0.5));\n}\n\n@media (max-width: 900px) {\n .projects-grid { grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 600px) {\n .projects-grid { grid-template-columns: 1fr; }\n}\n\n\/* ===== TESTIMONIAL ===== *\/\n.testimonial {\n background: var(--bg-soft);\n text-align: center;\n padding: 100px 8%;\n position: relative;\n}\n\n.testimonial::before, .testimonial::after {\n content: \"\";\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 1px;\n background: var(--gold);\n}\n.testimonial::before { top: 50px; }\n.testimonial::after { bottom: 50px; }\n\n.testimonial blockquote {\n max-width: 760px;\n margin: 0 auto;\n font-family: \"Montserrat\", Arial, sans-serif;\n font-size: clamp(22px, 2.6vw, 28px);\n line-height: 1.5;\n color: #f4f4f4;\n font-style: italic;\n font-weight: 400;\n text-transform: none;\n}\n\n.testimonial blockquote::before {\n content: \"\";\n display: block;\n font-size: 60px;\n color: var(--gold);\n line-height: 0.5;\n margin-bottom: 20px;\n font-style: normal;\n}\n\n.testimonial cite {\n display: block;\n margin-top: 26px;\n font-family: \"Montserrat\", Arial, sans-serif;\n font-size: 11px;\n letter-spacing: 4px;\n text-transform: uppercase;\n color: var(--gold);\n font-style: normal;\n}\n\n\/* ===== CONTACT STRIP ===== *\/\n.contact-strip {\n background: linear-gradient(135deg, var(--gold) 0%, var(--gold-deep) 100%);\n color: #000;\n padding: 80px 8%;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.contact-strip::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image:\n radial-gradient(circle at 10% 50%, rgba(255,255,255,0.08) 0%, transparent 40%),\n radial-gradient(circle at 90% 50%, rgba(0,0,0,0.15) 0%, transparent 40%);\n}\n\n.contact-strip-inner {\n position: relative;\n z-index: 2;\n}\n\n.contact-strip h2 {\n color: #000;\n font-size: clamp(30px, 4vw, 42px);\n margin-bottom: 16px;\n}\n\n.contact-strip p {\n color: rgba(0,0,0,0.75);\n max-width: 540px;\n margin: 0 auto 32px;\n font-size: 15px;\n}\n\n.contact-strip a.cta {\n background: #000;\n color: var(--gold);\n padding: 16px 36px;\n border-radius: 2px;\n text-decoration: none;\n letter-spacing: 3px;\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n display: inline-block;\n transition: all 0.25s;\n border: 1px solid #000;\n}\n\n.contact-strip a.cta:hover {\n background: transparent;\n color: #000;\n}\n\n\/* ===== FOOTER ===== *\/\nfooter {\n background: #020202;\n padding: 80px 8% 30px;\n border-top: 1px solid rgba(212,168,72,0.12);\n}\n\n.footer-grid {\n display: grid;\n grid-template-columns: 1.4fr 1fr 1fr;\n gap: 50px;\n margin-bottom: 60px;\n}\n\n.footer-brand .logo-mark { margin-bottom: 20px; }\n\n.footer-brand p {\n font-size: 14px;\n line-height: 1.7;\n max-width: 320px;\n}\n\nfooter h4 {\n font-family: \"Montserrat\", Arial, sans-serif;\n font-size: 12px;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 22px;\n font-weight: 600;\n}\n\nfooter ul {\n list-style: none;\n}\n\nfooter ul li {\n margin-bottom: 11px;\n}\n\nfooter ul li a, footer ul li {\n color: #b4b4b4;\n text-decoration: none;\n font-size: 14px;\n transition: color 0.2s;\n}\n\nfooter ul li a:hover {\n color: var(--gold);\n}\n\n.footer-contact-item {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n margin-bottom: 14px;\n color: #b4b4b4;\n font-size: 14px;\n}\n\n.footer-contact-item span {\n color: var(--gold);\n font-size: 14px;\n width: 18px;\n flex-shrink: 0;\n margin-top: 2px;\n}\n\n.footer-bottom {\n border-top: 1px solid rgba(255,255,255,0.06);\n padding-top: 26px;\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 16px;\n font-size: 12px;\n letter-spacing: 1px;\n color: #777;\n}\n\n.footer-bottom .creds {\n display: flex;\n gap: 18px;\n}\n\n.footer-bottom .creds span {\n padding: 6px 12px;\n border: 1px solid rgba(212,168,72,0.25);\n border-radius: 2px;\n font-size: 10px;\n letter-spacing: 2px;\n color: var(--gold);\n text-transform: uppercase;\n}\n\n@media (max-width: 900px) {\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n }\n}\n@media (max-width: 560px) {\n .footer-grid { grid-template-columns: 1fr; }\n .footer-bottom { flex-direction: column; text-align: center; align-items: center; }\n}\n\n\/* ===== ANIMATIONS ===== *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.hero-content > * {\n animation: fadeUp 0.8s ease forwards;\n opacity: 0;\n}\n.hero-content > *:nth-child(1) { animation-delay: 0.1s; }\n.hero-content > *:nth-child(2) { animation-delay: 0.25s; }\n.hero-content > *:nth-child(3) { animation-delay: 0.4s; }\n.hero-content > *:nth-child(4) { animation-delay: 0.55s; }\n.hero-content > *:nth-child(5) { animation-delay: 0.7s; }\n<\/style>\n<\/head>\n\n<body>\n\n\n<header>\n <a href=\"#home\" class=\"logo-mark\">\n <img decoding=\"async\" src=\"https:\/\/www.athena.pockly.co.uk\/wp-content\/uploads\/2026\/05\/athena-logo.png\" alt=\"Athena Electrical\" \/>\n <\/a>\n <nav>\n <a href=\"#home\">Home<\/a>\n <a href=\"#services\">Services<\/a>\n <a href=\"#about\">About<\/a>\n <a href=\"#contact\">Contact<\/a>\n <a class=\"cta-btn\" href=\"#contact\">Get Quote<\/a>\n <\/nav>\n <button class=\"mobile-toggle\" aria-label=\"Menu\" aria-expanded=\"false\">☰<\/button>\n<\/header>\n\n\n<section class=\"hero full-bleed\" id=\"home\">\n <div class=\"hero-content\">\n <span class=\"eyebrow\">Certified Electricians \u00b7 Lancashire<\/span>\n <h1>Powering Solutions.<br><span class=\"accent\">Building Futures.<\/span><\/h1>\n <p class=\"lead\">Trusted electrical work for homes and businesses across Lancashire.<\/p>\n <div class=\"hero-buttons\">\n <a class=\"btn-gold\" href=\"#footer\">Book a Visit<\/a>\n <a class=\"btn-outline\" href=\"#services\">View Services<\/a>\n <\/div>\n <div class=\"hero-meta\">\n <div class=\"item\"><span>★<\/span> NICEIC Registered<\/div>\n <div class=\"item\"><span>✓<\/span> Fully Insured<\/div>\n <div class=\"item\"><span>⚡<\/span> 24\/7 Call-Outs<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"services-strip full-bleed\" id=\"services\">\n <div class=\"strip-item\"><span class=\"strip-inner\"><span class=\"dot\">■<\/span>INSTALLATION<\/span><\/div>\n <div class=\"strip-item\"><span class=\"strip-inner\"><span class=\"dot\">■<\/span>MAINTENANCE<\/span><\/div>\n <div class=\"strip-item\"><span class=\"strip-inner\"><span class=\"dot\">■<\/span>INSPECTION<\/span><\/div>\n <div class=\"strip-item\"><span class=\"strip-inner\"><span class=\"dot\">■<\/span>CONSULTANCY<\/span><\/div>\n<\/div>\n\n\n<section class=\"about\" id=\"about\">\n <div class=\"about-text\">\n <span class=\"eyebrow\">About Athena<\/span>\n <h2>Precision. Safety.<br>Reliability.<span class=\"gold-line\"><\/span><\/h2>\n <p>Athena Electrical delivers certified electrical solutions for homes and businesses across Lancashire \u2014 from full rewires and consumer-unit upgrades to commercial fit-outs and EV charger installation.<\/p>\n <p>Based at Northlight Estates in Brierfield, our work is grounded in the standards that matter: BS 7671 compliance, full insurance, and a craftsman's eye for the details others overlook.<\/p>\n <div class=\"about-signature\">\n <div class=\"signature-mark\">\n <svg viewBox=\"0 0 24 24\" fill=\"#d4a848\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M14 2 L4 14 H10 L8 22 L20 9 H14 L17 2 Z\"\/>\n <\/svg>\n <\/div>\n <div class=\"signature-text\">\n <small>Powering Solutions<\/small>\n <strong>Building Futures since day one.<\/strong>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"about-image\" role=\"img\" aria-label=\"Athena Electrical livery van\"><\/div>\n<\/section>\n\n\n<section class=\"why-section full-bleed\">\n <div class=\"section-head\">\n <h2 class=\"why-heading\">Why Choose Athena<span class=\"gold-line\"><\/span><\/h2>\n <p class=\"why-intro\">From a single socket replacement to a full commercial fit-out, every job is delivered to the same standard \u2014 certified, insured, and finished with the care of a craftsman who takes pride in their trade.<\/p>\n <\/div>\n <div class=\"why-grid\">\n <div class=\"why-box\">\n <div class=\"why-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2 L3 7 V12 C3 17 7 21 12 22 C17 21 21 17 21 12 V7 Z\"\/>\n <path d=\"M9 12 L11 14 L15 10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Fully Qualified & Certified<\/h3>\n <p>NICEIC registered electricians working to BS 7671 with full Part P compliance and public liability insurance.<\/p>\n <\/div>\n <div class=\"why-box\">\n <div class=\"why-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"3\" y=\"6\" width=\"18\" height=\"13\" rx=\"1\"\/>\n <path d=\"M3 10 H21\" stroke-linecap=\"round\"\/>\n <path d=\"M9 3 V6 M15 3 V6\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Domestic & Commercial<\/h3>\n <p>Rewires, lighting, EV chargers, fit-outs, periodic inspections \u2014 whatever the property, we deliver to spec.<\/p>\n <\/div>\n <div class=\"why-box\">\n <div class=\"why-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n <path d=\"M12 7 V12 L15 14\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Fast Response Times<\/h3>\n <p>Same-day call-outs across Lancashire, with transparent pricing and clear timelines before we begin.<\/p>\n <\/div>\n <div class=\"why-box\">\n <div class=\"why-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2 L15 8 L22 9 L17 14 L18 21 L12 18 L6 21 L7 14 L2 9 L9 8 Z\"\/>\n <\/svg>\n <\/div>\n <h3>Quality Workmanship<\/h3>\n <p>Clean finishes, considerate working practices, and a guarantee on every job \u2014 no shortcuts, no surprises.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testimonial full-bleed\">\n <blockquote>\n Athena Electrical took on our shop rewire on a tight deadline and delivered immaculate work. Tidy, professional, and clearly proud of what they do \u2014 exactly what you want from a tradesperson.\n <cite>\u2014 Local Business Owner, Nelson<\/cite>\n <\/blockquote>\n<\/section>\n\n\n<div class=\"contact-strip full-bleed\" id=\"contact\">\n <div class=\"contact-strip-inner\">\n <h2>Need a certified electrician?<\/h2>\n <p>Get a free, no-obligation quote within 24 hours. We cover Burnley, Nelson, Brierfield and the wider Lancashire area.<\/p>\n <a class=\"cta\" href=\"tel:07468457242\">Get Your Quote →<\/a>\n <\/div>\n<\/div>\n\n\n<footer id=\"footer\" class=\"full-bleed\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <a href=\"#home\" class=\"logo-mark\">\n <img decoding=\"async\" src=\"https:\/\/www.athena.pockly.co.uk\/wp-content\/uploads\/2026\/05\/athena-logo.png\" alt=\"Athena Electrical\" \/>\n <\/a>\n <p style=\"margin-top: 20px;\">Certified electrical installation, maintenance, inspection and consultancy across Lancashire.<\/p>\n <\/div>\n <div>\n <h4>Contact<\/h4>\n <div class=\"footer-contact-item\">07468 457242<\/div>\n <div class=\"footer-contact-item\">info@athena-electrical.co.uk<\/div>\n <div class=\"footer-contact-item\">athena-electrical.co.uk<\/div>\n <\/div>\n <div>\n <h4>Quick Links<\/h4>\n <ul>\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <div>© 2026 Athena Electrical. All rights reserved.<\/div>\n <div class=\"creds\">\n <span>NICEIC<\/span>\n <span>BS 7671<\/span>\n <span>Part P<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n (function() {\n var toggle = document.querySelector('.mobile-toggle');\n var nav = document.querySelector('header nav');\n if (!toggle || !nav) return;\n toggle.addEventListener('click', function() {\n var open = nav.classList.toggle('open');\n toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n toggle.innerHTML = open ? '×' : '☰';\n });\n nav.querySelectorAll('a').forEach(function(a) {\n a.addEventListener('click', function() {\n nav.classList.remove('open');\n toggle.setAttribute('aria-expanded', 'false');\n toggle.innerHTML = '☰';\n });\n });\n })();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Athena Electrical \u2014 Powering Solutions. Building Futures. Home Services About Contact Get Quote ☰ Certified Electricians \u00b7 Lancashire Powering Solutions.Building Futures. Trusted electrical work for homes and businesses across Lancashire. Book a Visit View Services ★ NICEIC Registered ✓ Fully Insured ⚡ 24\/7 Call-Outs ■INSTALLATION ■MAINTENANCE ■INSPECTION ■CONSULTANCY About Athena Precision. Safety.Reliability. Athena Electrical delivers […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":5,"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\n\nAthena Electrical \u2014 Powering Solutions. Building Futures.<\/title>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Oswald:wght@500;600;700&family=Montserrat:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* ===== BASE ===== *\/\n:root {\n --bg: #050505;\n --bg-soft: #0e0e0e;\n --bg-card: #131313;\n --line: rgba(212, 168, 72, 0.18);\n --text: #f4f4f4;\n --muted: #a8a8a8;\n --gold: #d4a848;\n --gold-bright: #e8c068;\n --gold-deep: #a8842e;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nhtml {\n scroll-behavior: smooth;\n scroll-padding-top: 90px;\n}\n\nsection[id], div[id], footer[id] {\n scroll-margin-top: 90px;\n}\n\nhtml, body {\n width: 100%;\n max-width: 100%;\n margin: 0;\n padding: 0;\n}\n\nbody {\n background: var(--bg);\n color: var(--text);\n font-family: \"Montserrat\", Arial, sans-serif;\n font-weight: 400;\n line-height: 1.65;\n overflow-x: hidden;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n\/* Break full-bleed sections out of any parent container (e.g. WordPress) *\/\n.full-bleed {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n}\n\nsection {\n padding: 110px 8%;\n}\n\nh1, h2, h3, h4 {\n font-family: \"Oswald\", \"Montserrat\", Arial, sans-serif;\n font-weight: 700;\n letter-spacing: 1.5px;\n line-height: 1.05;\n text-transform: uppercase;\n}\n\nh2 {\n font-size: clamp(32px, 4vw, 46px);\n margin-bottom: 18px;\n}\n\nh2 .gold-line {\n display: block;\n width: 60px;\n height: 2px;\n background: var(--gold);\n margin-top: 18px;\n}\n\np {\n color: var(--muted);\n font-size: 15.5px;\n}\n\n.gold { color: var(--gold); }\n.eyebrow {\n font-family: \"Montserrat\", Arial, sans-serif;\n font-size: 12px;\n letter-spacing: 4px;\n color: var(--gold);\n text-transform: uppercase;\n font-weight: 500;\n margin-bottom: 12px;\n display: inline-block;\n}\n\n\/* ===== HEADER ===== *\/\nheader {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n width: 100vw;\n background: rgba(5, 5, 5, 0.75);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n padding: 18px 8%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 50;\n border-bottom: 1px solid rgba(212, 168, 72, 0.12);\n transition: padding 0.3s ease;\n}\n\n.logo-mark {\n display: flex;\n align-items: center;\n text-decoration: none;\n color: var(--text);\n}\n\n.logo-mark img {\n height: 54px;\n width: auto;\n display: block;\n}\n\n.footer-brand .logo-mark img {\n height: 70px;\n}\n\nnav {\n display: flex;\n align-items: center;\n}\n\nnav a {\n margin-left: 34px;\n color: #e7e7e7;\n text-decoration: none;\n font-size: 13px;\n letter-spacing: 2px;\n text-transform: uppercase;\n font-weight: 400;\n position: relative;\n transition: color 0.25s;\n}\n\nnav a::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: -6px;\n width: 0;\n height: 1px;\n background: var(--gold);\n transition: width 0.3s ease;\n}\n\nnav a:hover {\n color: var(--gold);\n}\n\nnav a:hover::after {\n width: 100%;\n}\n\n.cta-btn {\n margin-left: 32px;\n padding: 11px 22px;\n background: var(--gold);\n color: #000;\n text-transform: uppercase;\n font-weight: 600;\n font-size: 12px;\n letter-spacing: 2px;\n border-radius: 2px;\n text-decoration: none;\n transition: all 0.25s ease;\n border: 1px solid var(--gold);\n}\n\n.cta-btn::after { display: none; }\n\n.cta-btn:hover {\n background: transparent;\n color: var(--gold);\n}\n\n.mobile-toggle {\n display: none;\n background: transparent;\n background-color: transparent;\n border: none;\n outline: none;\n color: var(--gold);\n font-size: 24px;\n cursor: pointer;\n padding: 6px 10px;\n -webkit-tap-highlight-color: transparent;\n -webkit-appearance: none;\n appearance: none;\n}\n\n.mobile-toggle:focus,\n.mobile-toggle:active,\n.mobile-toggle:hover {\n background: transparent;\n background-color: transparent;\n outline: none;\n color: var(--gold);\n}\n\n@media (max-width: 900px) {\n nav {\n display: none;\n position: fixed;\n top: 91px;\n left: 0;\n right: 0;\n background: rgba(5, 5, 5, 0.94);\n backdrop-filter: blur(18px) saturate(140%);\n -webkit-backdrop-filter: blur(18px) saturate(140%);\n flex-direction: column;\n padding: 8px 8% 18px;\n border-bottom: 1px solid rgba(212, 168, 72, 0.12);\n z-index: 49;\n }\n nav.open {\n display: flex;\n }\n nav a {\n margin: 0;\n font-size: 14px;\n letter-spacing: 2.5px;\n padding: 16px 0;\n border-bottom: 1px solid var(--line);\n }\n nav a:last-of-type {\n border-bottom: none;\n }\n nav a::after { display: none; }\n nav .cta-btn {\n margin: 16px 0 0;\n text-align: center;\n border-bottom: none;\n padding: 12px 22px;\n }\n .mobile-toggle { display: block; }\n}\n\n\/* ===== HERO ===== *\/\n.hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n position: relative;\n padding: 140px 8% 80px;\n background:\n linear-gradient(90deg, rgba(5,5,5,0.94) 0%, rgba(5,5,5,0.65) 55%, rgba(5,5,5,0.45) 100%),\n url(\"https:\/\/www.athena.pockly.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-15-at-16.37.01.jpeg\") center right \/ cover no-repeat;\n}\n\n.hero::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: radial-gradient(ellipse at 20% 50%, rgba(212,168,72,0.08) 0%, transparent 60%);\n pointer-events: none;\n}\n\n.hero-content {\n position: relative;\n max-width: 640px;\n z-index: 2;\n}\n\n.hero h1 {\n font-size: clamp(40px, 6vw, 68px);\n line-height: 1.05;\n margin-bottom: 22px;\n letter-spacing: 1px;\n}\n\n.hero h1 .accent {\n color: var(--gold);\n font-weight: 700;\n}\n\n.hero p.lead {\n font-size: 17px;\n color: #d4d4d4;\n margin-bottom: 38px;\n max-width: 520px;\n line-height: 1.7;\n}\n\n.hero-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n margin-bottom: 48px;\n}\n\n.hero-buttons a {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n height: 50px;\n padding: 0 32px;\n border-radius: 2px;\n text-decoration: none;\n font-size: 12px;\n letter-spacing: 2.5px;\n text-transform: uppercase;\n font-weight: 600;\n transition: all 0.25s ease;\n box-sizing: border-box;\n line-height: 1;\n}\n\n.btn-gold {\n background: var(--gold);\n color: #000;\n border: 1px solid var(--gold);\n}\n\n.btn-gold:hover {\n background: var(--gold-bright);\n border-color: var(--gold-bright);\n transform: translateY(-2px);\n box-shadow: 0 10px 25px rgba(212,168,72,0.25);\n}\n\n.btn-outline {\n border: 1px solid rgba(255,255,255,0.4);\n color: #fff;\n background: transparent;\n}\n\n.btn-outline:hover {\n border-color: var(--gold);\n color: var(--gold);\n}\n\n.hero-meta {\n display: flex;\n gap: 36px;\n flex-wrap: wrap;\n padding-top: 30px;\n border-top: 1px solid rgba(255,255,255,0.08);\n}\n\n.hero-meta .item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 12px;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #ddd;\n}\n\n.hero-meta .item span {\n color: var(--gold);\n font-size: 16px;\n}\n\n@media (max-width: 900px) {\n .hero {\n background:\n linear-gradient(180deg, rgba(5,5,5,0.82) 0%, rgba(5,5,5,0.95) 100%),\n url(\"https:\/\/www.athena.pockly.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-15-at-16.37.01.jpeg\") 78% center \/ cover no-repeat;\n text-align: center;\n padding: 95px 6% 60px;\n min-height: auto;\n }\n .hero-content { margin: 0 auto; max-width: 460px; }\n .hero .eyebrow { margin-bottom: 30px; font-size: 11px; letter-spacing: 3px; }\n .hero h1 {\n font-size: clamp(26px, 7.5vw, 38px);\n letter-spacing: 0.5px;\n margin-bottom: 30px;\n white-space: nowrap;\n }\n .hero p.lead {\n margin: 0 auto 30px;\n font-size: 15px;\n line-height: 1.55;\n color: #d8d8d8;\n max-width: 320px;\n }\n .hero-buttons {\n justify-content: center;\n margin-bottom: 30px;\n flex-wrap: nowrap;\n gap: 10px;\n }\n .hero-buttons a {\n height: 46px;\n padding: 0 18px;\n font-size: 11px;\n letter-spacing: 1.5px;\n flex: 0 1 auto;\n }\n .hero-meta {\n justify-content: center;\n gap: 18px;\n padding-top: 30px;\n flex-wrap: wrap;\n }\n .hero-meta .item {\n font-size: 10.5px;\n letter-spacing: 1.5px;\n gap: 7px;\n }\n}\n\n\/* ===== SERVICES STRIP ===== *\/\n.services-strip {\n background: #0a0a0a;\n border-top: 1px solid var(--line);\n border-bottom: 1px solid var(--line);\n padding: 32px 8%;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 20px;\n align-items: center;\n}\n\n.strip-item {\n text-align: center;\n letter-spacing: 4px;\n font-size: 13px;\n font-weight: 500;\n color: #e7e7e7;\n position: relative;\n}\n\n.strip-item:not(:last-child)::after {\n content: \"\";\n position: absolute;\n right: -10px;\n top: 50%;\n transform: translateY(-50%);\n width: 1px;\n height: 22px;\n background: var(--line);\n}\n\n.strip-item .dot {\n display: inline-block;\n color: var(--gold);\n margin-right: 10px;\n font-size: 8px;\n vertical-align: middle;\n}\n\n.strip-inner {\n display: inline-block;\n position: relative;\n}\n\n@media (max-width: 900px) {\n .services-strip {\n grid-template-columns: 1fr;\n gap: 22px;\n padding: 36px 8%;\n }\n .strip-item {\n text-align: center;\n padding: 10px 0;\n font-size: 20px;\n letter-spacing: 5px;\n font-weight: 600;\n }\n .strip-item .dot {\n font-size: 10px;\n margin-right: 10px;\n }\n \/* Disable desktop ::after on mobile *\/\n .strip-item:not(:last-child)::after {\n display: none;\n }\n \/* Faint line that matches the text width *\/\n .strip-item:not(:last-child) .strip-inner::after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n bottom: -14px;\n width: 100%;\n height: 1px;\n background: var(--line);\n }\n}\n\n\/* ===== ABOUT ===== *\/\n.about {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 70px;\n align-items: center;\n}\n\n.about-text .eyebrow { margin-bottom: 14px; }\n\n.about-text p {\n margin-bottom: 18px;\n}\n\n.about-signature {\n display: flex;\n align-items: center;\n gap: 18px;\n margin-top: 30px;\n padding-top: 26px;\n border-top: 1px solid rgba(255,255,255,0.08);\n}\n\n.signature-mark {\n width: 46px;\n height: 46px;\n border: 1px solid var(--gold);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.signature-mark svg { width: 22px; height: 22px; }\n\n.signature-text small {\n display: block;\n font-size: 11px;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n}\n\n.signature-text strong {\n font-size: 14px;\n color: #fff;\n font-weight: 500;\n}\n\n.about-image {\n height: 460px;\n background:\n linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.45) 100%),\n url(\"https:\/\/www.athena.pockly.co.uk\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-15-at-16.37.01.jpeg\") 75% center \/ cover no-repeat;\n position: relative;\n border-radius: 4px;\n overflow: hidden;\n}\n\n.about-image::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, transparent 60%, rgba(212,168,72,0.15) 100%);\n}\n\n.about-image::before {\n content: \"\";\n position: absolute;\n top: 20px;\n left: 20px;\n right: 20px;\n bottom: 20px;\n border: 1px solid rgba(212,168,72,0.3);\n z-index: 2;\n pointer-events: none;\n}\n\n@media (max-width: 900px) {\n .about {\n grid-template-columns: 1fr;\n gap: 40px;\n }\n .about-image {\n height: 320px;\n background-position: 78% center;\n }\n}\n\n\/* ===== WHY CHOOSE US ===== *\/\n.why-section {\n background: var(--bg-soft);\n text-align: center;\n}\n\n.why-section .section-head {\n max-width: 640px;\n margin: 0 auto 60px;\n text-align: center;\n}\n\n.why-section h2 .gold-line {\n margin: 24px auto 0;\n}\n\n.why-heading {\n font-size: clamp(32px, 4vw, 46px);\n letter-spacing: 0.5px;\n display: inline-block;\n}\n\n.why-heading .gold-line {\n width: 100%;\n margin: 24px 0 0;\n background: var(--line);\n}\n\n.why-intro {\n max-width: 640px;\n margin: 32px auto 0;\n font-size: 16px;\n line-height: 1.75;\n color: #c4c4c4;\n}\n\n.why-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 22px;\n text-align: left;\n}\n\n.why-box {\n background: var(--bg-card);\n padding: 38px 28px;\n border-radius: 4px;\n border: 1px solid transparent;\n transition: all 0.35s ease;\n position: relative;\n overflow: hidden;\n}\n\n.why-box::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 2px;\n background: var(--gold);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform 0.4s ease;\n}\n\n.why-box:hover {\n background: #181818;\n border-color: rgba(212,168,72,0.25);\n transform: translateY(-4px);\n}\n\n.why-box:hover::before {\n transform: scaleX(1);\n}\n\n.why-icon {\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 22px;\n color: var(--gold);\n}\n\n.why-icon svg {\n width: 36px;\n height: 36px;\n}\n\n.why-box h3 {\n font-size: 22px;\n margin-bottom: 12px;\n color: #fff;\n}\n\n.why-box p {\n font-size: 14px;\n line-height: 1.65;\n}\n\n@media (max-width: 900px) {\n .why-grid {\n grid-template-columns: 1fr 1fr;\n }\n}\n@media (max-width: 560px) {\n .why-grid {\n grid-template-columns: 1fr;\n }\n}\n\n\/* ===== PROJECTS ===== *\/\n.projects-section .section-head {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n margin-bottom: 50px;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.projects-section .section-head a {\n color: var(--gold);\n text-decoration: none;\n font-size: 12px;\n letter-spacing: 3px;\n text-transform: uppercase;\n border-bottom: 1px solid var(--gold);\n padding-bottom: 4px;\n transition: all 0.25s;\n}\n\n.projects-section .section-head a:hover {\n color: var(--gold-bright);\n}\n\n.projects-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 22px;\n}\n\n.project-tile {\n height: 280px;\n background: var(--bg-card);\n border-radius: 4px;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n border: 1px solid rgba(255,255,255,0.04);\n}\n\n.project-tile::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(212,168,72,0.06), rgba(0,0,0,0.4));\n z-index: 1;\n}\n\n.project-tile .label {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 24px;\n z-index: 2;\n background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.85) 100%);\n}\n\n.project-tile .label small {\n font-size: 11px;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n display: block;\n margin-bottom: 6px;\n}\n\n.project-tile .label h4 {\n font-size: 20px;\n color: #fff;\n}\n\n.project-tile:hover {\n border-color: rgba(212,168,72,0.4);\n}\n\n.project-tile:hover::before {\n background: linear-gradient(135deg, rgba(212,168,72,0.12), rgba(0,0,0,0.5));\n}\n\n@media (max-width: 900px) {\n .projects-grid { grid-template-columns: 1fr 1fr; }\n}\n@media (max-width: 600px) {\n .projects-grid { grid-template-columns: 1fr; }\n}\n\n\/* ===== TESTIMONIAL ===== *\/\n.testimonial {\n background: var(--bg-soft);\n text-align: center;\n padding: 100px 8%;\n position: relative;\n}\n\n.testimonial::before, .testimonial::after {\n content: \"\";\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n width: 80px;\n height: 1px;\n background: var(--gold);\n}\n.testimonial::before { top: 50px; }\n.testimonial::after { bottom: 50px; }\n\n.testimonial blockquote {\n max-width: 760px;\n margin: 0 auto;\n font-family: \"Montserrat\", Arial, sans-serif;\n font-size: clamp(22px, 2.6vw, 28px);\n line-height: 1.5;\n color: #f4f4f4;\n font-style: italic;\n font-weight: 400;\n text-transform: none;\n}\n\n.testimonial blockquote::before {\n content: \"\";\n display: block;\n font-size: 60px;\n color: var(--gold);\n line-height: 0.5;\n margin-bottom: 20px;\n font-style: normal;\n}\n\n.testimonial cite {\n display: block;\n margin-top: 26px;\n font-family: \"Montserrat\", Arial, sans-serif;\n font-size: 11px;\n letter-spacing: 4px;\n text-transform: uppercase;\n color: var(--gold);\n font-style: normal;\n}\n\n\/* ===== CONTACT STRIP ===== *\/\n.contact-strip {\n background: linear-gradient(135deg, var(--gold) 0%, var(--gold-deep) 100%);\n color: #000;\n padding: 80px 8%;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n\n.contact-strip::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image:\n radial-gradient(circle at 10% 50%, rgba(255,255,255,0.08) 0%, transparent 40%),\n radial-gradient(circle at 90% 50%, rgba(0,0,0,0.15) 0%, transparent 40%);\n}\n\n.contact-strip-inner {\n position: relative;\n z-index: 2;\n}\n\n.contact-strip h2 {\n color: #000;\n font-size: clamp(30px, 4vw, 42px);\n margin-bottom: 16px;\n}\n\n.contact-strip p {\n color: rgba(0,0,0,0.75);\n max-width: 540px;\n margin: 0 auto 32px;\n font-size: 15px;\n}\n\n.contact-strip a.cta {\n background: #000;\n color: var(--gold);\n padding: 16px 36px;\n border-radius: 2px;\n text-decoration: none;\n letter-spacing: 3px;\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n display: inline-block;\n transition: all 0.25s;\n border: 1px solid #000;\n}\n\n.contact-strip a.cta:hover {\n background: transparent;\n color: #000;\n}\n\n\/* ===== FOOTER ===== *\/\nfooter {\n background: #020202;\n padding: 80px 8% 30px;\n border-top: 1px solid rgba(212,168,72,0.12);\n}\n\n.footer-grid {\n display: grid;\n grid-template-columns: 1.4fr 1fr 1fr;\n gap: 50px;\n margin-bottom: 60px;\n}\n\n.footer-brand .logo-mark { margin-bottom: 20px; }\n\n.footer-brand p {\n font-size: 14px;\n line-height: 1.7;\n max-width: 320px;\n}\n\nfooter h4 {\n font-family: \"Montserrat\", Arial, sans-serif;\n font-size: 12px;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 22px;\n font-weight: 600;\n}\n\nfooter ul {\n list-style: none;\n}\n\nfooter ul li {\n margin-bottom: 11px;\n}\n\nfooter ul li a, footer ul li {\n color: #b4b4b4;\n text-decoration: none;\n font-size: 14px;\n transition: color 0.2s;\n}\n\nfooter ul li a:hover {\n color: var(--gold);\n}\n\n.footer-contact-item {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n margin-bottom: 14px;\n color: #b4b4b4;\n font-size: 14px;\n}\n\n.footer-contact-item span {\n color: var(--gold);\n font-size: 14px;\n width: 18px;\n flex-shrink: 0;\n margin-top: 2px;\n}\n\n.footer-bottom {\n border-top: 1px solid rgba(255,255,255,0.06);\n padding-top: 26px;\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 16px;\n font-size: 12px;\n letter-spacing: 1px;\n color: #777;\n}\n\n.footer-bottom .creds {\n display: flex;\n gap: 18px;\n}\n\n.footer-bottom .creds span {\n padding: 6px 12px;\n border: 1px solid rgba(212,168,72,0.25);\n border-radius: 2px;\n font-size: 10px;\n letter-spacing: 2px;\n color: var(--gold);\n text-transform: uppercase;\n}\n\n@media (max-width: 900px) {\n .footer-grid {\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n }\n}\n@media (max-width: 560px) {\n .footer-grid { grid-template-columns: 1fr; }\n .footer-bottom { flex-direction: column; text-align: center; align-items: center; }\n}\n\n\/* ===== ANIMATIONS ===== *\/\n@keyframes fadeUp {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.hero-content > * {\n animation: fadeUp 0.8s ease forwards;\n opacity: 0;\n}\n.hero-content > *:nth-child(1) { animation-delay: 0.1s; }\n.hero-content > *:nth-child(2) { animation-delay: 0.25s; }\n.hero-content > *:nth-child(3) { animation-delay: 0.4s; }\n.hero-content > *:nth-child(4) { animation-delay: 0.55s; }\n.hero-content > *:nth-child(5) { animation-delay: 0.7s; }\n<\/style>\n<\/head>\n\n<body>\n\n\n<header>\n <a href=\"#home\" class=\"logo-mark\">\n <img decoding=\"async\" src=\"https:\/\/www.athena.pockly.co.uk\/wp-content\/uploads\/2026\/05\/athena-logo.png\" alt=\"Athena Electrical\" \/>\n <\/a>\n <nav>\n <a href=\"#home\">Home<\/a>\n <a href=\"#services\">Services<\/a>\n <a href=\"#about\">About<\/a>\n <a href=\"#contact\">Contact<\/a>\n <a class=\"cta-btn\" href=\"#contact\">Get Quote<\/a>\n <\/nav>\n <button class=\"mobile-toggle\" aria-label=\"Menu\" aria-expanded=\"false\">☰<\/button>\n<\/header>\n\n\n<section class=\"hero full-bleed\" id=\"home\">\n <div class=\"hero-content\">\n <span class=\"eyebrow\">Certified Electricians \u00b7 Lancashire<\/span>\n <h1>Powering Solutions.<br><span class=\"accent\">Building Futures.<\/span><\/h1>\n <p class=\"lead\">Trusted electrical work for homes and businesses across Lancashire.<\/p>\n <div class=\"hero-buttons\">\n <a class=\"btn-gold\" href=\"#footer\">Book a Visit<\/a>\n <a class=\"btn-outline\" href=\"#services\">View Services<\/a>\n <\/div>\n <div class=\"hero-meta\">\n <div class=\"item\"><span>★<\/span> NICEIC Registered<\/div>\n <div class=\"item\"><span>✓<\/span> Fully Insured<\/div>\n <div class=\"item\"><span>⚡<\/span> 24\/7 Call-Outs<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<div class=\"services-strip full-bleed\" id=\"services\">\n <div class=\"strip-item\"><span class=\"strip-inner\"><span class=\"dot\">■<\/span>INSTALLATION<\/span><\/div>\n <div class=\"strip-item\"><span class=\"strip-inner\"><span class=\"dot\">■<\/span>MAINTENANCE<\/span><\/div>\n <div class=\"strip-item\"><span class=\"strip-inner\"><span class=\"dot\">■<\/span>INSPECTION<\/span><\/div>\n <div class=\"strip-item\"><span class=\"strip-inner\"><span class=\"dot\">■<\/span>CONSULTANCY<\/span><\/div>\n<\/div>\n\n\n<section class=\"about\" id=\"about\">\n <div class=\"about-text\">\n <span class=\"eyebrow\">About Athena<\/span>\n <h2>Precision. Safety.<br>Reliability.<span class=\"gold-line\"><\/span><\/h2>\n <p>Athena Electrical delivers certified electrical solutions for homes and businesses across Lancashire \u2014 from full rewires and consumer-unit upgrades to commercial fit-outs and EV charger installation.<\/p>\n <p>Based at Northlight Estates in Brierfield, our work is grounded in the standards that matter: BS 7671 compliance, full insurance, and a craftsman's eye for the details others overlook.<\/p>\n <div class=\"about-signature\">\n <div class=\"signature-mark\">\n <svg viewBox=\"0 0 24 24\" fill=\"#d4a848\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M14 2 L4 14 H10 L8 22 L20 9 H14 L17 2 Z\"\/>\n <\/svg>\n <\/div>\n <div class=\"signature-text\">\n <small>Powering Solutions<\/small>\n <strong>Building Futures since day one.<\/strong>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"about-image\" role=\"img\" aria-label=\"Athena Electrical livery van\"><\/div>\n<\/section>\n\n\n<section class=\"why-section full-bleed\">\n <div class=\"section-head\">\n <h2 class=\"why-heading\">Why Choose Athena<span class=\"gold-line\"><\/span><\/h2>\n <p class=\"why-intro\">From a single socket replacement to a full commercial fit-out, every job is delivered to the same standard \u2014 certified, insured, and finished with the care of a craftsman who takes pride in their trade.<\/p>\n <\/div>\n <div class=\"why-grid\">\n <div class=\"why-box\">\n <div class=\"why-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2 L3 7 V12 C3 17 7 21 12 22 C17 21 21 17 21 12 V7 Z\"\/>\n <path d=\"M9 12 L11 14 L15 10\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Fully Qualified & Certified<\/h3>\n <p>NICEIC registered electricians working to BS 7671 with full Part P compliance and public liability insurance.<\/p>\n <\/div>\n <div class=\"why-box\">\n <div class=\"why-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <rect x=\"3\" y=\"6\" width=\"18\" height=\"13\" rx=\"1\"\/>\n <path d=\"M3 10 H21\" stroke-linecap=\"round\"\/>\n <path d=\"M9 3 V6 M15 3 V6\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Domestic & Commercial<\/h3>\n <p>Rewires, lighting, EV chargers, fit-outs, periodic inspections \u2014 whatever the property, we deliver to spec.<\/p>\n <\/div>\n <div class=\"why-box\">\n <div class=\"why-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <circle cx=\"12\" cy=\"12\" r=\"9\"\/>\n <path d=\"M12 7 V12 L15 14\" stroke-linecap=\"round\"\/>\n <\/svg>\n <\/div>\n <h3>Fast Response Times<\/h3>\n <p>Same-day call-outs across Lancashire, with transparent pricing and clear timelines before we begin.<\/p>\n <\/div>\n <div class=\"why-box\">\n <div class=\"why-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M12 2 L15 8 L22 9 L17 14 L18 21 L12 18 L6 21 L7 14 L2 9 L9 8 Z\"\/>\n <\/svg>\n <\/div>\n <h3>Quality Workmanship<\/h3>\n <p>Clean finishes, considerate working practices, and a guarantee on every job \u2014 no shortcuts, no surprises.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"testimonial full-bleed\">\n <blockquote>\n Athena Electrical took on our shop rewire on a tight deadline and delivered immaculate work. Tidy, professional, and clearly proud of what they do \u2014 exactly what you want from a tradesperson.\n <cite>\u2014 Local Business Owner, Nelson<\/cite>\n <\/blockquote>\n<\/section>\n\n\n<div class=\"contact-strip full-bleed\" id=\"contact\">\n <div class=\"contact-strip-inner\">\n <h2>Need a certified electrician?<\/h2>\n <p>Get a free, no-obligation quote within 24 hours. We cover Burnley, Nelson, Brierfield and the wider Lancashire area.<\/p>\n <a class=\"cta\" href=\"tel:07468457242\">Get Your Quote →<\/a>\n <\/div>\n<\/div>\n\n\n<footer id=\"footer\" class=\"full-bleed\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <a href=\"#home\" class=\"logo-mark\">\n <img decoding=\"async\" src=\"https:\/\/www.athena.pockly.co.uk\/wp-content\/uploads\/2026\/05\/athena-logo.png\" alt=\"Athena Electrical\" \/>\n <\/a>\n <p style=\"margin-top: 20px;\">Certified electrical installation, maintenance, inspection and consultancy across Lancashire.<\/p>\n <\/div>\n <div>\n <h4>Contact<\/h4>\n <div class=\"footer-contact-item\">07468 457242<\/div>\n <div class=\"footer-contact-item\">info@athena-electrical.co.uk<\/div>\n <div class=\"footer-contact-item\">athena-electrical.co.uk<\/div>\n <\/div>\n <div>\n <h4>Quick Links<\/h4>\n <ul>\n <li><a href=\"#home\">Home<\/a><\/li>\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#about\">About<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <div>© 2026 Athena Electrical. All rights reserved.<\/div>\n <div class=\"creds\">\n <span>NICEIC<\/span>\n <span>BS 7671<\/span>\n <span>Part P<\/span>\n <\/div>\n <\/div>\n<\/footer>\n\n<script>\n (function() {\n var toggle = document.querySelector('.mobile-toggle');\n var nav = document.querySelector('header nav');\n if (!toggle || !nav) return;\n toggle.addEventListener('click', function() {\n var open = nav.classList.toggle('open');\n toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n toggle.innerHTML = open ? '×' : '☰';\n });\n nav.querySelectorAll('a').forEach(function(a) {\n a.addEventListener('click', function() {\n nav.classList.remove('open');\n toggle.setAttribute('aria-expanded', 'false');\n toggle.innerHTML = '☰';\n });\n });\n })();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Athena Electrical \u2014 Powering Solutions. Building Futures. Home Services About Contact Get Quote ☰ Certified Electricians \u00b7 Lancashire Powering Solutions.Building Futures. Trusted electrical work for homes and businesses across Lancashire. Book a Visit View Services ★ NICEIC Registered ✓ Fully Insured ⚡ 24\/7 Call-Outs ■INSTALLATION ■MAINTENANCE ■INSPECTION ■CONSULTANCY About Athena Precision. Safety.Reliability. Athena Electrical delivers […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":5,"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/www.athena.pockly.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}