{"id":94,"date":"2026-10-17T14:27:18","date_gmt":"2026-10-17T06:27:18","guid":{"rendered":"http:\/\/9xg.bc9.mytemp.website\/?page_id=94"},"modified":"2026-10-23T11:41:24","modified_gmt":"2026-10-23T03:41:24","slug":"services","status":"publish","type":"page","link":"https:\/\/9xg.bc9.mytemp.website\/?page_id=94","title":{"rendered":"Services"},"content":{"rendered":"\n<style>\n.tht-services{--ink:#151b20;--panel:#20282f;--muted:#aeb6bc;--yellow:#f6c400;--paper:#f4f4f1;color:#f7f7f4;font-family:inherit;line-height:1.65;background:var(--ink);overflow:hidden}.tht-services *{box-sizing:border-box}.tht-services a{color:inherit}.tht-services .wrap{width:min(1160px,calc(100% - 48px));margin:auto}.tht-services .hero{padding:88px 0 74px;background:radial-gradient(ellipse at 84% 18%,rgba(255,255,255,.08),transparent 31%),linear-gradient(135deg,#141a1f,#20282f 68%,#161c21)}.tht-services .eyebrow{display:flex;align-items:center;gap:10px;color:var(--yellow);font-size:12px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.tht-services .eyebrow:before{content:'';width:7px;height:7px;background:var(--yellow);border-radius:50%;box-shadow:0 0 12px rgba(246,196,0,.5)}.tht-services h1,.tht-services h2,.tht-services h3{font-family:inherit;line-height:1.08;letter-spacing:-.025em;margin:0 0 18px}.tht-services h1{font-size:clamp(42px,6vw,76px);max-width:850px;text-transform:uppercase}.tht-services h1 span{color:#aeb6bc}.tht-services h2{font-size:clamp(30px,4vw,46px);color:#171d22}.tht-services h3{font-size:22px}.tht-services p{margin:0 0 16px}.tht-services .lead{max-width:780px;color:#d6dade;font-size:18px}.tht-services .hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:48px;align-items:center}.tht-services .hero-card{padding:28px;background:rgba(32,40,47,.92);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 54px rgba(0,0,0,.2)}.tht-services .hero-card .label,.tht-services .small-label{display:block;color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tht-services .hero-card strong{display:block;font-size:25px;margin:9px 0}.tht-services .hero-card p{color:#c5cbd0;font-size:14px}.tht-services .hero-card ul{list-style:none;margin:18px 0 0;padding:0}.tht-services .hero-card li{padding:10px 0;border-top:1px solid rgba(255,255,255,.13);color:#e3e6e8;font-size:13px}.tht-services .hero-card li:before{content:'\u2022';color:var(--yellow);margin-right:9px}.tht-services .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;background:var(--yellow);color:#171d22;text-decoration:none;font-weight:800;font-size:14px;min-height:48px}.tht-services .btn:hover{background:#ffdb3b}.tht-services .btn.outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}.tht-services .btn.outline:hover{border-color:var(--yellow);color:var(--yellow)}.tht-services .trustbar{background:#fff;color:#343a3f}.tht-services .trustbar .wrap{display:flex;justify-content:space-between;gap:22px;padding:16px 0;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tht-services .trustbar span:before{content:'\u2022';color:#d5ad00;margin-right:9px}.tht-services .section{padding:78px 0}.tht-services .light{background:var(--paper);color:#20262b}.tht-services .section-intro{max-width:790px;color:#5e666c}.tht-services .service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}.tht-services .service-card{display:flex;flex-direction:column;padding:28px;background:#fff;border:1px solid #e4e5e3;min-height:275px}.tht-services .service-card .num{color:#aa8900;font-size:11px;font-weight:900;letter-spacing:.12em}.tht-services .service-card h3{color:#20262b;margin:11px 0}.tht-services .service-card p{color:#626a70;font-size:14px;flex:1}.tht-services .service-card .card-link{display:inline-flex;align-items:center;gap:8px;color:#665400;font-weight:800;text-decoration:none;margin-top:10px}.tht-services .service-card .card-link:hover{text-decoration:underline}.tht-services .service-card.featured{background:#20282f;color:#fff;border-color:#20282f}.tht-services .service-card.featured h3{color:#fff}.tht-services .service-card.featured p{color:#c5cbd0}.tht-services .service-card.featured .card-link{color:var(--yellow)}.tht-services .two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.tht-services .dark-card{padding:30px;background:#20282f;border:1px solid rgba(255,255,255,.1)}.tht-services .dark-card strong{font-size:22px;display:block;margin:9px 0}.tht-services .dark-card p{color:#c5cbd0}.tht-services .benefits{list-style:none;padding:0;margin:20px 0 0}.tht-services .benefits li{padding:11px 0;border-top:1px solid rgba(255,255,255,.13);color:#e3e6e8}.tht-services .benefits li:before{content:'\u2713';color:var(--yellow);font-weight:900;margin-right:10px}.tht-services .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.tht-services .process{padding:24px;background:#fff;border:1px solid #e3e5e5}.tht-services .process b{color:#b18e00;font-size:11px;letter-spacing:.12em}.tht-services .process h3{color:#20262b;margin:10px 0}.tht-services .process p{color:#626a70;font-size:14px;margin:0}.tht-services .coverage{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:30px;background:#20282f}.tht-services .coverage h3{margin:8px 0;color:#fff}.tht-services .coverage p{color:#c5cbd0;margin:0}.tht-services .faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.tht-services .faq article{padding:22px;background:#fff;border:1px solid #e3e5e5}.tht-services .faq h3{font-size:18px;color:#20262b;margin:0 0 9px}.tht-services .faq p{color:#626a70;font-size:14px;margin:0}.tht-services .closing{text-align:center;padding:72px 20px;background:linear-gradient(135deg,#222a30,#141a1f)}.tht-services .closing h2{color:#fff}.tht-services .closing p{max-width:670px;margin:0 auto 24px;color:#d2d7da}.tht-services .closing-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}\n@media(max-width:760px){.tht-services .wrap{width:min(100% - 34px,560px)}.tht-services .hero{padding:56px 0 46px}.tht-services .hero-grid,.tht-services .two-col{grid-template-columns:1fr;gap:28px}.tht-services .hero-card{padding:22px}.tht-services .lead{font-size:16px}.tht-services .trustbar .wrap{overflow:hidden;justify-content:flex-start;flex-wrap:wrap;gap:9px 18px;font-size:9px}.tht-services .section{padding:54px 0}.tht-services .service-grid,.tht-services .faq{grid-template-columns:1fr;gap:12px}.tht-services .service-card{min-height:0}.tht-services .process-grid{grid-template-columns:1fr;gap:12px}.tht-services .coverage{grid-template-columns:1fr;gap:20px}.tht-services .closing{padding:55px 17px}}\n\n\/* Services page: clear header and quieter, more legible introduction. *\/\n\n\n\n\n\n.tht-services .hero{background:#f4f4f1!important;color:#20262b!important;padding:clamp(150px,13vw,184px) 0 72px!important}\n.tht-services .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)!important;gap:clamp(40px,7vw,92px)!important}\n.tht-services .hero .eyebrow{color:#8a6b00!important}\n.tht-services .hero h1{font-size:clamp(46px,5.5vw,68px)!important;max-width:720px!important;line-height:1.04!important;color:#20262b!important;margin-bottom:22px!important;text-transform:none!important;letter-spacing:-.035em!important}\n.tht-services .hero h1 span{color:#8a6b00!important}\n.tht-services .hero .lead{max-width:650px!important;color:#565e64!important;font-size:17px!important;line-height:1.7!important}\n.tht-services .hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}\n.tht-services .hero .btn{background:#20282f!important;color:#fff!important}\n.tht-services .hero .btn:hover{background:#323c44!important}\n.tht-services .hero-phone{color:#20262b!important;text-decoration:none;font-size:14px;font-weight:800;border-bottom:1px solid rgba(21,27,32,.28);padding:9px 0}\n.tht-services .hero-card{background:#20282f!important;border:1px solid rgba(21,27,32,.12)!important;box-shadow:0 22px 50px rgba(21,27,32,.13)!important;padding:30px!important}\n.tht-services .hero-card strong{font-size:23px!important;line-height:1.2!important}\n.tht-services .hero-card p{line-height:1.6!important}\n.tht-services .hero-card-link{display:inline-flex;gap:8px;align-items:center;margin-top:15px;color:#f6c400!important;font-weight:800;text-decoration:none}\n.tht-services .section.light{background:#fff!important}\n.tht-services .service-grid{gap:16px!important}\n.tht-services .service-card{background:#f4f4f1!important;border:1px solid #e4e5e3!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-height:260px!important}\n.tht-services .service-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(21,27,32,.09);border-color:#d6c36b!important}\n.tht-services .service-card.featured{background:#20282f!important;border-color:#20282f!important}\n.tht-services .service-card.featured:hover{border-color:#b69516!important}\n.tht-services .section-intro{line-height:1.75!important}\n@media(max-width:760px){.tht-services .hero{padding:142px 0 48px!important}.tht-services .hero-grid{grid-template-columns:1fr!important;gap:26px!important}.tht-services .hero h1{font-size:clamp(40px,11vw,54px)!important;margin-bottom:16px!important}.tht-services .hero .lead{font-size:16px!important}.tht-services .hero-card{padding:22px!important}.tht-services .service-card:hover{transform:none;box-shadow:none}}\n\n\/* Match the homepage header and keep the Services page hero simple. *\/\n\n\n\n\n.tht-services .hero{padding:clamp(145px,12vw,176px) 0 62px!important;background:#151b20!important;color:#fff!important}\n.tht-services .hero .eyebrow{color:#f6c400!important}\n.tht-services .hero h1,.tht-services .hero h1 span{color:#fff!important}\n.tht-services .hero h1 span{color:#f6c400!important}\n.tht-services .hero .lead{color:#d0d5d9!important}\n.tht-services .hero .hero-phone{color:#fff!important;border-color:rgba(255,255,255,.35)!important}\n.tht-services .hero .hero-card{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:none!important}\n.tht-services .hero .hero-card strong{color:#fff!important}\n.tht-services .hero .hero-card p,.tht-services .hero .hero-card li{color:#cbd1d5!important}\n.tht-services .hero .hero-card-link{color:#f6c400!important}\n.tht-services .hero .btn{background:#f6c400!important;color:#202020!important}\n.tht-services .hero .btn:hover{background:#ffdb3b!important}\n@media(max-width:760px){.tht-services .hero{padding:132px 0 44px!important}}\n\n\n@media(max-width:950px){}\n\n\/* Services page visual refresh: image-led hero, service photography and homepage header treatment. *\/\n.tht-services .hero{position:relative;padding:132px 0 88px;min-height:690px;display:flex;align-items:center;background:linear-gradient(120deg,#13191e 0%,#20282f 62%,#151b20 100%)}\n.tht-services .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:clamp(38px,6vw,84px);align-items:center}\n.tht-services .hero-copy{position:relative;z-index:2;max-width:650px}\n.tht-services .hero-copy .eyebrow{margin-bottom:20px}\n.tht-services .hero h1{max-width:650px;font-size:clamp(42px,5.4vw,72px);line-height:1.02;letter-spacing:-.035em;text-transform:none;margin:0 0 22px;color:#f7f7f4}\n.tht-services .hero h1 span{color:var(--yellow)}\n.tht-services .hero .lead{max-width:570px;font-size:clamp(16px,1.5vw,19px);line-height:1.7;color:#d6dade;margin-bottom:28px}\n.tht-services .hero-proof{display:flex;gap:30px;margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.18)}\n.tht-services .hero-proof span{font-size:12px;color:#c5cbd0;letter-spacing:.03em}\n.tht-services .hero-proof strong{font-size:20px;color:var(--yellow);margin-right:5px}\n.tht-services .hero-media{position:relative;min-width:0;height:clamp(360px,43vw,550px);isolation:isolate}\n.tht-services .hero-media>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 65px rgba(0,0,0,.34)}\n.tht-services .hero-image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,15,.02) 38%,rgba(8,12,15,.72) 100%);pointer-events:none}\n.tht-services .hero-caption{position:absolute;left:24px;right:24px;bottom:24px;display:grid;gap:6px;color:#fff}\n.tht-services .hero-caption span{font-size:10px;letter-spacing:.16em;font-weight:800;color:var(--yellow)}\n.tht-services .hero-caption strong{font-size:clamp(18px,2vw,24px);line-height:1.2}\n.tht-services .hero-stamp{position:absolute;z-index:2;right:-30px;top:28px;width:124px;height:124px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--yellow);color:#171d22!important;text-decoration:none;text-align:center;border:5px solid rgba(21,27,32,.8);box-shadow:0 10px 30px rgba(0,0,0,.26)}\n.tht-services .hero-stamp span{font-size:9px;font-weight:900;letter-spacing:.1em}\n.tht-services .hero-stamp strong{font-size:16px;line-height:1.05;text-transform:uppercase}\n.tht-services .visual-showcase{padding:62px 0 72px;background:#f4f4f1;color:#171d22}\n.tht-services .showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}\n.tht-services .showcase-heading .eyebrow{margin:0 0 8px;color:#9b7d00}\n.tht-services .showcase-heading h2{max-width:560px;margin:0;font-size:clamp(26px,3.2vw,38px)}\n.tht-services .showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}\n.tht-services .showcase-card{position:relative;overflow:hidden;margin:0;aspect-ratio:1.48;background:#20282f;isolation:isolate}\n.tht-services .showcase-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,16,0) 35%,rgba(10,14,16,.82) 100%);z-index:1}\n.tht-services .showcase-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}\n.tht-services .showcase-card:hover img{transform:scale(1.04)}\n.tht-services .showcase-card figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:grid;gap:5px;color:#fff}\n.tht-services .showcase-card figcaption span{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--yellow)}\n.tht-services .showcase-card figcaption strong{font-size:20px;line-height:1.2}\n\n\n\n\n@media(max-width:950px){.tht-services .hero{padding:118px 0 64px;min-height:0}.tht-services .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:34px}.tht-services .hero-stamp{right:-18px;width:108px;height:108px}.tht-services .visual-showcase{padding:48px 0 56px}.tht-services .showcase-grid{gap:12px}}\n@media(max-width:680px){.tht-services .hero{padding:112px 0 48px}.tht-services .hero-grid{grid-template-columns:1fr;gap:34px}.tht-services .hero h1{font-size:clamp(40px,11vw,54px);max-width:550px}.tht-services .hero .lead{font-size:16px}.tht-services .hero-media{height:clamp(290px,78vw,410px);margin-right:12px}.tht-services .hero-stamp{right:-12px;top:16px;width:94px;height:94px;border-width:4px}.tht-services .hero-stamp strong{font-size:13px}.tht-services .hero-caption{left:16px;right:16px;bottom:16px}.tht-services .hero-proof{gap:18px;margin-top:26px}.tht-services .hero-proof strong{font-size:18px}.tht-services .showcase-heading{display:block;margin-bottom:18px}.tht-services .showcase-grid{grid-template-columns:1fr;gap:14px}.tht-services .showcase-card{aspect-ratio:1.42}.tht-services .showcase-card figcaption{left:16px;bottom:15px}.tht-services .showcase-card figcaption strong{font-size:18px}}\n\/* Services introduction: light editorial layout, intentionally distinct from the home hero. *\/\n.tht-services .services-intro{padding:142px 0 66px;background:#f4f4f1;color:#171d22}\n.tht-services .services-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(36px,6vw,78px);align-items:center}\n.tht-services .services-intro-copy{max-width:590px}\n.tht-services .services-intro .eyebrow{display:flex;gap:10px;align-items:center;margin:0 0 18px;color:#806900;font-size:11px;letter-spacing:.16em;font-weight:900;text-transform:uppercase}\n.tht-services .services-intro .eyebrow span{color:#c2a321}\n.tht-services .services-intro h1{max-width:570px;margin:0 0 18px;color:#171d22;font-size:clamp(38px,4.6vw,60px);line-height:1.04;letter-spacing:-.035em;text-transform:none}\n.tht-services .services-intro h1 em{font-style:normal;color:#887000}\n.tht-services .services-intro-lead{max-width:510px;margin:0 0 25px;color:#5c6469;font-size:17px;line-height:1.7}\n.tht-services .services-intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}\n.tht-services .intro-primary{display:inline-flex;align-items:center;gap:15px;padding:15px 20px;background:#f6c400;color:#171d22!important;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s ease}\n.tht-services .intro-primary:hover{background:#e8b900}\n.tht-services .intro-primary span{font-size:18px}\n.tht-services .intro-call{color:#20282f!important;font-size:13px;font-weight:800;text-decoration:none;border-bottom:1px solid #b9aa70;padding:7px 0}\n.tht-services .services-intro-note{margin:24px 0 0;color:#747b7e;font-size:11px;letter-spacing:.06em}\n.tht-services .services-intro-visual{position:relative;margin:0;padding:0 0 22px 22px;min-width:0}\n.tht-services .services-intro-visual:before{content:'';position:absolute;z-index:0;inset:22px 0 0 0;border:1px solid #d4c681}\n.tht-services .services-intro-visual img{position:relative;z-index:1;display:block;width:100%;height:clamp(310px,34vw,430px);object-fit:cover;object-position:center 55%}\n.tht-services .services-intro-visual figcaption{position:relative;z-index:2;width:calc(100% - 28px);margin:-52px 0 0 auto;padding:15px 18px;background:#fff;box-shadow:0 8px 24px rgba(21,27,32,.08);display:grid;gap:4px}\n.tht-services .services-intro-visual figcaption span{color:#887000;font-size:9px;font-weight:900;letter-spacing:.15em}\n.tht-services .services-intro-visual figcaption strong{color:#20262b;font-size:17px;line-height:1.25}\n\n@media(max-width:950px){.tht-services .services-intro{padding:126px 0 54px}.tht-services .services-intro-grid{gap:34px}.tht-services .services-intro-visual img{height:350px}}\n@media(max-width:680px){.tht-services .services-intro{padding:112px 0 42px}.tht-services .services-intro-grid{grid-template-columns:1fr;gap:30px}.tht-services .services-intro h1{font-size:clamp(38px,10.5vw,48px)}.tht-services .services-intro-lead{font-size:16px}.tht-services .services-intro-note{margin-top:18px}.tht-services .services-intro-visual{padding-left:12px;padding-bottom:18px}.tht-services .services-intro-visual:before{top:14px}.tht-services .services-intro-visual img{height:clamp(250px,72vw,340px)}.tht-services .services-intro-visual figcaption{width:calc(100% - 18px);padding:12px 14px;margin-top:-44px}.tht-services .services-intro-visual figcaption strong{font-size:15px}}<\/style>\n<main class=\"tht-services\" id=\"thunder-services\">\n<section class=\"services-intro\" aria-label=\"Thunder Home Tinting services\"><img fetchpriority=\"high\" decoding=\"async\" class=\"services-title-photo\" src=\"https:\/\/9xg.bc9.mytemp.website\/wp-content\/uploads\/2026\/10\/thunder-services-dusk-glazing-20261022.jpg\" alt=\"\" width=\"1800\" height=\"1200\" loading=\"eager\" aria-hidden=\"true\" fetchpriority=\"high\"><div class=\"services-glitter\" aria-hidden=\"true\"><span style=\"--speck-x: 3%; --speck-speed: 12s; --speck-delay: 0.00s; --speck-size: 4px; --speck-drift: 8px;\"><\/span><span style=\"--speck-x: 8%; --speck-speed: 13s; --speck-delay: -2.37s; --speck-size: 3px; --speck-drift: -9px;\"><\/span><span style=\"--speck-x: 13%; --speck-speed: 14s; --speck-delay: -4.74s; --speck-size: 3px; --speck-drift: 10px;\"><\/span><span style=\"--speck-x: 18%; --speck-speed: 15s; --speck-delay: -7.11s; --speck-size: 3px; --speck-drift: -11px;\"><\/span><span style=\"--speck-x: 23%; --speck-speed: 16s; --speck-delay: -9.48s; --speck-size: 4px; --speck-drift: 12px;\"><\/span><span style=\"--speck-x: 28%; --speck-speed: 17s; --speck-delay: -11.85s; --speck-size: 3px; --speck-drift: -13px;\"><\/span><span style=\"--speck-x: 33%; --speck-speed: 18s; --speck-delay: -14.22s; --speck-size: 3px; --speck-drift: 14px;\"><\/span><span style=\"--speck-x: 38%; --speck-speed: 12s; --speck-delay: -4.59s; --speck-size: 3px; --speck-drift: -15px;\"><\/span><span style=\"--speck-x: 43%; --speck-speed: 13s; --speck-delay: -5.96s; --speck-size: 4px; --speck-drift: 16px;\"><\/span><span style=\"--speck-x: 48%; --speck-speed: 14s; --speck-delay: -7.33s; --speck-size: 3px; --speck-drift: -17px;\"><\/span><span style=\"--speck-x: 53%; --speck-speed: 15s; --speck-delay: -8.70s; --speck-size: 3px; --speck-drift: 18px;\"><\/span><span style=\"--speck-x: 58%; --speck-speed: 16s; --speck-delay: -10.07s; --speck-size: 3px; --speck-drift: -19px;\"><\/span><span style=\"--speck-x: 63%; --speck-speed: 17s; --speck-delay: -11.44s; --speck-size: 4px; --speck-drift: 20px;\"><\/span><span style=\"--speck-x: 68%; --speck-speed: 18s; --speck-delay: -12.81s; --speck-size: 3px; --speck-drift: -8px;\"><\/span><span style=\"--speck-x: 73%; --speck-speed: 12s; --speck-delay: -9.18s; --speck-size: 3px; --speck-drift: 9px;\"><\/span><span style=\"--speck-x: 78%; --speck-speed: 13s; --speck-delay: -9.55s; --speck-size: 3px; --speck-drift: -10px;\"><\/span><span style=\"--speck-x: 83%; --speck-speed: 14s; --speck-delay: -9.92s; --speck-size: 4px; --speck-drift: 11px;\"><\/span><span style=\"--speck-x: 88%; --speck-speed: 15s; --speck-delay: -10.29s; --speck-size: 3px; --speck-drift: -12px;\"><\/span><span style=\"--speck-x: 93%; --speck-speed: 16s; --speck-delay: -10.66s; --speck-size: 3px; --speck-drift: 13px;\"><\/span><span style=\"--speck-x: 97%; --speck-speed: 17s; --speck-delay: -11.03s; --speck-size: 3px; --speck-drift: -14px;\"><\/span><span style=\"--speck-x: 10%; --speck-speed: 18s; --speck-delay: -11.40s; --speck-size: 4px; --speck-drift: 15px;\"><\/span><span style=\"--speck-x: 30%; --speck-speed: 12s; --speck-delay: -1.77s; --speck-size: 3px; --speck-drift: -16px;\"><\/span><span style=\"--speck-x: 70%; --speck-speed: 13s; --speck-delay: -0.14s; --speck-size: 3px; --speck-drift: 17px;\"><\/span><span style=\"--speck-x: 90%; --speck-speed: 14s; --speck-delay: -12.51s; --speck-size: 3px; --speck-drift: -18px;\"><\/span><span style=\"--speck-x: 5%; --speck-speed: 15s; --speck-delay: -11.88s; --speck-size: 4px; --speck-drift: 19px;\"><\/span><span style=\"--speck-x: 16%; --speck-speed: 16s; --speck-delay: -11.25s; --speck-size: 3px; --speck-drift: -20px;\"><\/span><span style=\"--speck-x: 26%; --speck-speed: 17s; --speck-delay: -10.62s; --speck-size: 3px; --speck-drift: 8px;\"><\/span><span style=\"--speck-x: 41%; --speck-speed: 18s; --speck-delay: -9.99s; --speck-size: 3px; --speck-drift: -9px;\"><\/span><span style=\"--speck-x: 57%; --speck-speed: 12s; --speck-delay: -6.36s; --speck-size: 4px; --speck-drift: 10px;\"><\/span><span style=\"--speck-x: 76%; --speck-speed: 13s; --speck-delay: -3.73s; --speck-size: 3px; --speck-drift: -11px;\"><\/span><span style=\"--speck-x: 86%; --speck-speed: 14s; --speck-delay: -1.10s; --speck-size: 3px; --speck-drift: 12px;\"><\/span><span style=\"--speck-x: 95%; --speck-speed: 15s; --speck-delay: -13.47s; --speck-size: 3px; --speck-drift: -13px;\"><\/span><\/div><div class=\"wrap services-intro-grid\"><div class=\"services-intro-copy\" data-reveal=\"\"><p class=\"eyebrow\">Our services <span aria-hidden=\"true\">\/<\/span> Perth &amp; WA<\/p><h1>Window tinting for <em>every kind of space.<\/em><\/h1><p class=\"services-intro-lead\">From a sunlit home to a busy workplace or your car, find a film solution that fits your glass and what matters to you.<\/p><div class=\"services-intro-actions\"><a class=\"intro-primary\" href=\"#service-options\">Explore our services <span aria-hidden=\"true\">\u2198<\/span><\/a><a class=\"intro-call\" href=\"tel:+61416444545\">Or call 0416 444 545<\/a><button type=\"button\" class=\"motion-toggle icon-button\" aria-label=\"Pause animations\" aria-pressed=\"false\" title=\"Pause animations\"><i data-lucide=\"pause\" aria-hidden=\"true\"><\/i><\/button><\/div><p class=\"services-intro-note\">Thoughtful recommendations. Careful local installation.<\/p><\/div><\/div><\/section>\n<div class=\"trustbar\"><div class=\"wrap\"><span>Residential properties<\/span><span>Commercial spaces<\/span><span>Automotive tinting<\/span><span>Perth &amp; Peel<\/span><\/div><\/div><section class=\"visual-showcase\" aria-label=\"Window tinting for homes, businesses and installation\"><div class=\"wrap\"><div class=\"showcase-heading\" data-reveal=\"\"><p class=\"eyebrow\">A closer look<\/p><h2>Made for the way you use your space.<\/h2><\/div><div class=\"showcase-grid\"><figure class=\"showcase-card\" data-reveal=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/9xg.bc9.mytemp.website\/wp-content\/uploads\/2026\/10\/thunder-services-residential-20261022.jpg\" alt=\"Bright living room with a large window and staircase\" loading=\"lazy\" width=\"1400\" height=\"900\"><figcaption><span>01 \/ RESIDENTIAL<\/span><strong>Light-filled homes<\/strong><\/figcaption><\/figure><figure class=\"showcase-card\" data-reveal=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/9xg.bc9.mytemp.website\/wp-content\/uploads\/2026\/10\/thunder-services-commercial-20261022.jpg\" alt=\"Open workspace with desks and daylight from large windows\" loading=\"lazy\" width=\"1400\" height=\"932\"><figcaption><span>02 \/ COMMERCIAL<\/span><strong>Comfortable workspaces<\/strong><\/figcaption><\/figure><figure class=\"showcase-card\" data-reveal=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/9xg.bc9.mytemp.website\/wp-content\/uploads\/2026\/10\/thunder-glass-door-project-20261022.jpg\" alt=\"Finished residential glass door from Thunder Home Tinting's project gallery\" loading=\"lazy\" width=\"1204\" height=\"1600\"><figcaption><span>03 \/ INSTALLATION<\/span><strong>Care in every detail<\/strong><\/figcaption><\/figure><\/div><\/div><\/section>\n<section class=\"section light\" id=\"service-options\"><div class=\"wrap\"><p class=\"eyebrow\" data-reveal=\"\">Explore our services<\/p><h2 data-reveal=\"\">One team. A range of tinting solutions.<\/h2><p class=\"section-intro\" data-reveal=\"\">Every property and project is different. Explore our services below, then visit the dedicated service page for more details or get in touch to discuss what may suit your requirements.<\/p><div class=\"service-grid\"><article class=\"service-card featured\" data-reveal=\"\"><details class=\"service-detail\"><summary><span class=\"service-icon\" aria-hidden=\"true\"><i data-lucide=\"house\"><\/i><\/span><span class=\"num\">01 \/ HOMES \u00b7 BUSINESSES \u00b7 GLASS<\/span><h3>Window tinting<\/h3><span class=\"service-detail-toggle\" aria-hidden=\"true\"><i data-lucide=\"chevron-down\"><\/i><\/span><\/summary><p>Residential and commercial window films to help manage solar heat, glare, privacy and UV exposure. We consider glass type, light and the outcome you want before recommending a suitable option.<\/p><\/details><a class=\"card-link\" href=\"https:\/\/9xg.bc9.mytemp.website\/?page_id=61\">Explore Window Tinting Perth <span aria-hidden=\"true\">\u2197<\/span><\/a><\/article><article class=\"service-card\" data-reveal=\"\"><details class=\"service-detail\"><summary><span class=\"service-icon\" aria-hidden=\"true\"><i data-lucide=\"car\"><\/i><\/span><span class=\"num\">02 \/ VEHICLES<\/span><h3>Car window tinting<\/h3><span class=\"service-detail-toggle\" aria-hidden=\"true\"><i data-lucide=\"chevron-down\"><\/i><\/span><\/summary><p>Automotive films to improve cabin comfort, reduce unwanted sunlight and support UV protection. Learn about tint shades, visibility and relevant Western Australian requirements.<\/p><\/details><a class=\"card-link\" href=\"https:\/\/9xg.bc9.mytemp.website\/?page_id=69\">Explore Car Tinting Perth <span aria-hidden=\"true\">\u2197<\/span><\/a><\/article><article class=\"service-card\" data-reveal=\"\"><details class=\"service-detail\"><summary><span class=\"service-icon\" aria-hidden=\"true\"><i data-lucide=\"sun-dim\"><\/i><\/span><span class=\"num\">03 \/ SOLAR CONTROL<\/span><h3>Heat &amp; glare reduction<\/h3><span class=\"service-detail-toggle\" aria-hidden=\"true\"><i data-lucide=\"chevron-down\"><\/i><\/span><\/summary><p>Selected solar-control films can help reduce solar heat and manage uncomfortable glare while retaining the light and appearance you prefer. The right result depends on your glazing and film selection.<\/p><\/details><a class=\"card-link\" href=\"https:\/\/9xg.bc9.mytemp.website\/?page_id=61\">Explore window film options <span aria-hidden=\"true\">\u2197<\/span><\/a><\/article><article class=\"service-card\" data-reveal=\"\"><details class=\"service-detail\"><summary><span class=\"service-icon\" aria-hidden=\"true\"><i data-lucide=\"scan-line\"><\/i><\/span><span class=\"num\">04 \/ DAYTIME PRIVACY<\/span><h3>Privacy window films<\/h3><span class=\"service-detail-toggle\" aria-hidden=\"true\"><i data-lucide=\"chevron-down\"><\/i><\/span><\/summary><p>Privacy films can help reduce outside visibility in suitable applications and lighting conditions. We\u2019ll discuss how the film behaves in day and night lighting before you choose.<\/p><\/details><a class=\"card-link\" href=\"https:\/\/9xg.bc9.mytemp.website\/?page_id=61\">Discuss privacy options <span aria-hidden=\"true\">\u2197<\/span><\/a><\/article><article class=\"service-card\" data-reveal=\"\"><details class=\"service-detail\"><summary><span class=\"service-icon\" aria-hidden=\"true\"><i data-lucide=\"shield-check\"><\/i><\/span><span class=\"num\">05 \/ GLASS PROTECTION<\/span><h3>Safety window films<\/h3><span class=\"service-detail-toggle\" aria-hidden=\"true\"><i data-lucide=\"chevron-down\"><\/i><\/span><\/summary><p>Safety films can help hold glass fragments together after breakage. Film type, glazing compatibility and installation requirements are considered for each application.<\/p><\/details><a class=\"card-link\" href=\"https:\/\/9xg.bc9.mytemp.website\/?page_id=61\">Learn about suitable films <span aria-hidden=\"true\">\u2197<\/span><\/a><\/article><article class=\"service-card\" data-reveal=\"\"><details class=\"service-detail\"><summary><span class=\"service-icon\" aria-hidden=\"true\"><i data-lucide=\"building-2\"><\/i><\/span><span class=\"num\">06 \/ COMMERCIAL SPACES<\/span><h3>Business window tinting<\/h3><span class=\"service-detail-toggle\" aria-hidden=\"true\"><i data-lucide=\"chevron-down\"><\/i><\/span><\/summary><p>Explore window film options for offices, retail stores and other commercial properties looking to improve comfort, reduce glare or add suitable privacy.<\/p><\/details><a class=\"card-link\" href=\"https:\/\/9xg.bc9.mytemp.website\/?page_id=61\">Explore commercial tinting <span aria-hidden=\"true\">\u2197<\/span><\/a><\/article><\/div><\/div><\/section>\n<section class=\"section services-recommendations\"><div class=\"wrap two-col\"><div data-reveal=\"\"><p class=\"eyebrow\">How we help<\/p><h2>Recommendations made for your glass.<\/h2><p class=\"lead\">We don\u2019t assume one film suits every window. We consider your glazing, sunlight exposure, privacy needs and preferred appearance, then explain suitable options and what to expect from them.<\/p><a class=\"btn\" href=\"https:\/\/9xg.bc9.mytemp.website\/?page_id=61\">Learn about window tinting <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><aside class=\"dark-card\" data-reveal=\"\"><span class=\"small-label\">A practical starting point<\/span><strong>Tell us what you want to change.<\/strong><p>Share a little about your property and priorities. We can discuss options, installation requirements and availability for your location.<\/p><ul class=\"benefits\"><li>Heat and sunlight concerns<\/li><li>Glare or privacy requirements<\/li><li>Residential, commercial or vehicle<\/li><li>Location and project scope<\/li><\/ul><\/aside><figure class=\"services-intro-visual\" data-reveal=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/9xg.bc9.mytemp.website\/wp-content\/uploads\/2026\/10\/thunder-services-recommendation-20261022.jpg\" alt=\"Contemporary house with large areas of exterior glazing\" width=\"1400\" height=\"933\" loading=\"lazy\"><figcaption><span>WINDOW FILM, CHOSEN FOR YOUR SPACE<\/span><strong>More comfort. Just the right light.<\/strong><\/figcaption><\/figure><\/div><\/section>\n<section class=\"section light services-process-section\"><div class=\"wrap\"><p class=\"eyebrow\" data-reveal=\"\">From enquiry to installation<\/p><h2 data-reveal=\"\">A clear process, step by step.<\/h2><p class=\"section-intro\" data-reveal=\"\">We\u2019ll help you understand your options and what happens next, from the first conversation to aftercare.<\/p><div class=\"process-grid\"><article class=\"process\" data-reveal=\"\"><span class=\"process-icon\" aria-hidden=\"true\"><i data-lucide=\"message-square\"><\/i><\/span><b>01 \/ DISCUSS<\/b><h3>Tell us about your project<\/h3><p>Share your location, glass or vehicle type, and what you would like the film to help with.<\/p><\/article><article class=\"process\" data-reveal=\"\"><span class=\"process-icon\" aria-hidden=\"true\"><i data-lucide=\"scan-line\"><\/i><\/span><b>02 \/ CONSIDER<\/b><h3>Explore suitable options<\/h3><p>We discuss film features, compatibility, appearance and any installation requirements relevant to your project.<\/p><\/article><article class=\"process\" data-reveal=\"\"><span class=\"process-icon\" aria-hidden=\"true\"><i data-lucide=\"calendar-check\"><\/i><\/span><b>03 \/ PLAN<\/b><h3>Confirm the next steps<\/h3><p>We\u2019ll explain pricing and availability, arrange the work, and provide aftercare guidance.<\/p><\/article><\/div><figure class=\"services-process-photo\" data-reveal=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/9xg.bc9.mytemp.website\/wp-content\/uploads\/2026\/10\/thunder-services-process-20261022.jpg\" alt=\"Person reviewing project drawings at a desk\" width=\"1400\" height=\"788\" loading=\"lazy\"><\/figure><\/div><\/section>\n<section class=\"section services-faq-section\"><div class=\"wrap\"><p class=\"eyebrow\" data-reveal=\"\">Questions about window tinting?<\/p><h2 data-reveal=\"\">A few helpful things to know.<\/h2><div class=\"faq\"><details class=\"service-faq\" data-reveal=\"\"><summary><h3>Which film is right for my windows?<\/h3><span class=\"faq-toggle\" aria-hidden=\"true\"><i data-lucide=\"plus\"><\/i><\/span><\/summary><p>It depends on your glass type, sunlight exposure, privacy needs and preferred appearance. Tell us what you want to improve and we can discuss suitable options.<\/p><\/details><details class=\"service-faq\" data-reveal=\"\"><summary><h3>Do you work with homes and businesses?<\/h3><span class=\"faq-toggle\" aria-hidden=\"true\"><i data-lucide=\"plus\"><\/i><\/span><\/summary><p>Yes. We provide residential and commercial window tinting and can discuss your property type, project size and installation requirements.<\/p><\/details><details class=\"service-faq\" data-reveal=\"\"><summary><h3>Can window film help with heat and glare?<\/h3><span class=\"faq-toggle\" aria-hidden=\"true\"><i data-lucide=\"plus\"><\/i><\/span><\/summary><p>Selected solar-control films can help reduce solar heat and manage glare. Performance varies by film and glazing, so we\u2019ll explain relevant product features.<\/p><\/details><details class=\"service-faq\" data-reveal=\"\"><summary><h3>Where do you provide service?<\/h3><span class=\"faq-toggle\" aria-hidden=\"true\"><i data-lucide=\"plus\"><\/i><\/span><\/summary><p>We serve metropolitan Perth and the Peel region, with regional Western Australian projects considered by arrangement. Availability depends on location and project requirements.<\/p><\/details><\/div><figure class=\"services-faq-photo\" data-reveal=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/9xg.bc9.mytemp.website\/wp-content\/uploads\/2026\/10\/thunder-services-faq-20261022.jpg\" alt=\"Living room with tall windows and light curtains\" width=\"1400\" height=\"933\" loading=\"lazy\"><\/figure><\/div><\/section>\n<section class=\"section light services-coverage-section\"><div class=\"wrap\"><p class=\"eyebrow\" data-reveal=\"\">Service areas<\/p><h2 data-reveal=\"\">Perth, Peel and enquiries across WA.<\/h2><p class=\"section-intro\" data-reveal=\"\">We provide residential and commercial window tinting across metropolitan Perth and the Peel region. Regional Western Australian projects may be considered by arrangement depending on location, access, scheduling and property requirements.<\/p><div class=\"coverage\" data-reveal=\"\"><div><span class=\"small-label\">Tell us your suburb and project details<\/span><h3>We\u2019ll help confirm what\u2019s possible.<\/h3><p>Share your location and what you need so the team can advise on service availability.<\/p><\/div><a class=\"btn\" href=\"https:\/\/9xg.bc9.mytemp.website\/?page_id=77\">View areas we cover <span aria-hidden=\"true\">\u2197<\/span><\/a><\/div><figure class=\"services-coverage-photo\" data-reveal=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/9xg.bc9.mytemp.website\/wp-content\/uploads\/2026\/10\/thunder-services-coverage-20261022.jpg\" alt=\"Perth skyline and Swan River viewed from Kings Park\" width=\"1600\" height=\"900\" loading=\"lazy\"><\/figure><\/div><\/section>\n<section class=\"closing\"><img loading=\"lazy\" decoding=\"async\" class=\"services-closing-photo\" src=\"https:\/\/9xg.bc9.mytemp.website\/wp-content\/uploads\/2026\/10\/thunder-services-closing-20261022.jpg\" alt=\"\" width=\"1800\" height=\"1224\" loading=\"lazy\" aria-hidden=\"true\"><div class=\"wrap\"><p class=\"eyebrow\" style=\"justify-content:center\" data-reveal=\"\">Start with a conversation<\/p><h2 data-reveal=\"\">Let\u2019s find the right service for you.<\/h2><p data-reveal=\"\">Contact Thunder Home Tinting to talk through your property, explore suitable film options and request a free quote.<\/p><div class=\"closing-actions\" data-reveal=\"\"><a class=\"btn\" href=\"https:\/\/9xg.bc9.mytemp.website\/?page_id=83\">Get a free quote<\/a><a class=\"btn outline\" href=\"tel:+61416444545\">Call 0416 444 545<\/a><\/div><\/div><\/section>\n<\/main>\n<style id=\"thunder-services-refinement\">#thunder-services { --ink: #202020; --panel: #202020; --yellow: #ffd32b; --paper: #f4f4f4; background: rgb(255, 255, 255) !important; color: rgb(32, 32, 32) !important; font-family: Manrope, Verdana, sans-serif; font-size: 16px !important; line-height: 1.75 !important; overflow: clip; }\n#thunder-services * { letter-spacing: 0px !important; }\n#thunder-services .wrap { width: min(1200px, 100% - 80px); margin-inline: auto; }\n#thunder-services :is(h1, h2, h3) { font-family: var(--thunder-display,\"Barlow Condensed\",Impact,sans-serif); font-weight: 600; line-height: 1.04 !important; color: rgb(32, 32, 32) !important; text-transform: none !important; text-wrap: balance; }\n#thunder-services h1 { font-size: 68px !important; max-width: 620px !important; margin-top: 0px; margin-right: 0px; margin-bottom: 24px !important; margin-left: 0px; }\n#thunder-services h2 { font-size: 48px !important; max-width: 760px !important; margin-top: 0px; margin-right: 0px; margin-bottom: 24px !important; margin-left: 0px; }\n#thunder-services h3 { font-size: 30px !important; margin-top: 0px; margin-right: 0px; margin-bottom: 16px !important; margin-left: 0px; }\n#thunder-services p { color: rgb(98, 98, 98) !important; line-height: 1.8 !important; }\n#thunder-services .eyebrow { font-size: 11px !important; line-height: 1.5 !important; color: rgb(101, 101, 101) !important; gap: 10px !important; margin-top: 0px; margin-right: 0px; margin-bottom: 20px !important; margin-left: 0px; }\n#thunder-services .eyebrow::before { width: 20px; height: 3px; flex: 0 0 auto; background: rgb(255, 211, 43) !important; border-radius: 0px; box-shadow: none !important; }\n#thunder-services .section { padding: 84px 0px !important; background: rgb(244, 244, 244) !important; color: rgb(32, 32, 32) !important; }\n#thunder-services .section.light { background: rgb(255, 255, 255) !important; color: rgb(32, 32, 32) !important; }\n#thunder-services .section-intro { max-width: 780px !important; margin-top: 0px; margin-right: 0px; margin-bottom: 36px !important; margin-left: 0px; font-size: 16px !important; color: rgb(98, 98, 98) !important; }\n#thunder-services .services-intro { padding: 72px 0px 80px !important; background: rgb(255, 255, 255) !important; }\n#thunder-services .services-intro-grid { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; gap: 64px !important; align-items: center; }\n#thunder-services .services-intro-lead { font-size: 17px !important; max-width: 560px !important; }\n#thunder-services .services-intro-note { font-size: 12px !important; margin-top: 24px; margin-right: 0px; margin-bottom: 0px !important; margin-left: 0px; color: rgb(114, 114, 114) !important; }\n#thunder-services .services-intro-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px !important; margin-top: 28px; }\n#thunder-services .services-intro-visual { margin-top: 0px; margin-right: 0px; margin-bottom: 0px !important; margin-left: 0px; background: rgb(244, 244, 244) !important; border: 0px !important; border-radius: 0px; box-shadow: none !important; overflow: hidden; transform: none; }\n#thunder-services .services-intro-visual img { display: block; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; transform: none; }\n#thunder-services .services-intro-visual figcaption { position: static; display: block; padding: 17px 20px !important; background: rgb(255, 211, 43) !important; color: rgb(32, 32, 32) !important; border: 0px !important; font-size: 12px !important; line-height: 1.6 !important; }\n#thunder-services :is(.btn, .card-link) { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px !important; min-height: 50px !important; padding: 14px 20px !important; background: rgb(255, 211, 43) !important; border: 1px solid rgb(255, 211, 43) !important; border-radius: 0px; color: rgb(32, 32, 32) !important; font-family: Manrope, Verdana, sans-serif; font-size: 12px !important; font-weight: 800; line-height: 1.5 !important; text-decoration: none; transition: background 0.2s, color 0.2s, border-color 0.2s; }\n#thunder-services :is(.btn, .card-link):hover { background: rgb(32, 32, 32) !important; border-color: rgb(32, 32, 32) !important; color: rgb(255, 211, 43) !important; }\n#thunder-services :is(a, button, summary):focus-visible { outline: rgb(32, 32, 32) solid 3px; outline-offset: 4px; }\n#thunder-services .motion-toggle { display: grid; place-items: center; flex: 0 0 50px; width: 50px; height: 50px; padding: 0px !important; border: 1px solid rgb(222, 222, 222) !important; border-radius: 0px; background: rgb(255, 255, 255) !important; color: rgb(32, 32, 32) !important; }\n#thunder-services .motion-toggle svg { width: 18px; height: 18px; }\n#thunder-services .visual-showcase { padding: 76px 0px 84px !important; background: rgb(244, 244, 244) !important; }\n#thunder-services .showcase-heading { max-width: 760px !important; margin-bottom: 34px !important; }\n#thunder-services .showcase-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 24px !important; }\n#thunder-services .showcase-card { margin-top: 0px; margin-right: 0px; margin-bottom: 0px !important; margin-left: 0px; border: 0px !important; border-radius: 0px; background: rgb(255, 255, 255) !important; box-shadow: none !important; overflow: hidden; }\n#thunder-services .showcase-card img { display: block; width: 100%; height: auto; aspect-ratio: 3 \/ 2; object-fit: contain; background: rgb(244, 244, 244) !important; transform: none; filter: none; }\n#thunder-services .showcase-card::before, #thunder-services .showcase-card::after { display: none; }\n#thunder-services .showcase-card figcaption { position: static; inset: auto; padding: 20px 22px !important; background: rgb(255, 211, 43) !important; color: rgb(32, 32, 32) !important; min-height: 108px !important; }\n#thunder-services .showcase-card figcaption strong { display: block; font-family: var(--thunder-display,\"Barlow Condensed\",Impact,sans-serif); font-size: 28px !important; font-weight: 600; line-height: 1.1 !important; color: rgb(32, 32, 32) !important; margin-bottom: 8px !important; }\n#thunder-services .showcase-card figcaption span { font-size: 12px !important; line-height: 1.65 !important; color: rgb(57, 57, 57) !important; }\n#thunder-services .service-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 24px !important; margin-top: 36px; }\n#thunder-services .service-card, #thunder-services .service-card.featured { display: flex; flex-direction: column; align-items: stretch; gap: 0px !important; min-width: 0px; padding: 30px 28px 26px !important; background: rgb(255, 255, 255) !important; border-width: 3px 1px 1px !important; border-style: solid !important; border-color: rgb(255, 211, 43) rgb(227, 227, 227) rgb(227, 227, 227) !important; border-image: none !important; border-radius: 4px; color: rgb(32, 32, 32) !important; box-shadow: rgba(32, 32, 32, 0.03) 0px 6px 20px !important; transition: transform 0.25s, box-shadow 0.25s; }\n#thunder-services .service-card:hover { transform: translateY(-4px); box-shadow: rgba(32, 32, 32, 0.07) 0px 12px 28px !important; }\n#thunder-services .service-icon { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 auto; background: rgb(255, 211, 43) !important; margin-bottom: 24px !important; color: rgb(32, 32, 32) !important; }\n#thunder-services .service-icon svg { width: 22px; height: 22px; stroke-width: 1.6; }\n#thunder-services .service-card .num { display: block; font-size: 10px !important; font-weight: 700; line-height: 1.7 !important; color: rgb(115, 115, 115) !important; margin-top: 0px; margin-right: 0px; margin-bottom: 14px !important; margin-left: 0px; }\n#thunder-services .service-card h3 { font-size: 30px !important; color: rgb(32, 32, 32) !important; }\n#thunder-services .service-card p { color: rgb(98, 98, 98) !important; font-size: 14px !important; line-height: 1.85 !important; margin-top: 0px; margin-right: 0px; margin-bottom: 24px !important; margin-left: 0px; }\n#thunder-services .service-card .card-link { margin-top: auto; width: 100%; font-size: 11px !important; padding: 14px 15px !important; }\n#thunder-services .two-col { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr) !important; gap: 72px !important; align-items: start; }\n#thunder-services .two-col .lead { font-size: 16px !important; color: rgb(98, 98, 98) !important; margin-bottom: 26px !important; }\n#thunder-services .dark-card { padding: 4px 0px 4px 36px !important; background: transparent !important; border-width: 0px 0px 0px 3px !important; border-style: none none none solid !important; border-color: currentcolor currentcolor currentcolor rgb(255, 211, 43) !important; border-image: none !important; border-radius: 0px; box-shadow: none !important; color: rgb(32, 32, 32) !important; }\n#thunder-services .small-label { color: rgb(104, 104, 104) !important; font-size: 11px !important; line-height: 1.6 !important; font-weight: 700; }\n#thunder-services .dark-card strong { display: block; margin-top: 16px; margin-right: 0px; margin-bottom: 16px !important; margin-left: 0px; font-family: var(--thunder-display,\"Barlow Condensed\",Impact,sans-serif); font-size: 34px !important; line-height: 1.1 !important; font-weight: 600; color: rgb(32, 32, 32) !important; }\n#thunder-services .dark-card p, #thunder-services .benefits li { color: rgb(98, 98, 98) !important; font-size: 14px !important; line-height: 1.8 !important; }\n#thunder-services .benefits li { border-color: rgb(222, 222, 222) !important; }\n#thunder-services .benefits li::before { color: rgb(32, 32, 32) !important; background: rgb(255, 211, 43) !important; }\n#thunder-services .process-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)) !important; gap: 40px !important; margin-top: 44px; }\n#thunder-services .process { background: transparent !important; border-width: 2px 0px 0px !important; border-style: solid none none !important; border-color: rgb(222, 222, 222) currentcolor currentcolor !important; border-image: none !important; border-radius: 0px; padding: 28px 0px 0px !important; box-shadow: none !important; }\n#thunder-services .process .num, #thunder-services .process > span { display: block; width: auto; height: auto; background: transparent !important; font-family: var(--thunder-display,\"Barlow Condensed\",Impact,sans-serif); font-size: 54px !important; line-height: 1 !important; color: rgb(176, 176, 176) !important; margin-bottom: 24px !important; }\n#thunder-services .process h3 { font-size: 30px !important; }\n#thunder-services .process p { font-size: 14px !important; }\n#thunder-services .faq { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 0px 44px !important; margin-top: 36px; align-items: start; }\n#thunder-services .service-faq { background: transparent !important; border-width: 1px 0px 0px !important; border-style: solid none none !important; border-color: rgb(217, 217, 217) currentcolor currentcolor !important; border-image: none !important; border-radius: 0px; padding: 0px !important; }\n#thunder-services .service-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 24px !important; min-height: 86px !important; padding: 22px 0px !important; list-style: none; cursor: pointer; }\n#thunder-services .service-faq summary::-webkit-details-marker { display: none; }\n#thunder-services .service-faq h3 { font-family: Manrope, Verdana, sans-serif; font-size: 15px !important; line-height: 1.6 !important; font-weight: 700; margin-top: 0px; margin-right: 0px; margin-bottom: 0px !important; margin-left: 0px; text-wrap: wrap; }\n#thunder-services .faq-toggle { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; background: rgb(255, 255, 255) !important; border: 1px solid rgb(222, 222, 222) !important; color: rgb(32, 32, 32) !important; }\n#thunder-services .faq-toggle svg { width: 16px; height: 16px; transition: transform 0.25s; }\n#thunder-services .service-faq[open] .faq-toggle { background: rgb(255, 211, 43) !important; border-color: rgb(255, 211, 43) !important; }\n#thunder-services .service-faq[open] .faq-toggle svg { transform: rotate(45deg); }\n#thunder-services .service-faq p { font-size: 14px !important; line-height: 1.8 !important; padding: 0px 42px 24px 0px !important; margin-top: 0px; margin-right: 0px; margin-bottom: 0px !important; margin-left: 0px; }\n#thunder-services .coverage { display: flex; align-items: center; justify-content: space-between; gap: 36px !important; background: transparent !important; border-width: 1px 0px 0px !important; border-style: solid none none !important; border-color: rgb(222, 222, 222) currentcolor currentcolor !important; border-image: none !important; border-radius: 0px; padding: 30px 0px 0px !important; margin-top: 36px; box-shadow: none !important; }\n#thunder-services .coverage h3 { font-size: 32px !important; color: rgb(32, 32, 32) !important; margin-top: 12px; margin-right: 0px; margin-bottom: 12px !important; margin-left: 0px; }\n#thunder-services .coverage p { font-size: 14px !important; color: rgb(98, 98, 98) !important; margin-top: 0px; margin-right: 0px; margin-bottom: 0px !important; margin-left: 0px; }\n#thunder-services .coverage .btn { flex-shrink: 0; }\n#thunder-services .closing { padding: 78px 0px !important; background: rgb(32, 32, 32) !important; color: rgb(255, 255, 255) !important; text-align: left; }\n#thunder-services .closing .eyebrow { color: rgb(212, 212, 212) !important; }\n#thunder-services .closing h2 { color: rgb(255, 255, 255) !important; max-width: 740px !important; }\n#thunder-services .closing p { color: rgb(212, 212, 212) !important; max-width: 640px !important; margin-left: 0px; }\n#thunder-services .closing-actions { justify-content: flex-start; gap: 16px !important; flex-wrap: wrap; margin-top: 30px; }\n#thunder-services .closing .btn.outline { background: transparent !important; border-color: rgb(119, 119, 119) !important; color: rgb(255, 255, 255) !important; }\n#thunder-services .closing .btn:hover { background: rgb(255, 255, 255) !important; border-color: rgb(255, 255, 255) !important; color: rgb(32, 32, 32) !important; }\n#thunder-services .closing :is(a, button):focus-visible { outline-color: rgb(255, 211, 43); }\n#thunder-services [data-reveal] { opacity: 1; transform: none; }\n@keyframes thunder-services-arrive { \n  0% { opacity: 0.5; transform: translate3d(0px, 22px, 0px); }\n  100% { opacity: 1; transform: none; }\n}\n@keyframes thunder-services-media { \n  0% { opacity: 0.65; transform: translate3d(0px, 16px, 0px) scale(0.985); }\n  100% { opacity: 1; transform: none; }\n}\n.motion-on #thunder-services [data-reveal].is-visible { animation: 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal backwards running thunder-services-arrive; }\n.motion-on #thunder-services :is(.services-intro-visual, .showcase-card)[data-reveal].is-visible { animation-name: thunder-services-media; animation-duration: 0.9s; }\n.motion-on #thunder-services :is(.service-card, .showcase-card, .process):nth-child(3n+2)[data-reveal].is-visible { animation-delay: 0.08s; }\n.motion-on #thunder-services :is(.service-card, .showcase-card, .process):nth-child(3n)[data-reveal].is-visible { animation-delay: 0.16s; }\n.motion-paused #thunder-services [data-reveal] { opacity: 1; transform: none; animation: auto ease 0s 1 normal none running none !important; }\nhtml:has(#thunder-services) { scrollbar-color: rgb(255, 211, 43) rgb(32, 32, 32); }\nhtml:has(#thunder-services)::-webkit-scrollbar { width: 10px; }\nhtml:has(#thunder-services)::-webkit-scrollbar-track { background: rgb(32, 32, 32) !important; }\nhtml:has(#thunder-services)::-webkit-scrollbar-thumb { background: rgb(255, 211, 43) !important; border: 2px solid rgb(32, 32, 32) !important; border-radius: 0px; }\n@media (max-width: 1000px) {\n  #thunder-services .wrap { width: calc(100% - 48px); }\n  #thunder-services .services-intro-grid, #thunder-services .two-col { gap: 36px !important; }\n  #thunder-services h1 { font-size: 56px !important; }\n  #thunder-services h2 { font-size: 42px !important; }\n  #thunder-services .service-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; }\n  #thunder-services .showcase-grid { gap: 18px !important; }\n  #thunder-services .showcase-card figcaption { padding: 18px 16px !important; }\n  #thunder-services .showcase-card figcaption strong { font-size: 26px !important; }\n}\n@media (max-width: 700px) {\n  #thunder-services .wrap { width: calc(100% - 40px); }\n  #thunder-services .services-intro { padding: 44px 0px 56px !important; }\n  #thunder-services .services-intro-grid, #thunder-services .two-col { grid-template-columns: 1fr !important; gap: 34px !important; }\n  #thunder-services h1 { font-size: 46px !important; }\n  #thunder-services h2 { font-size: 36px !important; }\n  #thunder-services h3 { font-size: 28px !important; }\n  #thunder-services .services-intro-lead { font-size: 15px !important; }\n  #thunder-services .services-intro-actions { gap: 10px !important; }\n  #thunder-services .section, #thunder-services .visual-showcase, #thunder-services .closing { padding: 58px 0px !important; }\n  #thunder-services .service-grid, #thunder-services .showcase-grid, #thunder-services .process-grid, #thunder-services .faq { grid-template-columns: 1fr !important; gap: 22px !important; }\n  #thunder-services .service-card { padding: 28px 24px 24px !important; }\n  #thunder-services .service-card.featured { padding: 28px 24px 24px !important; }\n  #thunder-services .showcase-card figcaption { min-height: 0px !important; }\n  #thunder-services .dark-card { padding: 0px 0px 0px 24px !important; }\n  #thunder-services .process-grid { gap: 30px !important; }\n  #thunder-services .process { padding-top: 24px !important; }\n  #thunder-services .faq { gap: 0px !important; }\n  #thunder-services .service-faq summary { min-height: 84px !important; }\n  #thunder-services .coverage { align-items: flex-start; flex-direction: column; gap: 24px !important; }\n  #thunder-services .closing h2 { max-width: 500px !important; }\n}\n@media (max-width: 360px) {\n  #thunder-services h1 { font-size: 40px !important; }\n  #thunder-services h2 { font-size: 32px !important; }\n  #thunder-services .service-card, #thunder-services .service-card.featured { padding: 24px 20px !important; }\n  #thunder-services .services-intro-actions .btn { padding-inline: 14px; font-size: 11px !important; }\n}\n@media (prefers-reduced-motion: reduce) {\n  #thunder-services [data-reveal] { animation: auto ease 0s 1 normal none running none !important; opacity: 1 !important; transform: none !important; }\n  #thunder-services *, #thunder-services ::before, #thunder-services ::after { transition: none !important; scroll-behavior: auto !important; }\n}\n@media print {\n  #thunder-services [data-reveal] { animation: auto ease 0s 1 normal none running none !important; opacity: 1 !important; transform: none !important; }\n  #thunder-services .service-faq > p { display: block !important; }\n}\n#thunder-services .services-intro{padding:48px 0 54px!important;background:#f4f4f4!important}\n#thunder-services .services-intro-grid{display:block}\n#thunder-services .services-intro-copy{max-width:900px!important}\n#thunder-services h1{font-size:54px!important;max-width:850px!important;line-height:1.07!important;margin-bottom:20px!important}\n#thunder-services h1 em{color:#202020!important;font-style:normal;text-decoration:none}\n#thunder-services .services-intro-lead{max-width:800px!important;font-size:16px!important}\n#thunder-services .services-intro-actions{margin-top:24px}\n#thunder-services .services-intro-note{margin-top:20px}\n#thunder-services .visual-showcase{background:#fff!important}\n#thunder-services .showcase-heading{display:block;max-width:760px!important}\n#thunder-services .showcase-heading h2{max-width:680px!important}\n#thunder-services .showcase-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;gap:24px!important;align-items:stretch}\n#thunder-services :is(.services-intro-visual,.showcase-card){height:auto;min-height:0!important;aspect-ratio:auto;padding:0!important;margin:0;transform:none;box-shadow:none!important}\n#thunder-services :is(.services-intro-visual,.showcase-card) figcaption{display:block;position:relative;inset:auto;width:100%;height:auto;min-height:0!important;transform:none;margin:0;opacity:1;z-index:1}\n#thunder-services .showcase-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)!important;background:#f4f4f4!important;align-items:center}\n#thunder-services .showcase-card:first-child{grid-row:span 2;display:flex;flex-direction:column}\n#thunder-services .showcase-card img{height:auto;aspect-ratio:auto;align-self:center}\n#thunder-services .showcase-card:first-child img{flex:1;min-height:0;width:100%;object-fit:contain}\n#thunder-services .showcase-card figcaption{padding:24px!important;background:#f4f4f4!important;border-left:3px solid #ffd32b!important;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:12px!important}\n#thunder-services .showcase-card:first-child figcaption{flex:none;width:100%;border-left:0!important;border-top:3px solid #ffd32b!important}\n#thunder-services .showcase-card figcaption span{font-size:10px!important;color:#626262!important;line-height:1.6!important}\n#thunder-services .showcase-card figcaption strong{font-size:29px!important;color:#202020!important;margin:0}\n#thunder-services #service-options{background:#f4f4f4!important}\n#thunder-services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}\n#thunder-services .service-card,#thunder-services .service-card.featured{display:grid;grid-template-columns:44px minmax(0,1fr)!important;column-gap:22px!important;row-gap:0!important;padding:30px!important}\n#thunder-services .service-icon{grid-column:1;grid-row:1\/4;margin:0}\n#thunder-services .service-card :is(.num,h3,p,.card-link){grid-column:2}\n#thunder-services .service-card .num{margin:0 0 12px!important}\n#thunder-services .service-card h3{font-size:32px!important}\n#thunder-services .service-card .card-link{align-self:end}\n#thunder-services .services-recommendations{background:#fff!important}\n#thunder-services .services-recommendations .two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:28px 64px!important;align-items:start}\n#thunder-services .services-recommendations .two-col>div{grid-column:1;grid-row:1}\n#thunder-services .services-recommendations .dark-card{grid-column:1;grid-row:2;padding:0 0 0 24px!important;margin-top:4px}\n#thunder-services .services-intro-visual{display:block;grid-column:2;grid-row:1\/3;align-self:center;border:0!important;background:#f4f4f4!important}\n#thunder-services .services-intro-visual img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}\n#thunder-services .services-intro-visual figcaption{padding:22px 24px!important;background:#f4f4f4!important;border-left:3px solid #ffd32b!important;color:#202020!important}\n#thunder-services .services-intro-visual figcaption span{display:block;color:#626262!important;font-size:10px!important;line-height:1.6!important}\n#thunder-services .services-intro-visual figcaption strong{display:block;color:#202020!important;font-family:var(--thunder-display,\"Barlow Condensed\",Impact,sans-serif);font-size:28px!important;font-weight:600;line-height:1.15!important;margin-top:9px}\n#thunder-services .services-process-section{background:#f4f4f4!important}\n#thunder-services .process{border-top:3px solid #ffd32b!important}\n#thunder-services .services-faq-section{background:#fff!important}\n#thunder-services .services-faq-section>.wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;column-gap:72px!important;align-items:start}\n#thunder-services .services-faq-section .eyebrow{grid-column:1;grid-row:1}\n#thunder-services .services-faq-section h2{grid-column:1;grid-row:2}\n#thunder-services .services-faq-section .faq{grid-column:2;grid-row:1\/4;grid-template-columns:1fr!important;margin-top:0}\n#thunder-services .services-coverage-section{background:#f4f4f4!important}\n#thunder-services .services-coverage-section>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:72px!important;align-items:start}\n#thunder-services .services-coverage-section :is(.eyebrow,h2,.section-intro){grid-column:2}\n#thunder-services .coverage{grid-column:2;grid-row:1\/4;display:flex;flex-direction:column;align-items:flex-start;border-top:0!important;border-left:3px solid #ffd32b!important;padding:0 0 0 32px!important;margin:0;gap:26px!important}\n#thunder-services .closing{position:relative;isolation:isolate;min-height:450px!important;display:flex;align-items:center;overflow:hidden}\n#thunder-services .closing>.wrap{position:relative;z-index:1}\n#thunder-services .services-closing-photo{display:block;position:absolute;inset:0 0 0 auto;width:48%;height:100%;object-fit:cover;object-position:center}\n#thunder-services .closing:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#202020 48%,#202020e8 55%,#20202030 75%,#20202010);z-index:0}\n#thunder-services .closing h2{max-width:600px!important;font-size:48px!important}\n#thunder-services .closing p{max-width:540px!important}\n@media(max-width:1000px){#thunder-services .showcase-card{display:flex;flex-direction:column}#thunder-services .showcase-card:first-child{grid-row:auto}#thunder-services .showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}#thunder-services .showcase-card img{aspect-ratio:4\/3;flex:none!important;object-fit:contain}#thunder-services .showcase-card figcaption{padding:20px 18px!important;width:100%;flex:1;border-left:0!important;border-top:3px solid #ffd32b!important}#thunder-services .showcase-card figcaption strong{font-size:26px!important}#thunder-services .service-card,#thunder-services .service-card.featured{padding:26px!important;column-gap:16px!important}#thunder-services .services-recommendations .two-col{gap:26px 36px!important}#thunder-services .services-faq-section>.wrap,#thunder-services .services-coverage-section>.wrap{column-gap:36px!important}#thunder-services .closing h2{max-width:500px!important;font-size:44px!important}#thunder-services .closing p{max-width:450px!important}}\n@media(max-width:700px){#thunder-services .services-intro{padding:36px 0 42px!important}#thunder-services h1{font-size:40px!important}#thunder-services .services-intro-lead{font-size:15px!important}#thunder-services .showcase-grid,#thunder-services .service-grid{grid-template-columns:1fr!important}#thunder-services .showcase-card{display:grid;grid-template-columns:1fr!important}#thunder-services .showcase-card img{width:100%;height:auto;aspect-ratio:auto}#thunder-services .showcase-card:first-child{display:block}#thunder-services .showcase-card figcaption{padding:22px!important;gap:9px!important}#thunder-services .service-card,#thunder-services .service-card.featured{grid-template-columns:36px minmax(0,1fr)!important;padding:26px 22px!important;column-gap:16px!important}#thunder-services .service-icon{width:36px;height:36px}#thunder-services .service-card h3{font-size:29px!important}#thunder-services .service-card p,#thunder-services .service-card .card-link{grid-column:1\/-1}#thunder-services .service-card p{margin-top:6px}#thunder-services .service-card .num{font-size:9px!important}#thunder-services .services-recommendations .two-col,#thunder-services .services-faq-section>.wrap,#thunder-services .services-coverage-section>.wrap{display:flex;flex-direction:column;gap:0!important}#thunder-services .services-recommendations .dark-card{margin-top:32px}#thunder-services .services-intro-visual{margin-top:34px;align-self:stretch}#thunder-services .services-faq-section .faq{width:100%;margin-top:12px}#thunder-services .coverage{margin-top:12px;padding-left:24px!important}#thunder-services .closing{display:block;padding:0 0 54px!important;min-height:0!important}#thunder-services .services-closing-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3\/2;object-fit:contain}#thunder-services .closing:before{display:none}#thunder-services .closing>.wrap{padding-top:36px!important}#thunder-services .closing h2{font-size:36px!important}}\n@media(max-width:360px){#thunder-services h1{font-size:36px!important}#thunder-services .service-card,#thunder-services .service-card.featured{padding:24px 20px!important}#thunder-services .service-card h3{font-size:27px!important}}\n\n@media(min-width:701px){#thunder-services .closing :is(h2,p,.closing-actions){max-width:50%!important}}\n\n#thunder-services{padding-top:96px!important}#thunder-services figcaption strong{font-style:normal}\n@media(max-width:700px){#thunder-services{padding-top:80px!important}}\n\n#thunder-services .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start;gap:20px!important}#thunder-services .service-card,#thunder-services .service-card.featured{display:flex;padding:24px!important;gap:18px!important;border-top:3px solid #ffd32b!important}#thunder-services .service-detail{border:0;padding:0;margin:0;background:transparent}#thunder-services .service-detail summary{display:grid;grid-template-columns:36px minmax(0,1fr) 22px;column-gap:12px;row-gap:8px;align-items:center;min-height:94px;list-style:none;cursor:pointer}#thunder-services .service-detail summary::-webkit-details-marker{display:none}#thunder-services .service-detail .service-icon{grid-column:1;grid-row:1\/3;width:36px;height:36px;align-self:start;margin-top:4px}#thunder-services .service-detail .num{grid-column:2;grid-row:1;font-size:9px!important;margin:0!important;align-self:end}#thunder-services .service-detail h3{grid-column:2;grid-row:2;font-size:28px!important;margin:0!important;align-self:start}#thunder-services .service-detail-toggle{grid-column:3;grid-row:1\/3;display:grid;place-items:center;width:22px;height:30px;color:#202020}#thunder-services .service-detail-toggle svg{width:18px;height:18px;transition:transform .25s ease}#thunder-services .service-detail[open] .service-detail-toggle svg{transform:rotate(180deg)}#thunder-services .service-detail p{margin:20px 0 4px!important;font-size:14px!important;line-height:1.8!important}#thunder-services .service-card .card-link{min-height:46px!important;margin:0;padding:12px 14px!important;font-size:10px!important}#thunder-services #service-options{scroll-margin-top:110px}@media(max-width:1100px){#thunder-services .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:650px){#thunder-services .service-grid{grid-template-columns:1fr!important}#thunder-services .service-card,#thunder-services .service-card.featured{padding:22px!important;gap:16px!important}#thunder-services .service-detail summary{min-height:76px}#thunder-services .service-detail h3{font-size:28px!important}}\n\n#thunder-services .services-intro{position:relative;isolation:isolate;overflow:hidden;padding:64px 0 62px!important;background:#f4f4f4!important;border-bottom:3px solid #ffd32b!important}\n#thunder-services .services-title-photo{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:50%60%}\n#thunder-services .services-intro:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f4f4f4fc 0%,#f4f4f4f5 34%,#f4f4f4dd 54%,#f4f4f440 78%,#f4f4f410)}\n#thunder-services .services-intro-copy{max-width:730px!important}\n#thunder-services h1{max-width:690px!important;font-size:64px!important;line-height:1.02!important;margin-bottom:22px!important}\n#thunder-services h1 em{display:block;color:#202020!important;font-style:normal;text-decoration:underline;text-decoration-color:#ffd32b;text-decoration-thickness:4px;text-underline-offset:8px}\n#thunder-services .services-intro-lead{max-width:590px!important;font-size:16px!important;color:#454545!important}\n#thunder-services .services-intro .eyebrow{color:#454545!important}\n#thunder-services .services-intro-note{color:#575757!important}\n#thunder-services .showcase-card:not(:first-child) img{height:100%;max-height:270px;aspect-ratio:4\/3;object-fit:contain}\n#thunder-services .service-card,#thunder-services .service-card.featured{min-height:0!important}\n#thunder-services #service-options{padding:70px 0!important}\n#thunder-services :is(.services-process-photo,.services-faq-photo,.services-coverage-photo){display:block;margin:0;padding:0;background:#f4f4f4;border:0;border-bottom:3px solid #ffd32b;overflow:hidden}\n#thunder-services :is(.services-process-photo,.services-faq-photo,.services-coverage-photo) img{display:block;width:100%;height:auto;object-fit:contain}\n#thunder-services .services-process-section>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:72px!important;align-items:start}\n#thunder-services .services-process-section .eyebrow{grid-column:1;grid-row:1}\n#thunder-services .services-process-section h2{grid-column:1;grid-row:2;font-size:46px!important}\n#thunder-services .services-process-section .section-intro{grid-column:1;grid-row:3;margin-bottom:28px!important}\n#thunder-services .services-process-photo{grid-column:1;grid-row:4;align-self:start}\n#thunder-services .process-grid{grid-column:2;grid-row:1\/5;display:grid;grid-template-columns:1fr!important;gap:28px!important;margin:0}\n#thunder-services .process{display:grid;grid-template-columns:42px minmax(0,1fr)!important;column-gap:20px!important;row-gap:8px!important;border:0!important;border-bottom:1px solid #d8d8d8!important;padding:0 0 26px!important}\n#thunder-services .process:last-child{border-bottom:0!important;padding-bottom:0!important}\n#thunder-services .process>:not(.process-icon){grid-column:2}\n#thunder-services .process>span:not(.process-icon){font-family:Manrope,Verdana,sans-serif;font-size:10px!important;line-height:1.6!important;color:#6a6a6a!important;margin:0!important}\n#thunder-services .process h3{font-size:30px!important;margin:0!important}\n#thunder-services .process p{font-size:14px!important;margin:0!important}\n#thunder-services .process .process-icon{grid-column:1;grid-row:1\/4;display:grid;place-items:center;width:42px;height:42px;background:#ffd32b!important;color:#202020!important;font-size:16px!important;line-height:1!important;margin:0!important}\n#thunder-services .process-icon svg{width:22px;height:22px;stroke-width:1.6}\n#thunder-services .services-faq-section>.wrap{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:72px!important}\n#thunder-services .services-faq-section .faq{grid-row:1\/4;align-self:center}\n#thunder-services .services-faq-photo{grid-column:1;grid-row:3;margin-top:8px;max-width:500px!important}\n#thunder-services .services-coverage-section>.wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;column-gap:64px!important;align-items:start}\n#thunder-services .services-coverage-section .eyebrow{grid-column:2;grid-row:1}\n#thunder-services .services-coverage-section h2{grid-column:2;grid-row:2;font-size:44px!important}\n#thunder-services .services-coverage-section .section-intro{grid-column:2;grid-row:3;margin-bottom:28px!important}\n#thunder-services .coverage{grid-column:2;grid-row:4;padding-left:24px!important;gap:24px!important}\n#thunder-services .coverage h3{font-size:28px!important}\n#thunder-services .services-coverage-photo{grid-column:1;grid-row:1\/5;align-self:center}\n.motion-on #thunder-services :is(.services-process-photo,.services-faq-photo,.services-coverage-photo)[data-reveal].is-visible{animation-name:thunder-services-media;animation-duration:.9s}\n@media(max-width:1000px){#thunder-services h1{font-size:56px!important;max-width:600px!important}#thunder-services .services-intro-copy{max-width:650px!important}#thunder-services .services-intro:before{background:linear-gradient(90deg,#f4f4f4fa,#f4f4f4eb 55%,#f4f4f470)}#thunder-services .services-process-section>.wrap,#thunder-services .services-faq-section>.wrap,#thunder-services .services-coverage-section>.wrap{column-gap:36px!important}#thunder-services .showcase-card:not(:first-child) img{height:auto;max-height:none;aspect-ratio:4\/3}#thunder-services .services-process-section h2,#thunder-services .services-coverage-section h2{font-size:40px!important}}\n@media(max-width:700px){#thunder-services .services-intro{padding:44px 0 46px!important}#thunder-services h1{font-size:44px!important;max-width:500px!important}#thunder-services h1 em{text-decoration-thickness:3px;text-underline-offset:6px}#thunder-services .services-title-photo{object-position:60%50%}#thunder-services .services-intro:before{background:linear-gradient(90deg,#f4f4f4f5,#f4f4f4df)}#thunder-services .services-intro-lead{font-size:15px!important}#thunder-services #service-options{padding:56px 0!important}#thunder-services .showcase-card:not(:first-child) img{aspect-ratio:auto;max-height:380px;object-fit:contain}#thunder-services .services-process-section>.wrap{display:flex;flex-direction:column;gap:0!important}#thunder-services .services-process-photo{order:4;width:100%;margin-top:30px}#thunder-services .process-grid{order:3;margin-top:8px;width:100%;gap:24px!important}#thunder-services .process{column-gap:16px!important}#thunder-services .services-faq-photo{order:3;max-width:none!important;width:100%;margin-top:30px}#thunder-services .services-faq-section .faq{order:2}#thunder-services .services-coverage-photo{width:100%;margin-top:30px;align-self:stretch}#thunder-services .services-process-section h2,#thunder-services .services-coverage-section h2{font-size:36px!important}}\n@media(max-width:360px){#thunder-services h1{font-size:38px!important}#thunder-services .services-intro{padding:38px 0 42px!important}}\n<\/style>\n<style id=\"thunder-services-simple-hero\">\n#thunder-services .services-intro{padding:40px 0 38px!important;background:#f4f4f4!important;border-bottom:1px solid #dedede!important;min-height:0!important;text-align:center}\n#thunder-services .services-intro:before{display:block!important;background:rgba(10,12,14,.60)!important}\n#thunder-services .services-intro-copy{position:static;display:block;max-width:1040px!important;margin-inline:auto}\n#thunder-services .services-intro .eyebrow{justify-content:center;gap:12px!important;margin:0 0 18px!important;color:#454545!important;font-size:10px!important}\n#thunder-services .services-intro .eyebrow:before,#thunder-services .services-intro .eyebrow:after{content:'';display:block;flex:none;width:28px;height:2px;background:#ffd32b;box-shadow:none;border-radius:0}\n#thunder-services .services-intro h1{font-family:Manrope,Verdana,sans-serif!important;font-size:42px!important;line-height:1.18!important;font-weight:650;max-width:1040px!important;margin:0 auto 18px!important;text-wrap:balance}\n#thunder-services .services-intro h1 em{display:inline;font-style:normal!important;font-weight:inherit;color:#202020!important;text-decoration:none!important}\n#thunder-services .services-intro-lead{max-width:670px!important;margin:0 auto!important;font-size:15px!important;line-height:1.8!important;color:#454545!important}\n#thunder-services .services-intro-actions{position:static;justify-content:center;align-items:center;margin-top:24px;column-gap:26px!important;row-gap:14px!important}\n#thunder-services .intro-primary{min-height:48px!important;padding:13px 22px!important;background:#ffd32b!important;border:1px solid #ffd32b!important;border-radius:0;color:#202020!important;font-size:12px!important;font-weight:800;box-shadow:none;transition:background .2s ease,color .2s ease}\n#thunder-services .intro-primary:hover{background:#202020!important;border-color:#202020!important;color:#ffd32b!important}\n#thunder-services .intro-primary span{background:transparent!important;color:inherit!important}\n#thunder-services .intro-call{color:#505050!important;font-size:12px!important;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#b6b6b6}\n#thunder-services .intro-call:hover{color:#202020!important;text-decoration-color:#202020}\n#thunder-services .services-intro .motion-toggle{position:absolute;right:24px;bottom:22px;width:44px;height:44px;min-height:44px!important;background:transparent!important;border:1px solid #d9d9d9!important;color:#626262!important}\n#thunder-services .services-intro-note{margin:18px auto 0!important;max-width:670px!important;font-size:11px!important;line-height:1.8!important;color:#505050!important}\n@media(max-width:1100px){#thunder-services .services-intro h1{font-size:38px!important}#thunder-services .services-intro .motion-toggle{right:16px;bottom:16px}}\n@media(max-width:700px){#thunder-services .services-intro{padding:34px 0 36px!important}#thunder-services .services-intro h1{font-size:32px!important;line-height:1.2!important;max-width:520px!important;margin-bottom:18px!important}#thunder-services .services-intro-lead{font-size:14px!important;max-width:520px!important}#thunder-services .services-intro-actions{margin-top:22px;column-gap:18px!important}#thunder-services .services-intro .motion-toggle{position:static;flex:none;order:3;width:44px;height:44px}#thunder-services .services-intro-note{margin-top:18px!important}}\n@media(max-width:360px){#thunder-services .services-intro h1{font-size:29px!important}#thunder-services .intro-primary{padding-inline:18px!important}}\n\n#thunder-services .services-title-photo{object-position:45% 45%}\n\n#thunder-services .services-title-photo{z-index:-3}\n#thunder-services .services-intro:before{z-index:-2}\n#thunder-services .services-intro h1,#thunder-services .services-intro h1 em{color:#fff!important}\n#thunder-services .services-intro :is(.eyebrow,.services-intro-lead,.services-intro-note){color:#f5f5f5!important}\n#thunder-services .services-intro .intro-call{color:#f5f5f5!important;text-decoration-color:#ffffff80}\n#thunder-services .services-intro .intro-call:hover{color:#ffd32b!important;text-decoration-color:#ffd32b}\n#thunder-services .services-intro .motion-toggle{color:#fff!important;border-color:#ffffff70!important}\n#thunder-services .services-intro :is(a,button):focus-visible{outline-color:#ffd32b}\n#thunder-services .services-glitter{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none}\n#thunder-services .services-glitter>span{position:absolute;left:var(--speck-x);top:-8px;width:4px;height:100%;opacity:0;animation:thunder-gold-fall var(--speck-speed) linear infinite;animation-delay:var(--speck-delay);animation-play-state:paused;will-change:transform}\n#thunder-services .services-glitter>span:before{content:'';position:absolute;left:0;top:0;width:var(--speck-size);height:var(--speck-size);background:#ffd16f;box-shadow:0 0 4px #ffd32ba6;transform:rotate(45deg)}\n.motion-on #thunder-services .services-glitter>span{animation-play-state:running}\n@keyframes thunder-gold-fall{0%{opacity:0;transform:translate3d(0,-12px,0)}12%{opacity:.85}82%{opacity:.75}100%{opacity:0;transform:translate3d(var(--speck-drift),calc(100% + 20px),0)}}\n@media(max-width:700px){#thunder-services .services-glitter>span:nth-child(2n){display:none}}\n@media(prefers-reduced-motion:reduce){#thunder-services .services-glitter{display:none}}\n@media print{#thunder-services .services-glitter{display:none}}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>Our services \/ Perth &amp; WA Window tinting for every kind of space. From a sunlit home to a busy workplace or your car, find a film solution that fits your glass and what matters to you. Explore our services \u2198Or call 0416 444 545 Thoughtful recommendations. Careful local installation. Residential propertiesCommercial spacesAutomotive tintingPerth &amp; [&hellip;]<\/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-94","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/9xg.bc9.mytemp.website\/index.php?rest_route=\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/9xg.bc9.mytemp.website\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/9xg.bc9.mytemp.website\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/9xg.bc9.mytemp.website\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/9xg.bc9.mytemp.website\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=94"}],"version-history":[{"count":9,"href":"https:\/\/9xg.bc9.mytemp.website\/index.php?rest_route=\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":176,"href":"https:\/\/9xg.bc9.mytemp.website\/index.php?rest_route=\/wp\/v2\/pages\/94\/revisions\/176"}],"wp:attachment":[{"href":"https:\/\/9xg.bc9.mytemp.website\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}