/* ========================================================================== GetPhound aesthetic layer -- page body + interior pages Ported from the look of getphound-new.local: navy sections, rounded white cards with soft shadows and a hover lift, red uppercase eyebrows, pill badges, blue-bordered media, dotted/illustrated backgrounds, red CTAs. Loaded last (wp_head, priority 99) so it wins ties against the old theme rules and the Customizer's inline colors. ========================================================================== */ :root{ --gp-navy:#031D59; --gp-navy-2:#0a2a80; --gp-blue:#0540F5; --gp-red:#E20414; --gp-ink:#4a4a4a; --gp-line:#E2E6EF; --gp-soft:#F5F7FC; --gp-bg:#FAFBFA; --gp-shadow:0 4px 18px rgba(3,29,89,.07); --gp-shadow-lg:0 22px 48px rgba(3,29,89,.16); --gp-ease:cubic-bezier(.2,.7,.2,1); } html{scroll-behavior:smooth;} ::selection{background:rgba(5,64,245,.18);} :focus-visible{outline:3px solid rgba(5,64,245,.45);outline-offset:3px;border-radius:6px;} /* ---------- Header: full-bleed bar (was a 1280px floating box) ---------- */ .site-header{max-width:none !important;width:100%;margin:0 !important;box-sizing:border-box;transition:box-shadow .25s ease;} .site-header.is-scrolled{box-shadow:0 8px 24px rgba(3,29,89,.16);} /* ---------- Shared section typography ---------- */ .home-services,.about-section,.faqs-section,.section-2,.section-3,.vid-section, .section-4,.reviews,.bottom-cta,.location,.footer-section{font-family:Poppins,Arial,sans-serif;} .home-services p.large-text,.faqs-section p.large-text,.section-3 p.large-text, .reviews p.large-text,.location p.large-text{ color:var(--gp-red);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px; } .home-services h2,.faqs-section h2,.section-3 h2,.reviews h2,.about-section h2, .section-2 h2,.section-4 h2,.vid-section h2,.location h2,.bottom-cta h2,.footer-section h2{ font-size:clamp(28px,3.1vw,40px);line-height:1.2;font-weight:700;letter-spacing:-.01em;text-wrap:balance; } .home-services h2,.faqs-section h2,.section-3 h2,.reviews h2,.section-4 h2,.about-section h2, .section-2 h2,.location h2{color:var(--gp-navy) !important;} /* signature short red rule under headings */ .home-services h2::after,.faqs-section h2::after,.section-3 h2::after,.reviews h2::after, .section-4 h2::after,.about-section h2::after,.section-2 h2::after,.vid-section h2::after,.location h2::after{ content:"";display:block;width:48px;height:4px;border-radius:4px;background:var(--gp-red);margin:14px auto 0; } .section-2 h2::after,.about-section h2::after,.vid-section h2::after,.location h2::after{margin-left:0;} .home-services,.faqs-section,.section-3,.reviews{text-align:center;} .home-services h2,.faqs-section h2,.section-3 h2,.reviews h2{margin-bottom:44px;} /* ---------- Buttons ---------- */ a.button,.section-1 .button,.home .section-1 .button,.footer-section .button,.reviews .button{ background:var(--gp-red) !important;color:#fff !important;border:0;border-radius:10px !important; font-family:Poppins,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:0;text-transform:none !important; padding:15px 30px;display:inline-flex;align-items:center;gap:8px;text-decoration:none !important; box-shadow:0 10px 24px rgba(226,4,20,.32);transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease; } a.button:hover,.section-1 .button:hover,.home .section-1 .button:hover,.footer-section .button:hover,.reviews .button:hover{ background:var(--gp-navy) !important;transform:translateY(-3px);box-shadow:0 14px 30px rgba(3,29,89,.35); } .section-1 .section-1-button,.section-2 .button{display:inline-flex;margin-top:28px;} /* ---------- Hero (home + every county/interior page) ---------- */ .homepage-hero,.section-1{ position:relative;isolation:isolate;overflow:hidden; padding:76px 0 84px !important; background-color:#042888 !important; background-image:linear-gradient(rgba(3,29,89,.45),rgba(3,29,89,.45)),url('images/gp/home-hero-map-illustration-banner.png') !important; background-size:cover,100% auto !important; background-position:center,top center !important; background-repeat:no-repeat !important; } .homepage-hero:before,.section-1:before{background:transparent !important;} .homepage-hero:after,.section-1:after{ content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background:radial-gradient(55% 80% at 88% 12%,rgba(5,64,245,.38),transparent 62%), radial-gradient(40% 60% at 6% 100%,rgba(226,4,20,.14),transparent 70%); } @media (max-width:1280px){ .homepage-hero,.section-1{background-image:linear-gradient(135deg,#031D59,#0a2a80 60%,#0540F5 160%) !important;} } .homepage-hero .wrap:before,.homepage-hero .wrap:after,.section-1 .wrap:before,.section-1 .wrap:after, .hero-content:before,.hero-content:after{display:none !important;} .homepage-hero .wrap{max-width:1200px !important;} .hero-content,.section-1:not(.homepage-hero) > .wrap{ display:grid !important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center; } .hero-content .hero_inner,.section-1 .one-half1,.section-1 .full-width{float:none !important;width:auto !important;margin:0 !important;} .section-1 .full-width{grid-column:1 / -1;text-align:center;} .homepage-hero h1,.section-1 h1,.home .section-1 h1{ color:#fff !important;font-size:clamp(34px,4.2vw,54px) !important;line-height:1.12;font-weight:700; letter-spacing:-.015em;margin:16px 0 22px !important;text-wrap:balance; } .homepage-hero h2,.home .section-1 h2,.section-1 h2:empty{font-family:Poppins,Arial,sans-serif !important;} .homepage-hero h2{font-size:18px !important;line-height:1.7;font-weight:500 !important;color:rgba(255,255,255,.92) !important;margin:0 0 6px;} .section-1 .one-half1{font-size:18px;line-height:1.7;color:rgba(255,255,255,.92);} .section-1 h2:empty{display:none;} /* eyebrow pill (home uses p.large-text; interior pages get one via .company) */ .homepage-hero .hero_inner p.large-text,.section-1 .company:empty::before,.section-1 .company{ display:inline-block;background:var(--gp-bg);color:var(--gp-blue) !important; font-size:13px !important;font-weight:700;letter-spacing:.06em;text-transform:uppercase; padding:7px 18px;border-radius:20px;box-shadow:0 4px 14px rgba(3,29,89,.25);margin:0; } .section-1 .company:empty{display:inline-block;padding:0;background:none;box-shadow:none;} .section-1 .company:empty::before{content:"Performance-Based Digital Marketing";} /* hero media: SERP mock image (home) + video facade (interior) */ .homepage-hero .hero_inner img{ display:block;width:100%;height:auto;border-radius:18px;border:3px solid rgba(255,255,255,.16); box-shadow:0 28px 64px rgba(0,0,0,.38); } @keyframes gp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} @media (min-width:1025px) and (prefers-reduced-motion:no-preference){ .homepage-hero .hero_inner img{animation:gp-float 7s ease-in-out infinite;} } .section-1 .right-column{background:none !important;padding:0 !important;border-radius:0;} .section-1 .right-column p{margin:0;} .gp-video-facade{ position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;cursor:pointer;background:#031D59; border:3px solid var(--gp-blue);box-shadow:0 28px 64px rgba(0,0,0,.38); } .gp-video-facade img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--gp-ease);} .gp-video-facade:hover img{transform:scale(1.04);} .gp-video-facade .gp-play-btn{ position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:54px;background:var(--gp-red); border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px rgba(226,4,20,.5); transition:transform .15s ease,background-color .15s ease; } .gp-video-facade:hover .gp-play-btn{background:#c70211;transform:translate(-50%,-50%) scale(1.08);} .gp-video-facade .gp-play-btn svg{width:24px;height:24px;margin-left:3px;} .gp-video-facade iframe{position:absolute;inset:0;width:100%;height:100%;border:0;} /* ---------- Services: RankGuarantee / SEO plans / Paid Ads (home grid + interior section-3) ---------- White pricing-style cards like getphound-new.local (coloured bottom edge, hover lift, no stock photos) over a tinted diagonal-texture band. */ .home-services,.section-3{position:relative;isolation:isolate;background:var(--gp-bg) !important;padding:92px 0 96px !important;color:var(--gp-ink);} .home-services::before,.section-3::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none; background: linear-gradient(115deg,transparent 30%,rgba(255,255,255,.5) 30%,rgba(255,255,255,.5) 41%,transparent 41%), repeating-linear-gradient(135deg,rgba(5,64,245,.06) 0,rgba(5,64,245,.06) 1.5px,transparent 1.5px,transparent 24px), radial-gradient(55% 75% at 10% 8%,rgba(5,64,245,.14),transparent 72%), radial-gradient(50% 70% at 92% 96%,rgba(226,4,20,.09),transparent 72%), linear-gradient(180deg,#FAFBFA 0,#EEF2FD 14%,#EEF2FD 86%,#FAFBFA 100%);} .home-services .wrap,.section-3 .wrap{max-width:1200px !important;} .service-grid,.section-3 .wrap_inner{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:24px !important;text-align:left;} .section-3 .wrap_inner:before,.section-3 .wrap_inner:after{display:none !important;} .section-3 .one-fourth1{float:none !important;width:auto !important;margin:0 !important;display:flex;} .section-3 .one-fourth1 > a{display:flex;width:100%;text-decoration:none;color:inherit;} .home .service-box,.section-3 .service_inner{ --tier:#E20414;--tier-bg:#FDECEE;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23E20414' d='M144.3 0l224 0c26.5 0 48.1 21.8 47.1 48.2-.2 5.3-.4 10.6-.7 15.8l49.6 0c26.1 0 49.1 21.6 47.1 49.8-7.5 103.7-60.5 160.7-118 190.5-15.8 8.2-31.9 14.3-47.2 18.8-20.2 28.6-41.2 43.7-57.9 51.8l0 73.1 64 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-192 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l64 0 0-73.1c-16-7.7-35.9-22-55.3-48.3-18.4-4.8-38.4-12.1-57.9-23.1-54.1-30.3-102.9-87.4-109.9-189.9-1.9-28.1 21-49.7 47.1-49.7l49.6 0c-.3-5.2-.5-10.4-.7-15.8-1-26.5 20.6-48.2 47.1-48.2zM101.5 112l-52.4 0c6.2 84.7 45.1 127.1 85.2 149.6-14.4-37.3-26.3-86-32.8-149.6zM380 256.8c40.5-23.8 77.1-66.1 83.3-144.8L411 112c-6.2 60.9-17.4 108.2-31 144.8z'/%3E%3C/svg%3E"); position:relative;display:grid;grid-template-columns:60px minmax(0,1fr);column-gap:18px;row-gap:8px;align-items:start;align-content:start; width:100%;box-sizing:border-box;overflow:visible; background:#fff !important;border:0;border-bottom:5px solid var(--tier);border-radius:15px;padding:26px 28px 24px !important; box-shadow:0 0 8px 0 rgba(0,0,0,.1);color:var(--gp-ink); transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease; } .home .service-box:hover,.section-3 .service_inner:hover{transform:translateY(-3px);background:#f5f7fc !important;box-shadow:0 8px 18px 0 rgba(3,29,89,.16);} .home .service-box::before,.section-3 .service_inner::before{ content:"";grid-column:1;grid-row:1 / span 2;width:60px;height:60px;border-radius:50%; background:var(--ico) center/46% no-repeat,var(--tier-bg);display:block !important;position:static; } .service-grid > .service-box:nth-child(2),.section-3 .one-fourth1:nth-child(2) .service_inner{--tier:#B0B7BD;--tier-bg:#F0F2F4;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 580'%3E%3Cpath fill='%238A949C' d='M245.9 10.1c-13.4-8.2-30.3-8.2-43.7 0-24.4 14.9-39.5 18.9-68.1 18.3-15.7-.4-30.3 8.1-37.9 21.9-13.7 25.1-24.8 36.2-49.9 49.9-13.8 7.5-22.2 22.2-21.9 37.9 .7 28.6-3.4 43.7-18.3 68.1-8.2 13.4-8.2 30.3 0 43.7 14.9 24.4 18.9 39.5 18.3 68.1-.4 15.7 8.1 30.3 21.9 37.9 22.1 12.1 33.3 22.1 45.1 41.5L42.7 494.5c-5.9 11.9-1.1 26.3 10.7 32.2l86 43c11.5 5.7 25.5 1.4 31.7-9.8l52.8-95.1 52.8 95.1c6.2 11.2 20.2 15.6 31.7 9.8l86-43c11.9-5.9 16.7-20.3 10.7-32.2l-48.6-97.2c11.7-19.4 23-29.4 45.1-41.5 13.8-7.5 22.2-22.2 21.9-37.9-.7-28.6 3.4-43.7 18.3-68.1 8.2-13.4 8.2-30.3 0-43.7-14.9-24.4-18.9-39.5-18.3-68.1 .4-15.7-8.1-30.3-21.9-37.9-25.1-13.7-36.2-24.8-49.9-49.9-7.5-13.8-22.2-22.2-37.9-21.9-28.6 .7-43.7-3.4-68.1-18.3zM224 128a96 96 0 1 1 0 192 96 96 0 1 1 0-192z'/%3E%3C/svg%3E");} .service-grid > .service-box:nth-child(3),.section-3 .one-fourth1:nth-child(3) .service_inner{--tier:#D4A017;--tier-bg:#FBF3DC;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 580'%3E%3Cpath fill='%23C08A00' d='M245.9 10.1c-13.4-8.2-30.3-8.2-43.7 0-24.4 14.9-39.5 18.9-68.1 18.3-15.7-.4-30.3 8.1-37.9 21.9-13.7 25.1-24.8 36.2-49.9 49.9-13.8 7.5-22.2 22.2-21.9 37.9 .7 28.6-3.4 43.7-18.3 68.1-8.2 13.4-8.2 30.3 0 43.7 14.9 24.4 18.9 39.5 18.3 68.1-.4 15.7 8.1 30.3 21.9 37.9 22.1 12.1 33.3 22.1 45.1 41.5L42.7 494.5c-5.9 11.9-1.1 26.3 10.7 32.2l86 43c11.5 5.7 25.5 1.4 31.7-9.8l52.8-95.1 52.8 95.1c6.2 11.2 20.2 15.6 31.7 9.8l86-43c11.9-5.9 16.7-20.3 10.7-32.2l-48.6-97.2c11.7-19.4 23-29.4 45.1-41.5 13.8-7.5 22.2-22.2 21.9-37.9-.7-28.6 3.4-43.7 18.3-68.1 8.2-13.4 8.2-30.3 0-43.7-14.9-24.4-18.9-39.5-18.3-68.1 .4-15.7-8.1-30.3-21.9-37.9-25.1-13.7-36.2-24.8-49.9-49.9-7.5-13.8-22.2-22.2-37.9-21.9-28.6 .7-43.7-3.4-68.1-18.3zM224 128a96 96 0 1 1 0 192 96 96 0 1 1 0-192z'/%3E%3C/svg%3E");} .service-grid > .service-box:nth-child(4),.section-3 .one-fourth1:nth-child(4) .service_inner{--tier:#7C93A8;--tier-bg:#E9EFF4;--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 580'%3E%3Cpath fill='%235E7A93' d='M245.9 10.1c-13.4-8.2-30.3-8.2-43.7 0-24.4 14.9-39.5 18.9-68.1 18.3-15.7-.4-30.3 8.1-37.9 21.9-13.7 25.1-24.8 36.2-49.9 49.9-13.8 7.5-22.2 22.2-21.9 37.9 .7 28.6-3.4 43.7-18.3 68.1-8.2 13.4-8.2 30.3 0 43.7 14.9 24.4 18.9 39.5 18.3 68.1-.4 15.7 8.1 30.3 21.9 37.9 22.1 12.1 33.3 22.1 45.1 41.5L42.7 494.5c-5.9 11.9-1.1 26.3 10.7 32.2l86 43c11.5 5.7 25.5 1.4 31.7-9.8l52.8-95.1 52.8 95.1c6.2 11.2 20.2 15.6 31.7 9.8l86-43c11.9-5.9 16.7-20.3 10.7-32.2l-48.6-97.2c11.7-19.4 23-29.4 45.1-41.5 13.8-7.5 22.2-22.2 21.9-37.9-.7-28.6 3.4-43.7 18.3-68.1 8.2-13.4 8.2-30.3 0-43.7-14.9-24.4-18.9-39.5-18.3-68.1 .4-15.7-8.1-30.3-21.9-37.9-25.1-13.7-36.2-24.8-49.9-49.9-7.5-13.8-22.2-22.2-37.9-21.9-28.6 .7-43.7-3.4-68.1-18.3zM224 128a96 96 0 1 1 0 192 96 96 0 1 1 0-192z'/%3E%3C/svg%3E");} .home .service-box img,.section-3 .service_inner > img{display:none !important;} .section-3 .service_inner .service-content{display:contents !important;} .home .service-box h3,.section-3 .service_inner h3{ grid-column:2;grid-row:1;margin:4px 0 0 !important;padding:0 !important;font-size:22px !important;line-height:1.2;font-weight:600; color:var(--gp-navy) !important;text-align:left; } .home .service-box p,.section-3 .service_inner p{grid-column:2;grid-row:2;margin:0 !important;padding:0 !important;font-size:14.5px;line-height:1.7;color:var(--gp-ink);text-align:left;} /* Paid Ads banner under the cards */ .gp-paid-ads{display:flex;align-items:center;gap:20px;margin-top:24px;padding:22px 28px;border-radius:15px;border-bottom:5px solid var(--gp-blue); background:linear-gradient(135deg,#031D59 0%,#0a2a80 100%);color:#fff;text-decoration:none !important;box-shadow:0 10px 26px rgba(3,29,89,.25);text-align:left; transition:transform .18s ease,box-shadow .18s ease;} .gp-paid-ads:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(3,29,89,.32);} .gp-pa-icon{flex:0 0 auto;width:60px;height:60px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23031D59' d='M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z'/%3E%3C/svg%3E") center/46% no-repeat;} .gp-pa-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;} .gp-pa-text strong{font-size:22px;line-height:1.2;font-weight:600;color:#fff;} .gp-pa-text span{font-size:14.5px;line-height:1.6;color:#DADDE6;} .gp-pa-meta{flex:0 0 auto;display:flex;align-items:center;gap:8px;} .gp-pa-badge{background:var(--gp-red);color:#FAFBFA;font-size:11px;font-weight:800;letter-spacing:.04em;border-radius:20px;padding:3px 10px;white-space:nowrap;} .gp-pa-price{background:var(--gp-blue);color:#FAFBFA;font-size:12px;font-weight:800;border-radius:20px;padding:3px 10px;white-space:nowrap;} .gp-pa-cta{flex:0 0 auto;background:var(--gp-red);color:#fff;font-size:15px;font-weight:600;border-radius:10px;padding:12px 20px;white-space:nowrap;box-shadow:0 8px 20px rgba(226,4,20,.35);} .gp-paid-ads:hover .gp-pa-cta{background:#fff;color:var(--gp-red);} @media (max-width:900px){.gp-paid-ads{flex-wrap:wrap;}.gp-pa-text{flex-basis:calc(100% - 80px);}.gp-pa-meta,.gp-pa-cta{margin-left:80px;}} /* ---------- Testimonials (home) ---------- */ .faqs-section.section{background:var(--gp-bg) !important;padding:20px 0 96px !important;} .faqs-section .wrap{max-width:1200px !important;} .testimonial-grid{gap:24px !important;text-align:left !important;color:var(--gp-ink) !important;} .testimonial{ position:relative;display:flex;flex-direction:column;gap:12px;background:#fff !important;border:1px solid var(--gp-line); border-radius:16px !important;padding:28px 28px 24px !important;box-shadow:var(--gp-shadow); transition:transform .25s var(--gp-ease),box-shadow .25s var(--gp-ease); } .testimonial:hover{transform:translateY(-5px);box-shadow:var(--gp-shadow-lg);} .testimonial::before{ content:"\201C";position:absolute;top:6px;right:22px;font:700 92px/1 Georgia,serif;color:rgba(226,4,20,.12);pointer-events:none; } img.t-stars{width:98px !important;margin:0 !important;display:block;} .testimonial p{font-size:15px;line-height:1.75;color:var(--gp-ink);margin:0 !important;} .testimonial p.review-name{ margin-top:auto !important;padding-top:16px;border-top:1px solid var(--gp-line);font-weight:700;color:var(--gp-navy);font-size:15px; } /* ---------- Media + copy cards: about (home) / about-us (interior) ---------- */ .about-section,.section-2{background:var(--gp-bg) !important;padding:20px 0 96px !important;color:var(--gp-ink);overflow:visible;} .about-section .wrap,.section-2 .wrap{ max-width:1200px !important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center; background:#fff;border:1px solid var(--gp-line);border-radius:22px;box-shadow:var(--gp-shadow);padding:52px !important;box-sizing:border-box; } .section-2{padding-top:96px !important;} .about-section .wrap:before,.about-section .wrap:after,.section-2 .wrap:before,.section-2 .wrap:after{display:none !important;} .about-section .one-half,.section-2 .one-half{float:none !important;width:auto !important;margin:0 !important;text-align:left !important;} .about-section .one-half.first,.section-2 .one-half.first{order:2;display:block;} .about-section .one-half:not(.first),.section-2 .one-half:not(.first){order:1;} .about-section .one-half img,.section-2 .one-half img{ display:block;width:100% !important;max-width:100% !important;height:auto;padding:0 !important;border-radius:18px;box-shadow:var(--gp-shadow-lg); } .about-section img.about-logo{width:210px !important;max-width:60% !important;box-shadow:none;border-radius:0;margin-bottom:12px;} .about-section .one-half{font-size:16px;line-height:1.8;} .section-2 .one-half{font-size:16px;line-height:1.85;} .section-2 .one-half:not(.first) p{margin-bottom:0;} /* about on home: copy first, media second */ .about-section .one-half.first{order:1;} .about-section .one-half:not(.first){order:2;} /* ---------- Video / "Why choose us" navy feature card (interior) ---------- */ .vid-section{background:var(--gp-bg) !important;padding:0 0 96px !important;overflow:visible;} .vid-section .wrap{ max-width:1200px !important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center; background:linear-gradient(135deg,var(--gp-navy) 0%,var(--gp-navy-2) 100%);border-radius:22px;padding:56px !important;box-sizing:border-box; color:#fff;box-shadow:0 26px 60px rgba(3,29,89,.28);position:relative;overflow:hidden; } .vid-section .wrap::after{ content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 70% at 100% 0%,rgba(5,64,245,.42),transparent 65%); } .vid-section .wrap:before{display:none !important;} .vid-section .one-half{float:none !important;width:auto !important;margin:0 !important;position:relative;z-index:1;text-align:left;font-size:16px;line-height:1.85;color:rgba(255,255,255,.9);} .vid-section h2{color:#fff !important;text-align:left;} .vid-section p{color:rgba(255,255,255,.9);} .vid-section .one-half img,.vid-section .vid-frame{ display:block;width:100%;height:auto;border-radius:16px;border:3px solid var(--gp-blue);box-shadow:0 22px 50px rgba(0,0,0,.35); } /* ---------- Statement block (interior section-4) ---------- */ .section-4{background:var(--gp-bg) !important;padding:0 0 88px !important;overflow:visible !important;} .section-4 .section-4-top{max-width:920px;margin:0 auto !important;padding:0 28px;text-align:center;font-size:17px;line-height:1.85;color:var(--gp-ink);} .section-4 .section-4-top h2{margin-bottom:24px;} .section-4 .section-4-top p{margin-bottom:0;} /* ---------- Reviews ---------- */ .reviews{background:#fff !important;padding:20px 0 88px !important;} .reviews .wrap{max-width:1200px !important;} .reviews .one-third,.reviews .one-half,.reviews .one-review{border:1px solid var(--gp-line);border-radius:16px !important;box-shadow:var(--gp-shadow) !important;} .reviews .button{margin-top:28px;} /* ---------- Pricing CTA band ---------- */ .bottom-cta{ position:relative;overflow:hidden !important;text-align:center;padding:92px 0 96px !important;color:#fff; background:linear-gradient(135deg,#031D59 0%,#0a2a80 58%,#0540F5 150%) !important; } .bottom-cta:before{ background:url('images/gp/dots.png') no-repeat left 6% center / 210px auto !important;opacity:.35 !important;z-index:0 !important; } .bottom-cta:after{ content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(45% 80% at 90% 10%,rgba(226,4,20,.22),transparent 70%); } .bottom-cta .wrap{position:relative;z-index:2;} .bottom-cta p.large-text{color:#ff8a93;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;} .bottom-cta h2{color:#fff !important;font-size:clamp(28px,3.4vw,42px);margin:0 0 30px;} .bottom-cta h2::after{display:none;} .bottom-cta button,.bottom-cta a#cta-button button{ display:inline-flex !important;align-items:center;margin:0 auto !important;padding:17px 38px !important; background:var(--gp-red) !important;color:#fff !important;border:0 !important;border-radius:10px !important; font:700 17px/1 Poppins,Arial,sans-serif !important;letter-spacing:0 !important;text-transform:none !important; box-shadow:0 12px 28px rgba(226,4,20,.45);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease; } .bottom-cta button:hover{background:#fff !important;color:var(--gp-red) !important;transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.3);} /* ---------- Location: copy + map with floating contact card ---------- */ .location{background:#fff !important;padding:92px 0 100px !important;overflow:visible !important;color:var(--gp-ink);font-family:Poppins,Arial,sans-serif;} .location .location-inner.wrap{ max-width:1200px !important;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center; } .location .location-inner.wrap:before,.location .location-inner.wrap:after{display:none !important;} .location .location-info{float:none !important;width:auto !important;margin:0 !important;position:relative;} .location .location-info:first-child{font-size:16px;line-height:1.85;} .location .location-info:first-child p.large-text{text-align:left;} .location h2{text-align:left;margin-bottom:20px;} .location .map .pg-map,.location .map .pg-map iframe,.location .pg-map .page-generator-pro-map{ height:440px;border:0 !important;border-radius:22px;box-shadow:var(--gp-shadow-lg);display:block; } .location .company-info{ position:absolute !important;right:-20px !important;bottom:-28px !important;top:auto !important;left:auto !important; max-width:340px;padding:28px 30px !important;background:var(--gp-navy) !important;border-radius:16px; border-top:6px solid var(--gp-red);box-shadow:0 22px 48px rgba(3,29,89,.4);color:#fff;z-index:3; } .location .company-info h4{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0 0 6px;} .location .company-info h5{font-size:14px;font-weight:500;color:rgba(255,255,255,.8);} .location .company-info address{font-style:normal;color:#fff;line-height:1.7;font-size:15px;} .location .company-info a{color:#fff;font-weight:500;text-decoration:none;transition:color .15s ease;} .location .company-info a:hover{color:#ff8a93;} .location .company-info ul.social{display:flex;gap:10px;list-style:none;margin:14px 0 0;padding:0;} .location .company-info ul.social li a{ display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#0a3a7f;transition:background-color .15s ease; } .location .company-info ul.social li a:hover{background:var(--gp-red);color:#fff;} /* ---------- Home closing band + sitemap toggle ---------- */ .footer-section{ position:relative;overflow:hidden;padding:96px 0 !important;text-align:center;color:#fff; background:linear-gradient(135deg,#031D59 0%,#0a2a80 58%,#0540F5 150%) !important; } .footer-section:before{ background:url('images/gp/dots.png') no-repeat right 5% center / 210px auto !important;opacity:.3 !important;z-index:0 !important; } .footer-section:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(45% 80% at 8% 100%,rgba(226,4,20,.2),transparent 70%);} .footer-section .wrap{position:relative;z-index:2;max-width:860px !important;} .footer-section h2{color:#fff !important;margin-bottom:16px;} .footer-section p{color:rgba(255,255,255,.9);font-size:17px;line-height:1.7;} .accordion-toggle{ width:max-content;margin:34px auto;font:600 13px/1 Poppins,Arial,sans-serif !important;letter-spacing:.06em;padding:11px 22px !important; border:2px solid var(--gp-navy) !important;border-radius:30px;color:var(--gp-navy) !important;background:transparent !important; transition:background-color .15s ease,color .15s ease !important; } .accordion-toggle:hover{transform:none !important;background:var(--gp-navy) !important;color:#fff !important;} /* ---------- FAQ accordion (interior pages that define FAQs) ---------- */ .accordion-body .accordion .container{ border:1px solid #7d89ab;border-radius:10px;background:#fff;margin-bottom:12px;padding:0;overflow:hidden; } .accordion-body .accordion .label{ padding:16px 20px;font-weight:700;color:var(--gp-navy);font-size:15px;cursor:pointer; } .accordion-body .accordion .content{padding:0 20px 18px;color:var(--gp-ink);font-size:15px;line-height:1.7;} .accordion-body .accordion hr{display:none;} /* ---------- Scroll reveal (script adds .gp-js, then .is-in as items enter view) ---------- */ @keyframes gp-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}} .gp-js .gp-reveal{opacity:0;} .gp-js .gp-reveal.is-in{opacity:1;animation:gp-rise .7s var(--gp-ease) var(--gp-d,0s) backwards;} @media (prefers-reduced-motion:reduce){ .gp-js .gp-reveal{opacity:1;} .gp-js .gp-reveal.is-in{animation:none;} html{scroll-behavior:auto;} } /* ---------- Long-form readability (lighter weight, softer ink) ---------- */ .section-2 .one-half p,.about-section .one-half p,.section-4 .section-4-top p,.location .location-info:first-child p:not(.large-text), .home .service-box p,.section-3 .service-content p,.testimonial p{font-weight:400;color:#34405e;} .about-section .one-half p,.section-2 .one-half p,.location .location-info:first-child p:not(.large-text){margin-bottom:1em;} .vid-section .one-half p{font-weight:400;color:rgba(255,255,255,.9);} .about-section img.about-logo{margin:0 0 14px !important;} .section-4 h2,.section-2 h2,.vid-section h2{padding-bottom:0;} .section-4 h2::after,.section-2 h2::after,.vid-section h2::after,.about-section h2::after,.location h2::after{width:48px;height:4px;margin-top:14px;} .section-4 .section-4-top h2::after{margin:14px auto 0;} /* ---------- Hero contact form (pages that show it) ---------- */ .section-1 .gform_legacy_markup_wrapper{ position:relative;overflow:hidden;background:#fff !important;padding:38px 32px 32px !important;border-radius:20px !important; box-shadow:0 28px 64px rgba(0,0,0,.35); } .section-1 .gform_legacy_markup_wrapper::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--gp-red);} .section-1 .gform_legacy_markup_wrapper .ginput_container input, .section-1 .gform_legacy_markup_wrapper .ginput_container textarea{ border:1px solid #DADDE6 !important;border-radius:10px !important;background:#F5F7FC !important;font-family:Poppins,Arial,sans-serif;font-size:15px !important; margin:0 !important;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease; } .section-1 .gform_legacy_markup_wrapper .ginput_container input{height:50px;} .section-1 .gform_legacy_markup_wrapper .ginput_container input:focus, .section-1 .gform_legacy_markup_wrapper .ginput_container textarea:focus{ border-color:var(--gp-blue) !important;background:#fff !important;box-shadow:0 0 0 4px rgba(5,64,245,.14) !important;outline:none; } .section-1 .gform_legacy_markup_wrapper .gform_footer{padding:0 !important;margin-top:18px !important;} .section-1 .gform_legacy_markup_wrapper .gform_footer input#gform_submit_button_1{ background:var(--gp-red) !important;color:#fff !important;border:0 !important;border-radius:10px !important;text-transform:none !important;letter-spacing:0 !important; font:600 16px/1 Poppins,Arial,sans-serif !important;padding:18px !important;box-shadow:0 10px 24px rgba(226,4,20,.32);cursor:pointer; transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease !important; } .section-1 .gform_legacy_markup_wrapper .gform_footer input#gform_submit_button_1:hover{background:var(--gp-navy) !important;transform:translateY(-2px);box-shadow:0 14px 30px rgba(3,29,89,.35);} /* ---------- Blog / default entries (posts, archives, search) ---------- */ .site-inner{background:var(--gp-bg);} body:not(.home) .content > article.entry,.archive-description,.search-results .content > .entry{ font-family:Poppins,Arial,sans-serif;max-width:860px;margin:64px auto;padding:48px 52px;background:#fff;border:1px solid var(--gp-line); border-radius:22px;box-shadow:var(--gp-shadow);color:#34405e;font-size:16px;line-height:1.85; } .entry-title,.entry-title a{font-family:Poppins,Arial,sans-serif;color:var(--gp-navy);font-weight:700;letter-spacing:-.01em;line-height:1.2;text-decoration:none;} .entry-title{font-size:clamp(28px,3.4vw,40px);margin:0 0 14px;} .entry-title a:hover{color:var(--gp-red);} .entry-meta{font-size:14px;color:#6b7690;} .entry-meta a{color:var(--gp-blue);text-decoration:none;font-weight:500;} .entry-meta a:hover{color:var(--gp-red);} .entry-content a{color:var(--gp-blue);font-weight:500;} .entry-content a:hover{color:var(--gp-red);} .entry-content img{border-radius:14px;} .entry-footer .entry-meta{margin-top:26px;padding-top:18px;border-top:1px solid var(--gp-line);} .pagination a,.archive-pagination a{display:inline-block;padding:9px 16px;border:1px solid var(--gp-line);border-radius:10px;background:#fff;color:var(--gp-navy);text-decoration:none;font-weight:600;} .pagination a:hover,.archive-pagination a:hover,.pagination .active a,.archive-pagination .active a{background:var(--gp-navy);color:#fff;border-color:var(--gp-navy);} /* ---------- Testimonial stream (ported from getphound-new.local): review cards + full-bleed drifting row ---------- */ .review-card{width:100%;max-width:460px;box-sizing:border-box;background:#fff;border-radius:16px;padding:26px 25px;box-shadow:0 5px 18px rgba(0,0,0,.10);font-family:Arial,sans-serif;color:#111;display:flex;flex-direction:column;text-align:left;} .review-header{display:flex;align-items:flex-start;justify-content:space-between;} .review-user{display:flex;align-items:center;} .review-name{font-size:18px;font-weight:700;color:#111;} .google-icon img{display:block;width:30px;height:30px;} .review-rating{display:flex;align-items:center;order:-1;margin:0 0 6px;} .review-rating > span{color:#fbbc04;font-size:16px;line-height:1;margin-right:1px;} .review-text{margin-top:14px;font-size:16px;line-height:1.5;height:120px;overflow-y:auto;color:#111;} .gp-stream{position:relative;overflow:hidden;padding:30px 0 40px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none; -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 5%,#000 17%,#000 83%,rgba(0,0,0,.35) 95%,transparent 100%); mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 5%,#000 17%,#000 83%,rgba(0,0,0,.35) 95%,transparent 100%);} .gp-stream.is-dragging{cursor:grabbing;} .gp-stream-track{display:flex;gap:20px;width:max-content;will-change:transform;} .gp-stream-track > div{flex:0 0 330px;display:flex;will-change:transform,opacity;transform-origin:50% 60%;} .gp-stream-track .review-card{width:100%;max-width:none;height:auto;padding:20px 24px;} .gp-stream-track .review-name{font-size:17px;line-height:1.25;} .gp-stream-track .review-text{margin-top:8px;font-size:15px;line-height:1.5;height:128px;cursor:auto;} .reviews .gp-stream{margin-bottom:0;} @media (max-width:767px){.gp-stream-track > div{flex-basis:260px;}.gp-stream-track{gap:14px;}.gp-stream-track .review-text{height:120px;}} @media (prefers-reduced-motion:reduce){.gp-stream{cursor:auto;}} /* ---------- About collage (photos from getphound-new.local's home page) ---------- */ .section .gp-collage{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;align-items:stretch;} .section .gp-collage-col{display:flex;flex-direction:column;row-gap:16px;} .section .gp-collage-col.is-offset{margin-top:40px;} .section .gp-collage img{display:block;width:100% !important;max-width:100% !important;padding:0 !important;border-radius:14px;box-shadow:var(--gp-shadow-lg);object-fit:cover;} .section .gp-collage-col:not(.is-offset) img{height:100%;min-height:340px;} .section .gp-collage-col.is-offset img{height:150px;} @media (max-width:1024px){.section .gp-collage-col.is-offset{margin-top:0;}.section .gp-collage-col:not(.is-offset) img{min-height:260px;}} /* ---------- Responsive ---------- */ @media (max-width:1100px){ .service-grid,.section-3 .wrap_inner{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} .vid-section .wrap{padding:44px !important;gap:40px;} } @media (max-width:1024px){ .about-section .wrap,.section-2 .wrap,.vid-section .wrap{margin-left:24px !important;margin-right:24px !important;width:auto !important;max-width:none !important;} .hero-content,.section-1:not(.homepage-hero) > .wrap{grid-template-columns:minmax(0,1fr);gap:40px;} .homepage-hero,.section-1{padding:56px 0 64px !important;} .about-section .wrap,.section-2 .wrap,.vid-section .wrap,.location .location-inner.wrap{grid-template-columns:minmax(0,1fr);gap:36px;} .about-section .wrap,.section-2 .wrap{padding:36px !important;} .about-section .one-half.first,.section-2 .one-half.first,.about-section .one-half:not(.first),.section-2 .one-half:not(.first){order:initial;} .location .company-info{position:static !important;max-width:none;margin-top:20px;} .location .map .pg-map,.location .map .pg-map iframe{height:340px;} } @media (max-width:767px){ .about-section .wrap,.section-2 .wrap,.vid-section .wrap{margin-left:16px !important;margin-right:16px !important;} .home-services,.section-3{padding:64px 0 60px !important;background-size:110px auto !important;} .service-grid,.section-3 .wrap_inner{grid-template-columns:minmax(0,1fr) !important;gap:20px !important;} .testimonial-grid{grid-template-columns:minmax(0,1fr) !important;} .faqs-section.section{padding:8px 0 64px !important;} .about-section,.section-2{padding:8px 0 64px !important;} .section-2{padding-top:64px !important;} .about-section .wrap,.section-2 .wrap{padding:26px 22px !important;border-radius:18px;} .vid-section{padding:0 0 64px !important;} .vid-section .wrap{padding:32px 22px !important;border-radius:18px;} .section-4{padding:0 0 60px !important;} .reviews{padding:8px 0 64px !important;} .bottom-cta,.footer-section{padding:68px 0 72px !important;} .location{padding:64px 0 72px !important;} .homepage-hero h2,.section-1 .one-half1{font-size:16px !important;} .gp-video-facade .gp-play-btn{width:64px;height:46px;} } /* entry meta sizing (theme's own larger sizes were winning) */ .entry-meta,.entry-header .entry-meta,.entry-footer .entry-meta{font-size:14px !important;} /* Mobile hero order: headline + copy first, video second (the legacy Customizer rule pushed the video above the H1, burying the headline below the fold). */ @media (max-width:1023px){ div#section-1 .wrap > :nth-child(2),#section-1 .wrap .one-half1:nth-child(2){order:0 !important;} #section-1 .wrap .one-half:not(.first){order:0 !important;display:block !important;margin-bottom:0 !important;} } /* footer trust strip titles were inheriting Genesis's centered .site-footer text */ .gp-sync-footer-trust-strip{text-align:left;} /* Mobile menu overlay polish: centered CTA buttons without the nav chevron, and a true-centered close glyph */ @media (max-width:1023px){ #menu-primary-navigation .nav-overlay-extra a.nav-overlay-btn{justify-content:center !important;padding:15px 20px !important;border-radius:10px !important;font-weight:600 !important;font-size:16px !important;} #menu-primary-navigation .nav-overlay-extra a::after{display:none !important;content:none !important;} .menu-toggle.activated::before{content:"\00D7" !important;font-size:38px !important;line-height:1;} } /* Hamburger/close glyph: center by flex instead of a transform that the theme's dashicons rule cancels */ @media (max-width:1023px){ .menu-toggle{display:flex !important;align-items:center;justify-content:center;padding:0 !important;} .menu-toggle::before,.menu-toggle.activated::before{ position:static !important;transform:none !important;width:auto !important;height:auto !important; font-family:Poppins,Arial,sans-serif !important;line-height:1 !important;margin:0 !important; } .menu-toggle::before{font-size:24px !important;} .menu-toggle.activated::before{font-size:36px !important;} .nav-overlay-btn{box-sizing:border-box !important;} } /* Header on tablet/phone: logo left, hamburger pinned right (the nav widget area was a 610px box with the toggle floating mid-way) */ @media (max-width:1023px){ .site-header .wrap{justify-content:space-between !important;padding-left:20px !important;padding-right:20px !important;} .header-widget-area{width:auto !important;flex:0 0 auto !important;max-width:none !important;margin-left:auto;} .header-widget-area .widget_nav_menu{display:flex;justify-content:flex-end;} .menu-toggle{margin:0 !important;} } /* Nav-trio cards on tablet: badge pill was covering the card heading */ @media (min-width:768px) and (max-width:1100px){ body .custom-card-link .res-h{font-size:14px !important;} body .card-label{font-size:9px;padding:2px 6px;top:7px;right:8px;} body .card-price-pill{font-size:9px;padding:2px 7px;} body .custom-card-link .res-p{font-size:12px;padding-right:56px;} } /* nav-trio row: .wrap is width:100% + horizontal padding in content-box, pushing the 3rd card past the viewport at tablet widths */ .header-bottom .wrap{box-sizing:border-box;} /* Hero side gutters below 1280px (legacy .section-1 .wrap{padding:0} left the copy flush against the screen edge around 1024px) */ @media (max-width:1279px){ .homepage-hero .wrap,.section-1 > .wrap{padding-left:40px !important;padding-right:40px !important;box-sizing:border-box;} } @media (max-width:767px){ .homepage-hero .wrap,.section-1 > .wrap{padding-left:24px !important;padding-right:24px !important;} } /* Expanded sitemap (1,390+ page links): multi-column card instead of one endless gray column */ .accordion.open{background:var(--gp-bg);padding:8px 0 64px;font-family:Poppins,Arial,sans-serif;} .accordion .wrap{max-width:1200px !important;} .accordion .wrap > ul{ list-style:none;margin:0;padding:36px 40px;background:#fff;border:1px solid var(--gp-line);border-radius:20px;box-shadow:var(--gp-shadow); columns:3;column-gap:40px; } .accordion .wrap > ul li{break-inside:avoid;margin:0 0 9px;padding:0;font-size:13.5px;line-height:1.45;} .accordion .wrap > ul li a{color:var(--gp-navy);text-decoration:none;font-weight:500;transition:color .15s ease;} .accordion .wrap > ul li a:hover{color:var(--gp-red);} @media (max-width:1024px){.accordion .wrap > ul{columns:2;padding:28px;}} @media (max-width:767px){.accordion .wrap > ul{columns:1;padding:22px;margin:0 16px;}} .accordion.open{max-width:none !important;width:100% !important;margin:0 !important;} .accordion .wrap > ul{box-sizing:border-box;} /* Trustindex widget loads after the script runs; once the stream exists, hide everything else in the reviews block */ .reviews.gp-has-stream .wrap > *:not(.large-text):not(h2):not(.gp-stream):not(a.button){display:none !important;} /* Services cards on phones: icon above the text instead of a squeezed side column */ @media (max-width:600px){ .home .service-box,.section-3 .service_inner{grid-template-columns:minmax(0,1fr);padding:22px 20px 20px !important;row-gap:10px;} .home .service-box::before,.section-3 .service_inner::before{grid-column:1;grid-row:auto;width:52px;height:52px;} .home .service-box h3,.section-3 .service_inner h3,.home .service-box p,.section-3 .service_inner p{grid-column:1;grid-row:auto;} .home .service-box h3,.section-3 .service_inner h3{margin:0 !important;} } /* Mobile menu open: hide the floating Call Us Now bar (the overlay has its own call button) and lock page scroll behind it */ @media (max-width:1023px){ body:has(.menu-toggle.activated) #callnowbutton{display:none !important;} body:has(.menu-toggle.activated){overflow:hidden;} } /* Overlay contact rows: SVG icons (Font Awesome isn't loaded here), natural-case email, even spacing */ @media (max-width:1023px){ .nav-overlay-contact-row{text-transform:none !important;margin-top:0 !important;font-size:16px;} .nav-overlay-contact-row svg{width:1em;height:1em;flex-shrink:0;} .nav-overlay-extra{gap:12px !important;} } /* ---------- Hero art animation (ported from getphound-new.local) ---------- */ .gp-hero-anim{position:absolute;top:0;left:0;width:100%;height:var(--gp-art-h,auto);z-index:-1;pointer-events:none;overflow:hidden;} .gp-hero-anim svg{display:block;width:100%;height:100%;} .gp-hero-anim .gpa-flow{opacity:.30;} .gp-hero-anim .gpa-flow use{animation:gpa-dash 14s linear infinite;} .gp-hero-anim .gpa-f2{animation-duration:18s !important;}.gp-hero-anim .gpa-f3{animation-duration:11s !important;}.gp-hero-anim .gpa-f4{animation-duration:16s !important;} @keyframes gpa-dash{to{stroke-dashoffset:-200;}} .gp-hero-anim .gpa-rp,.gp-hero-anim .gpa-bp,.gp-hero-anim .gpa-rip,.gp-hero-anim .gpa-glow,.gp-hero-anim .gpa-pt,.gp-hero-anim .gpa-drift circle,.gp-hero-anim .gpa-shimmer{transform-box:fill-box;transform-origin:center;} .gp-hero-anim .gpa-rp{opacity:0;animation:gpa-rp 4.4s ease-out infinite;} .gp-hero-anim .gpa-rp1{animation-delay:.4s;}.gp-hero-anim .gpa-rp2{animation-duration:5.2s;animation-delay:2.1s;}.gp-hero-anim .gpa-rp3{animation-duration:3.8s;animation-delay:3.2s;}.gp-hero-anim .gpa-rp4{animation-duration:5.8s;animation-delay:1.2s;}.gp-hero-anim .gpa-rp5{animation-duration:4.9s;animation-delay:4s;} @keyframes gpa-rp{0%{opacity:0;transform:scale(1);}8%{opacity:.75;}60%{opacity:0;transform:scale(3.4);}100%{opacity:0;transform:scale(3.4);}} .gp-hero-anim .gpa-bp{opacity:0;animation:gpa-bp 5.6s ease-in-out infinite;} .gp-hero-anim .gpa-bp2{animation-duration:6.4s;animation-delay:1.8s;}.gp-hero-anim .gpa-bp3{animation-duration:5s;animation-delay:3.1s;}.gp-hero-anim .gpa-bp4{animation-duration:6.9s;animation-delay:.9s;} @keyframes gpa-bp{0%,100%{opacity:0;transform:scale(1);}50%{opacity:.4;transform:scale(1.35);}} .gp-hero-anim .gpa-rip{opacity:0;animation:gpa-rip 7s ease-out infinite;} .gp-hero-anim .gpa-rip2{animation-duration:8.4s;animation-delay:2.6s;} @keyframes gpa-rip{0%{opacity:0;transform:scale(.7);}10%{opacity:.4;}70%{opacity:0;transform:scale(3);}100%{opacity:0;transform:scale(3);}} .gp-hero-anim .gpa-shimmer{animation:gpa-shim 8s ease-in-out infinite;} @keyframes gpa-shim{0%{transform:translateX(0);opacity:0;}8%{opacity:1;}50%{transform:translateX(420px);opacity:1;}58%,100%{transform:translateX(420px);opacity:0;}} .gp-hero-anim .gpa-glow{opacity:0;animation:gpa-glow 3.8s ease-in-out infinite;} @keyframes gpa-glow{0%,100%{opacity:0;transform:scale(.85);}50%{opacity:.16;transform:scale(1.15);}} .gp-hero-anim .gpa-pt{opacity:0;animation:gpa-pt 5s ease-in-out infinite;} .gp-hero-anim .gpa-pt2{animation-delay:.7s;}.gp-hero-anim .gpa-pt3{animation-delay:1.4s;}.gp-hero-anim .gpa-pt4{animation-delay:2.1s;} @keyframes gpa-pt{0%,12%{opacity:0;transform:scale(.8);}28%{opacity:.75;transform:scale(1.25);}55%,100%{opacity:0;transform:scale(.8);}} .gp-hero-anim .gpa-drift circle{fill:#fff;opacity:.4;animation:gpa-drift 14s ease-in-out infinite alternate;} .gp-hero-anim .gpa-d2{animation-duration:19s !important;animation-delay:-5s;}.gp-hero-anim .gpa-d3{animation-duration:23s !important;animation-delay:-9s;} @keyframes gpa-drift{0%{transform:translate(-4px,3px);}100%{transform:translate(4px,-4px);}} .gp-hero-anim.is-paused *{animation-play-state:paused !important;} @media (max-width:1280px){.gp-hero-anim{display:none;}} @media (prefers-reduced-motion:reduce){.gp-hero-anim{display:none;}} /* art stretches to the banner height (capped at +20%) so the animated overlay lines up with it */ @media (min-width:1281px){.homepage-hero,.section-1{background-size:cover,100% var(--gp-art-h,auto) !important;}} /* Mobile menu closing: Genesis slides the