:root { --black: #000000; --black-2: #000000; --panel: #000000; --white: #ffffff; --muted: #ffffff; --muted-2: #000000; --yellow: #fff000; --blue: #0077b6; --line: rgba(255, 255, 255, 0.12); --light: #ffffff; --dark-text: #111; --max: 1160px; --radius: 0; --ease: cubic-bezier(0.22, 1, 0.36, 1); } * { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; scroll-padding-top: 84px; } body { background: var(--black); color: var(--white); font-family: Arial, Helvetica, sans-serif; line-height: 1.5; overflow-x: hidden; -webkit-font-smoothing: antialiased; } body.menu-open { overflow: hidden; } img { max-width: 100%; height: auto; } a { color: inherit; text-decoration: none; } button, input, textarea { font: inherit; } button { cursor: pointer; } .container { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; } .yellow { color: var(--yellow); } .blue { color: var(--blue); } .eyebrow { color: var(--yellow); font-size: 10px; font-weight: 900; letter-spacing: 2.5px; text-transform: uppercase; margin-bottom: 15px; } h1, h2, h3 { font-weight: 900; text-wrap: balance; } h2 { font-size: clamp(38px, 5.1vw, 64px); line-height: 0.9; letter-spacing: -3.5px; text-transform: uppercase; } p { overflow-wrap: break-word; } .ocean-glow { position: fixed; width: 520px; height: 520px; right: -330px; top: 170px; border-radius: 50%; background: var(--blue); opacity: 0.08; filter: blur(100px); pointer-events: none; z-index: -1; }  header { position: sticky; top: 0; z-index: 1000; height: 72px; background: rgba(5, 5, 5, 0.93); border-bottom: 1px solid var(--line); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); } .nav { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .brand { display: flex; align-items: center; gap: 11px; min-width: 0; white-space: nowrap; } .brand-mark { width: 35px; height: 35px; display: grid; place-items: center; flex: 0 0 auto; background: var(--yellow); color: #000; font-size: 11px; font-weight: 900; position: relative; overflow: hidden; } .brand-mark:after { content: ""; position: absolute; width: 52px; height: 4px; background: var(--blue); transform: rotate(-45deg); right: -15px; bottom: 4px; opacity: 0.9; } .brand-mark span { position: relative; z-index: 1; } .brand-name { font-size: 12px; font-weight: 900; letter-spacing: 0.3px; line-height: 1; } .brand-name small { display: block; color: #fff; font-size: 7px; letter-spacing: 1.55px; margin-top: 5px; font-weight: 700; } .nav-links { display: flex; align-items: center; gap: 25px; font-size: 11px; font-weight: 900; } .nav-links > a, .services-trigger { transition: color 0.2s ease; } .nav-links > a:hover, .services-trigger:hover { color: var(--yellow); } .services { position: relative; } .services-trigger { background: none; border: 0; color: #fff; padding: 27px 0; display: flex; align-items: center; gap: 6px; font-size: 11px; font-weight: 900; } .service-chevron { color: var(--yellow); transition: transform 0.2s ease; } .services.open .service-chevron { transform: rotate(180deg); } .mega-menu { position: absolute; top: 68px; right: -130px; width: 820px; padding: 26px; background: #080808; border: 1px solid var(--line); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7); display: none; grid-template-columns: repeat(4, 1fr); gap: 25px; } .services.open .mega-menu { display: grid; animation: menuIn 0.18s var(--ease); } @keyframes menuIn { from { opacity: 0; transform: translateY(-7px); } to { opacity: 1; transform: none; } } .mega-title { color: var(--yellow); font-size: 9px; letter-spacing: 1.8px; font-weight: 900; margin-bottom: 9px; } .mega-menu a { display: block; color: #fff; font-size: 11px; padding: 5px 0; transition: 0.18s; } .mega-menu a:hover { color: #fff; transform: translateX(3px); } .nav-cta { color: #000 !important; background: var(--yellow); padding: 11px 15px; font-size: 9px !important; } .mobile-menu { display: none; background: none; border: 0; color: #fff; font-size: 25px; line-height: 1; padding: 5px; }  .hero { min-height: 660px; position: relative; display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid var(--line); } .hero:before { content: ""; position: absolute; width: 650px; height: 650px; right: -250px; top: -150px; border-radius: 50%; background: radial-gradient( circle, rgba(0, 168, 208, 0.4) 0%, rgba(0, 126, 165, 0.18) 38%, transparent 70% ); filter: blur(24px); } .hero:after { content: ""; position: absolute; width: 330px; height: 330px; right: 15%; bottom: -270px; border-radius: 50%; background: var(--yellow); opacity: 0.06; filter: blur(80px); } .hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.02fr) minmax(430px, 0.98fr); align-items: center; gap: 65px; padding: 78px 0; } .hero h1 { max-width: 760px; font-size: clamp(52px, 7vw, 90px); line-height: 0.86; letter-spacing: -5.5px; text-transform: uppercase; } .hero h1 .signature { color: var(--yellow); position: relative; display: inline-block; } .hero h1 .signature:after { content: ""; position: absolute; left: 2px; right: 0; bottom: -6px; height: 4px; background: var(--blue); transform: skewX(-20deg); } .hero-copy { max-width: 620px; font-size: 15px; margin: 27px 0; color: #fff; } .hero-actions { display: flex; gap: 9px; flex-wrap: wrap; } .button { min-height: 46px; padding: 0 19px; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; letter-spacing: 0.6px; font-weight: 900; border: 1px solid var(--yellow); transition: 0.25s var(--ease); } .button.primary { color: #000; background: var(--yellow); } .button.secondary { color: #fff; border-color: #000; } .button.secondary:hover { color: #000; background: var(--yellow); border-color: var(--yellow); } .button:hover { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25); } .hero-note { display: flex; align-items: center; gap: 12px; margin-top: 30px; color: #fff; font-size: 10px; } .hero-note-line { width: 35px; height: 1px; background: var(--yellow); display: inline-block; }  .hero-card { position: relative; padding: 15px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.075), rgba(0, 168, 208, 0.045)); border: 1px solid rgba(255, 255, 255, 0.16); box-shadow: 0 35px 90px rgba(0, 0, 0, 0.5); transform: rotate(1deg); transition: transform 0.35s var(--ease); } .hero-card:hover { transform: rotate(0deg) translateY(-4px); } .hero-browser { background: #080808; border: 1px solid #292929; overflow: hidden; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.35); } .browser-bar { height: 35px; display: flex; align-items: center; gap: 7px; padding: 0 12px; background: #121212; border-bottom: 1px solid #252525; } .browser-dot { width: 7px; height: 7px; border-radius: 50%; background: #3c3c3c; } .browser-dot:first-child { background: var(--yellow); } .browser-url { position: absolute; left: 50%; transform: translateX(-50%); color: #000; background: #0b0b0b; border: 1px solid #242424; padding: 4px 55px; border-radius: 20px; font-size: 7px; white-space: nowrap; } .website-mock { background: #f5f5f2; color: #111; min-height: 430px; } .mock-nav { height: 48px; padding: 0 18px; display: flex; align-items: center; justify-content: space-between; gap: 14px; background: #fff; border-bottom: 1px solid #ddd; } .mock-logo { display: flex; align-items: center; gap: 7px; font-size: 9px; font-weight: 900; letter-spacing: 0.3px; white-space: nowrap; } .mock-logo span { width: 20px; height: 20px; display: grid; place-items: center; background: #111; color: var(--yellow); font-size: 10px; } .mock-nav-links { display: flex; gap: 17px; font-size: 6px; font-weight: 900; letter-spacing: 0.7px; color: #000; } .mock-menu { display: none; font-size: 12px; color: #111; } .mock-hero { min-height: 300px; display: grid; grid-template-columns: 1.02fr 0.98fr; gap: 18px; padding: 30px 24px 22px; position: relative; overflow: hidden; background: #f5f5f2; } .mock-hero-copy { position: relative; z-index: 2; align-self: center; } .mock-kicker { color: #0077b6; font-size: 6px; letter-spacing: 1.5px; font-weight: 900; } .mock-hero h3 { font-size: 39px; line-height: 0.86; letter-spacing: -2.8px; margin-top: 10px; color: #111; } .mock-hero h3 em { font-style: normal; color: #0077b6; } .mock-hero-copy p { max-width: 205px; color: #000; font-size: 7px; line-height: 1.55; margin-top: 11px; } .mock-button { display: inline-flex; align-items: center; gap: 9px; margin-top: 15px; padding: 8px 11px; background: #111; color: #fff; font-size: 6px; font-weight: 900; } .mock-button span { color: var(--yellow); font-size: 10px; } .mock-photo { position: relative; min-height: 235px; overflow: hidden; background: linear-gradient(180deg, #dff5ff 0%, #e8f6ff 42%, #0077b6 43%, #003b5c 100%); border: 1px solid #d2d2d2; } .mock-photo:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 45%; background: linear-gradient(160deg, transparent 0 34%, #0077b6 35% 52%, #003b5c 53% 100%); clip-path: polygon( 0 75%, 18% 42%, 33% 62%, 51% 20%, 68% 54%, 84% 35%, 100% 60%, 100% 100%, 0 100% ); } .mock-photo:after { content: ""; position: absolute; width: 85px; height: 85px; right: 22px; top: 18px; border-radius: 50%; background: #fff4a6; box-shadow: 0 0 45px rgba(255, 240, 0, 0.55); opacity: 0.9; } .mock-photo-glow { position: absolute; left: 16%; right: 12%; bottom: 22%; height: 35%; background: #d8d2c0; border: 4px solid #fff; box-shadow: 0 12px 20px rgba(0, 0, 0, 0.16); clip-path: polygon(0 100%, 0 35%, 34% 35%, 34% 0, 67% 0, 67% 35%, 100% 35%, 100% 100%); } .mock-photo-card { position: absolute; left: 13px; bottom: 13px; z-index: 3; padding: 10px 12px; background: rgba(10, 10, 10, 0.88); border-left: 3px solid var(--yellow); } .mock-photo-card span { display: block; color: var(--yellow); font-size: 5px; letter-spacing: 1px; font-weight: 900; } .mock-photo-card strong { display: block; color: #fff; font-size: 17px; line-height: 0.9; letter-spacing: -0.7px; margin-top: 5px; } .mock-bottom { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #ddd; background: #fff; } .mock-bottom div { padding: 11px 13px; border-right: 1px solid #ddd; } .mock-bottom div:last-child { border-right: 0; } .mock-bottom strong { display: block; font-size: 9px; } .mock-bottom span { display: block; color: #000; font-size: 5px; letter-spacing: 0.7px; margin-top: 3px; } .floating-badge { position: absolute; right: -18px; bottom: 28px; padding: 14px 16px; background: var(--yellow); color: #000; font-size: 9px; font-weight: 900; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4); } .floating-badge span { display: block; font-size: 7px; margin-top: 3px; }  .trust-strip { background: #090909; border-bottom: 1px solid var(--line); } .trust-inner { display: grid; grid-template-columns: repeat(4, 1fr); } .trust-item { padding: 20px 15px; border-right: 1px solid var(--line); text-align: center; } .trust-item:last-child { border-right: 0; } .trust-item strong { display: block; font-size: 11px; } .trust-item span { display: block; color: #fff; font-size: 8px; margin-top: 2px; } .selector { background: var(--light); color: #000; padding: 82px 0; } .selector-heading, .services-header { display: flex; justify-content: space-between; align-items: end; gap: 35px; margin-bottom: 31px; } .dark-label { color: #000; font-size: 9px; font-weight: 900; letter-spacing: 2px; margin-bottom: 9px; } .selector-heading p, .services-header p { max-width: 430px; font-size: 12px; } .selector-tabs { display: flex; flex-wrap: wrap; border-bottom: 1px solid #d4d4d4; } .selector-tab { border: 0; background: none; color: #000; padding: 12px 15px; font-size: 9px; font-weight: 900; border-bottom: 3px solid transparent; } .selector-tab:hover, .selector-tab.active { color: #000; border-color: var(--yellow); } .selector-panel { display: none; grid-template-columns: minmax(0, 1fr) minmax(250px, 0.62fr); gap: 50px; padding-top: 31px; } .selector-panel.active { display: grid; animation: fadeUp 0.35s var(--ease); } @keyframes fadeUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } } .selector-panel h3 { font-size: 29px; line-height: 0.95; letter-spacing: -1.5px; margin-bottom: 12px; } .selector-panel p { max-width: 610px; font-size: 13px; } .check-list { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; margin-top: 20px; } .check-list li { border-top: 1px solid #ddd; padding-top: 9px; font-size: 10px; font-weight: 900; } .check-list li:before { content: ""; color: #0077b6; margin-right: 6px; } .selector-aside { padding: 23px; background: #fff; border-left: 4px solid var(--yellow); } .selector-aside strong { display: block; font-size: 9px; letter-spacing: 1.5px; margin-bottom: 7px; } .selector-aside p { font-size: 11px; } .services-section { padding: 82px 0; background: var(--black); border-bottom: 1px solid var(--line); } .service-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .service-card { position: relative; min-height: 220px; padding: 24px; background: #090909; border: 1px solid var(--line); overflow: hidden; transition: 0.3s var(--ease); } .service-card:before { content: ""; position: absolute; width: 180px; height: 180px; right: -100px; bottom: -110px; border-radius: 50%; background: var(--blue); opacity: 0.05; filter: blur(25px); transition: 0.35s; } .service-card:hover { transform: translateY(-5px); border-color: rgba(255, 240, 0, 0.65); } .service-card:hover:before { opacity: 0.45; } .service-number { color: var(--yellow); font-size: 9px; font-weight: 900; letter-spacing: 1px; } .service-card h3 { margin-top: 22px; font-size: 18px; letter-spacing: -0.4px; } .service-card p { color: #fff; font-size: 11px; margin-top: 8px; max-width: 310px; } .service-card a { display: inline-block; color: var(--blue); font-size: 9px; font-weight: 900; margin-top: 16px; } .pricing { background: #fff; color: #000; padding: 82px 0; } .pricing-heading { text-align: center; margin-bottom: 32px; } .pricing-heading h2 { text-align: center; } .pricing-heading p { max-width: 620px; margin: 15px auto 0; font-size: 12px; } .price-grid { max-width: 1080px; margin: auto; display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #ddd; } .price-card { min-height: 400px; padding: 28px; display: flex; flex-direction: column; align-items: center; text-align: center; border-right: 1px solid #ddd; } .price-card:last-child { border-right: 0; } .price-card.featured { background: var(--yellow); border-color: var(--yellow); } .price-label { font-size: 9px; letter-spacing: 1.6px; font-weight: 900; } .price { font-size: 52px; font-weight: 900; letter-spacing: -3px; line-height: 0.95; margin-top: 16px; } .price small { font-size: 9px; letter-spacing: 0; } .price-card h3 { font-size: 19px; margin-top: 12px; } .price-card > p { font-size: 11px; margin-top: 7px; max-width: 310px; } .price-features { width: 100%; list-style: none; margin-top: auto; padding-top: 18px; border-top: 1px solid rgba(0, 0, 0, 0.13); margin-bottom: 18px; } .price-features li { font-size: 10px; padding: 3px 0; } .price-features li:before { content: ""; margin-right: 6px; } .price-button { background: #000; color: #fff; padding: 11px 14px; font-size: 9px; font-weight: 900; } .local { position: relative; overflow: hidden; padding: 82px 0; background: linear-gradient(120deg, #050505, #07151a 48%, #050505); } .local:before { content: ""; position: absolute; width: 460px; height: 460px; left: -260px; top: 0; border-radius: 50%; background: var(--blue); opacity: 0.15; filter: blur(90px); } .local-grid { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; } .local-copy p { font-size: 13px; max-width: 540px; margin-top: 16px; color: #fff; } .local-areas { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .area { padding: 16px; border: 1px solid var(--line); background: rgba(255, 255, 255, 0.025); transition: 0.2s; } .area:hover { border-color: var(--yellow); transform: translateX(4px); } .area strong { display: block; font-size: 11px; } .area span { color: #fff; font-size: 8px; } .about { background: var(--light); color: #000; padding: 82px 0; } .about-grid { display: grid; grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr); gap: 60px; align-items: center; } .greg-card { width: 100%; background: #080808; color: #fff; overflow: hidden; display: flex; flex-direction: column; align-items: center; position: relative; } .greg-photo { width: 100%; height: 300px; overflow: hidden; position: relative; background: #111; } .greg-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .greg-photo:after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 45%, rgba(0, 0, 0, 0.7)); } .greg-card > strong { display: block; text-align: center; padding: 18px 28px 0; font-size: 18px; line-height: 1.15; } .greg-card > span { display: block; text-align: center; color: #fff; font-size: 9px; line-height: 1.4; margin-top: 5px; padding: 0 28px 25px; } .greg-card:after { content: ""; position: absolute; width: 200px; height: 200px; right: -100px; bottom: -100px; border-radius: 50%; background: var(--blue); opacity: 0.25; filter: blur(35px); } .about-copy p { font-size: 13px; margin-top: 15px; max-width: 650px; } .about-points { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 22px; } .about-point { border-top: 1px solid #ddd; padding-top: 10px; } .about-point strong { display: block; font-size: 10px; } .about-point span { font-size: 9px; color: #000; } .diagnosis { padding: 82px 0; background: var(--black); } .diagnosis-grid { display: grid; grid-template-columns: minmax(250px, 0.8fr) minmax(0, 1.2fr); gap: 55px; } .diagnosis-copy p { font-size: 12px; max-width: 430px; margin-top: 15px; color: #fff; } .diagnosis-box { border: 1px solid var(--line); background: #090909; padding: 25px; } .diagnosis-question { font-size: 15px; font-weight: 900; margin-bottom: 14px; } .diagnosis-options { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .diagnosis-option { text-align: left; padding: 14px; background: #0d0d0d; color: #fff; border: 1px solid #222; font-size: 10px; font-weight: 900; transition: 0.2s; } .diagnosis-option:hover, .diagnosis-option.selected { color: #000; background: var(--yellow); border-color: var(--yellow); } .diagnosis-result { display: none; margin-top: 14px; padding: 18px; background: #000; border-left: 3px solid var(--blue); } .diagnosis-result.show { display: block; animation: fadeUp 0.3s var(--ease); } .diagnosis-result strong { color: var(--yellow); font-size: 10px; } .diagnosis-result p { color: #fff; font-size: 10px; margin-top: 5px; } .faq { background: #fff; color: #000; padding: 82px 0; } .faq-grid { display: grid; grid-template-columns: minmax(250px, 0.7fr) minmax(0, 1.3fr); gap: 60px; } .faq-intro p { font-size: 12px; margin-top: 15px; } .faq-item { border-top: 1px solid #ddd; } .faq-item:last-child { border-bottom: 1px solid #ddd; } .faq-question { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 0; border: 0; background: none; text-align: left; font-size: 11px; font-weight: 900; } .faq-plus { color: #0077b6; font-size: 17px; transition: 0.2s; } .faq-item.open .faq-plus { transform: rotate(45deg); } .faq-answer { display: grid; grid-template-rows: 0fr; transition: 0.3s; } .faq-answer-inner { overflow: hidden; } .faq-answer p { font-size: 11px; padding-bottom: 0; } .faq-item.open .faq-answer { grid-template-rows: 1fr; } .faq-item.open .faq-answer p { padding-bottom: 18px; } .contact { padding: 90px 0; background: radial-gradient(circle at 85% 40%, rgba(0, 126, 165, 0.28), transparent 38%), var(--black); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } .contact-copy { max-width: 900px; margin: auto; text-align: center; } .contact-copy > p { max-width: 680px; margin: 20px auto 0; color: #fff; font-size: 13px; line-height: 1.7; } .contact-details { max-width: 1000px; margin: 45px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } .contact-detail { min-height: 105px; padding: 22px 18px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 7px; } .contact-detail + .contact-detail { border-left: 1px solid var(--line); } .contact-detail strong { color: var(--yellow); font-size: 9px; letter-spacing: 1.7px; } .contact-detail a, .contact-detail span { font-size: 12px; color: #fff; } .contact-detail a:hover { color: var(--yellow); } .final { padding: 72px 0; background: var(--yellow); color: #000; } .final-inner { display: flex; align-items: center; justify-content: space-between; gap: 35px; } .final h2 { max-width: 720px; } .final p { font-size: 12px; margin-top: 9px; max-width: 510px; } .final-button { white-space: nowrap; background: #000; color: #fff; padding: 15px 19px; font-size: 9px; font-weight: 900; } footer { background: #050505; padding: 42px 0 24px; } .footer-top { display: flex; align-items: start; justify-content: space-between; gap: 30px; padding-bottom: 25px; border-bottom: 1px solid var(--line); } .footer-copy { color: #fff; font-size: 9px; margin-top: 10px; } .footer-links { display: flex; gap: 20px; flex-wrap: wrap; } .footer-links a { color: #000; font-size: 9px; } .footer-links a:hover { color: var(--yellow); } .copyright { color: #000; font-size: 8px; padding-top: 17px; } .reveal { opacity: 0; transform: translateY(22px); transition: opacity 0.7s var(--ease), transform 0.7s var(--ease); } .reveal.visible { opacity: 1; transform: none; }  .page-hero { padding: 72px 0 60px; background: linear-gradient(120deg, #050505 0%, #07151a 55%, #050505 100%); border-bottom: 1px solid var(--line); } .breadcrumb { color: #000; font-size: 9px; letter-spacing: 0.6px; margin-bottom: 20px; } .breadcrumb a:hover { color: var(--yellow); } .page-hero h1 { max-width: 900px; font-size: clamp(43px, 6.2vw, 76px); line-height: 0.9; letter-spacing: -4px; text-transform: uppercase; } .page-hero .lead { max-width: 780px; margin-top: 20px; color: #fff; font-size: 16px; } .page-shell { padding: 70px 0 85px; background: var(--light); color: #111; } .page-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 55px; align-items: start; } .article { max-width: 830px; } .article h2 { color: #111; font-size: 32px; line-height: 1; letter-spacing: -1.4px; margin: 38px 0 13px; } .article h3 { font-size: 20px; margin: 27px 0 8px; } .article p, .article li { font-size: 15px; line-height: 1.75; } .article p { margin: 0 0 17px; } .article ul { padding-left: 21px; margin: 10px 0 20px; } .article li { margin: 6px 0; } .service-callout { margin: 30px 0; padding: 24px; background: #fff; border-left: 5px solid var(--yellow); } .service-callout strong { display: block; font-size: 10px; letter-spacing: 1.5px; margin-bottom: 7px; } .service-cta { display: inline-flex; margin-top: 14px; background: #050505; color: #fff; padding: 13px 17px; font-size: 10px; font-weight: 900; } .service-sidebar { position: sticky; top: 92px; padding: 24px; background: #080808; color: #fff; border-top: 4px solid var(--yellow); } .service-sidebar .eyebrow { margin-bottom: 9px; } .service-sidebar h2 { font-size: 28px; letter-spacing: -1.6px; } .service-sidebar p { font-size: 11px; color: #fff; margin-top: 10px; } .service-sidebar a { display: block; padding: 12px 0; border-top: 1px solid #252525; color: #fff; font-size: 9px; font-weight: 900; } .service-sidebar a:first-of-type { margin-top: 15px; } .service-sidebar a:hover { color: var(--yellow); } .service-faq { margin-top: 5px; } .service-faq details { border-top: 1px solid #d6d6d6; padding: 14px 0; } .service-faq summary { cursor: pointer; font-size: 12px; font-weight: 900; } .service-faq p { margin-top: 10px !important; font-size: 13px !important; line-height: 1.6 !important; } .service-page-hero { padding: 70px 0 64px; } .service-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, 0.8fr); gap: 70px; align-items: center; } .service-hero-copy { min-width: 0; } .service-hero-copy .lead { max-width: 700px; } .service-hero-visual { width: 100%; max-width: 540px; justify-self: end; padding: 14px; border: 1px solid rgba(255, 255, 255, 0.15); background: rgba(255, 255, 255, 0.035); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5); transform: rotate(1deg); } .service-screen { overflow: hidden; border: 1px solid #292929; background: #0d0d0d; } .service-screen-bar { height: 31px; display: flex; align-items: center; gap: 6px; padding: 0 11px; border-bottom: 1px solid #292929; } .service-screen-bar span { width: 6px; height: 6px; border-radius: 50%; background: #3b3b3b; } .service-screen-bar span:first-child { background: var(--yellow); } .service-screen-bar b { margin: auto; color: #000; font-size: 7px; font-weight: 700; } .service-screen-body { min-height: 300px; padding: 29px; position: relative; overflow: hidden; background: radial-gradient(circle at 85% 18%, rgba(0, 169, 210, 0.34), transparent 30%), linear-gradient(145deg, #111, #080808 70%); } .service-screen-body:after { content: ""; position: absolute; width: 260px; height: 260px; right: -125px; bottom: -145px; border-radius: 50%; background: var(--yellow); opacity: 0.07; filter: blur(25px); } .service-screen-kicker { color: var(--yellow); font-size: 8px; font-weight: 900; letter-spacing: 1.8px; } .service-screen-title { position: relative; z-index: 1; margin-top: 14px; font-size: 38px; line-height: 0.88; letter-spacing: -2.4px; } .service-screen-title em { font-style: normal; color: var(--yellow); } .service-screen-stats { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 28px; } .service-screen-stats div { padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, 0.14); } .service-screen-stats strong { display: block; font-size: 11px; } .service-screen-stats span { display: block; color: #fff; font-size: 7px; letter-spacing: 1px; margin-top: 2px; } .service-screen-line { height: 5px; width: 72%; margin-top: 23px; background: #242424; } .service-screen-line.short { width: 48%; margin-top: 7px; } .service-hero-badge { position: absolute; right: -22px; bottom: 22px; padding: 13px 16px; background: var(--yellow); color: #000; font-size: 9px; line-height: 1.1; font-weight: 900; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.45); } .service-hero-badge small { font-size: 7px; letter-spacing: 1px; }  .blog-preview { padding: 82px 0; background: #080808; border-bottom: 1px solid var(--line); } .blog-preview-head { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 30px; } .blog-preview-head p { max-width: 430px; color: #fff; font-size: 12px; } .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .blog-card { background: #101010; border: 1px solid var(--line); padding: 25px; min-height: 270px; display: flex; flex-direction: column; } .blog-card-kicker { color: var(--yellow); font-size: 9px; font-weight: 900; letter-spacing: 1.4px; } .blog-card h3 { margin-top: 18px; font-size: 20px; line-height: 1.02; letter-spacing: -0.7px; } .blog-card p { margin-top: 10px; color: #fff; font-size: 11px; } .blog-card a { margin-top: auto; padding-top: 18px; color: var(--blue); font-size: 9px; font-weight: 900; } .blog-all-link { display: inline-block; margin-top: 20px; color: var(--yellow); font-size: 10px; font-weight: 900; } .blog-index { padding: 70px 0 85px; background: var(--light); color: #111; } .blog-index-intro { max-width: 760px; margin-bottom: 35px; } .blog-index-intro h1 { font-size: clamp(42px, 6vw, 70px); line-height: 0.9; letter-spacing: -4px; text-transform: uppercase; } .blog-index-intro p { font-size: 15px; margin-top: 17px; line-height: 1.65; } .blog-index .blog-grid { grid-template-columns: repeat(2, 1fr); } .blog-index .blog-card { background: #fff; border: 1px solid #ddd; color: #111; min-height: 300px; } .blog-index .blog-card p { color: #000; } .blog-post-meta { color: #000; font-size: 10px; letter-spacing: 0.5px; margin-top: 13px; } .blog-post .article { max-width: 860px; } .blog-post .article h2 { margin-top: 42px; } .blog-post .article blockquote { margin: 28px 0; padding: 20px 24px; background: #fff; border-left: 5px solid var(--yellow); font-size: 18px; line-height: 1.5; }  @media (max-width: 1100px) { .container { width: min(calc(100% - 36px), var(--max)); } .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(390px, 0.82fr); gap: 40px; } .mega-menu { right: -80px; width: 760px; } .service-hero-grid { gap: 45px; } } @media (max-width: 900px) { header { height: 68px; } .mobile-menu { display: block; } .nav-links { display: none; position: fixed; top: 68px; left: 12px; right: 12px; max-height: calc(100vh - 80px); overflow: auto; background: #080808; border: 1px solid var(--line); padding: 7px 15px 16px; flex-direction: column; align-items: stretch; gap: 0; } .nav-links.active { display: flex; } .nav-links > a, .services-trigger { padding: 14px 2px; border-bottom: 1px solid var(--line); } .nav-cta { margin-top: 9px; text-align: center; } .mega-menu { position: static; width: 100%; margin: 5px 0; box-shadow: none; grid-template-columns: 1fr 1fr; gap: 18px; padding: 17px; } .hero { min-height: auto; } .hero-grid { grid-template-columns: 1fr; gap: 42px; padding: 70px 0; } .hero-copy-wrap { text-align: center; } .hero-copy { margin-left: auto; margin-right: auto; } .hero h1 { margin-left: auto; margin-right: auto; text-align: center; } .hero-actions { justify-content: center; } .hero-note { justify-content: center; } .hero-card { width: min(100%, 700px); margin: auto; transform: none; } .service-grid { grid-template-columns: 1fr 1fr; } .price-grid { grid-template-columns: 1fr; } .price-card { border-right: 0; border-bottom: 1px solid #ddd; min-height: 330px; } .price-card:last-child { border-bottom: 0; } .local-grid, .about-grid, .diagnosis-grid, .faq-grid { grid-template-columns: 1fr; gap: 40px; } .about-grid { width: 100%; } .greg-card { max-width: 600px; margin: auto; } .about-copy { text-align: center; } .about-copy p { margin-left: auto; margin-right: auto; } .service-hero-grid { grid-template-columns: 1fr; gap: 38px; } .service-hero-copy { text-align: center; } .service-hero-copy .breadcrumb { text-align: left; } .service-hero-copy .lead { margin-left: auto; margin-right: auto; } .service-hero-visual { justify-self: center; max-width: 680px; transform: none; } .page-layout { grid-template-columns: 1fr; gap: 35px; } .service-sidebar { position: static; } .blog-grid, .blog-index .blog-grid { grid-template-columns: 1fr 1fr; } .blog-preview-head { display: block; } .blog-preview-head p { margin-top: 15px; } .final-inner { display: block; text-align: center; } .final h2, .final p { margin-left: auto; margin-right: auto; } .final-button { display: inline-flex; margin-top: 20px; } } @media (max-width: 700px) { .container { width: min(calc(100% - 28px), var(--max)); } header { height: 64px; } .nav-links { top: 64px; } .brand-name { font-size: 10px; } .brand-name small { display: none; } .brand-mark { width: 31px; height: 31px; } .mega-menu { grid-template-columns: 1fr !important; gap: 12px !important; padding: 14px !important; } .mega-menu > div { border-bottom: 1px solid rgba(255, 255, 255, 0.08); padding-bottom: 9px; } .mega-menu > div:last-child { border-bottom: 0; padding-bottom: 0; } .mega-menu a { padding: 6px 0; font-size: 10px; } h2 { font-size: clamp(34px, 10.5vw, 48px); letter-spacing: -2.3px; text-align: center; } .hero-grid { padding: 58px 0 54px; gap: 32px; } .hero h1 { font-size: clamp(44px, 13.5vw, 66px); letter-spacing: -3.8px; } .hero-copy { font-size: 13px; line-height: 1.65; margin: 22px auto; } .hero-actions { flex-direction: column; align-items: stretch; } .button { width: 100%; } .hero-note { font-size: 9px; line-height: 1.5; } .hero-card { padding: 8px; width: 100%; } .browser-bar { height: 29px; } .browser-url { padding: 4px 28px; font-size: 6px; } .website-mock { min-height: 380px; } .mock-nav { height: 42px; padding: 0 10px; } .mock-nav-links { display: none; } .mock-menu { display: block; } .mock-logo { font-size: 8px; } .mock-hero { grid-template-columns: 1fr; min-height: auto; padding: 20px 13px 14px; gap: 12px; } .mock-hero-copy { text-align: left; } .mock-hero h3 { font-size: 31px; letter-spacing: -2px; } .mock-hero-copy p { max-width: 240px; font-size: 7px; } .mock-photo { min-height: 170px; } .mock-photo-card { left: 9px; bottom: 9px; padding: 9px 10px; } .mock-photo-card strong { font-size: 15px; } .mock-bottom div { padding: 8px 6px; } .mock-bottom strong { font-size: 8px; } .mock-bottom span { font-size: 4.5px; } .floating-badge { right: 6px; bottom: 14px; padding: 9px 11px; font-size: 7px; } .floating-badge span { font-size: 5.5px; } .trust-inner { grid-template-columns: 1fr 1fr; } .trust-item { border-bottom: 1px solid var(--line); } .selector, .services-section, .pricing, .local, .about, .diagnosis, .faq, .blog-preview, .contact { padding: 60px 0; } .selector-heading, .services-header, .blog-preview-head { display: block; text-align: center; } .selector-heading p, .services-header p, .blog-preview-head p { margin: 13px auto 0; text-align: center; } .selector-tabs { justify-content: center; } .selector-tab { padding: 11px 9px; } .selector-panel { grid-template-columns: 1fr; gap: 25px; text-align: center; } .selector-panel p { margin: auto; } .check-list { grid-template-columns: 1fr; } .check-list li { text-align: center; } .selector-aside { text-align: center; } .service-grid { grid-template-columns: 1fr; } .service-card { text-align: center; } .service-card p { margin-left: auto; margin-right: auto; } .price-card { padding: 25px 18px; } .local-grid, .about-grid, .diagnosis-grid, .faq-grid { gap: 32px; } .local-copy, .about-copy, .diagnosis-copy, .faq-intro { text-align: center; } .local-copy p, .about-copy p, .diagnosis-copy p, .faq-intro p { margin-left: auto; margin-right: auto; } .local-areas { grid-template-columns: 1fr 1fr; } .about-points { grid-template-columns: 1fr; } .about-point { text-align: center; } .greg-photo { height: 245px; } .diagnosis-options { grid-template-columns: 1fr; } .diagnosis-option { text-align: center; } .contact-copy { padding: 0 4px; } .contact-copy > p { font-size: 12px; } .contact-details { grid-template-columns: 1fr; margin-top: 35px; } .contact-detail { min-height: 84px; } .contact-detail + .contact-detail { border-left: 0; border-top: 1px solid var(--line); } .footer-top { display: block; } .footer-links { margin-top: 20px; justify-content: center; } .copyright { text-align: center; } .page-hero { padding: 58px 0 45px; } .page-hero h1 { font-size: clamp(37px, 10.5vw, 52px); letter-spacing: -2.6px; } .page-hero .lead { font-size: 14px; line-height: 1.6; } .page-shell { padding: 55px 0 65px; } .article h2 { font-size: 28px; letter-spacing: -1.2px; margin-top: 34px; } .article p, .article li { font-size: 14px; line-height: 1.7; } .service-page-hero { padding: 52px 0 48px; } .service-hero-grid { gap: 30px; } .service-hero-copy .breadcrumb { font-size: 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .service-hero-visual { padding: 8px; } .service-screen-body { min-height: 255px; padding: 22px 18px; } .service-screen-title { font-size: 31px; } .service-hero-badge { right: -6px; bottom: 14px; padding: 10px 12px; font-size: 8px; } .service-screen-stats { gap: 6px; margin-top: 23px; } .service-screen-stats strong { font-size: 9px; } .service-screen-stats span { font-size: 6px; } .blog-grid, .blog-index .blog-grid { grid-template-columns: 1fr; } .blog-index { padding: 55px 0 65px; } .blog-index-intro h1 { font-size: clamp(38px, 11vw, 52px); letter-spacing: -2.8px; } .blog-card { min-height: 245px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }  .container { width: min(1160px, calc(100% - 40px)); } .hero-grid, .service-hero-grid, .local-grid, .about-grid, .diagnosis-grid, .faq-grid { align-items: center; } .hero-card, .service-hero-visual { transform: none !important; margin-left: auto; margin-right: auto; } .hero-card { width: 100%; max-width: 610px; } .service-hero-visual { width: 100%; max-width: 540px; } .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .service-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .service-screen { width: 100%; } .service-screen-body { min-height: 300px; } .service-grid { align-items: stretch; } .service-card { height: 100%; display: flex; flex-direction: column; } .service-card p { flex: 1; } .blog-grid { align-items: stretch; } .blog-card { height: 100%; min-height: 280px; } .blog-index .blog-card { min-height: 300px; } .blog-card p { max-width: 560px; } .blog-preview-head, .services-header, .selector-heading { min-height: 80px; } .selector-panel { align-items: stretch; } .selector-aside { height: 100%; } .price-grid { align-items: stretch; } .price-card { height: 100%; } .about-grid { align-items: center; } .greg-card { max-width: 520px; margin: 0 auto; } .greg-photo { aspect-ratio: 4/3; height: auto; } .contact-details { align-items: stretch; } .contact-detail { height: 100%; } .final-inner { align-items: center; } .page-layout { align-items: start; } .article { width: 100%; min-width: 0; } .service-sidebar { width: 100%; } .page-hero .container, .service-page-hero .container { width: min(1160px, calc(100% - 40px)); } .blog-index-intro { width: 100%; } .blog-post .article { width: 100%; max-width: 860px; margin: 0 auto; } .blog-post .page-layout { grid-template-columns: minmax(0, 860px) 300px; justify-content: center; } .mock-hero, .mock-bottom { width: 100%; } .mock-photo { height: 235px; min-height: 235px; } .mock-hero { min-height: 300px; } .mock-bottom div { min-height: 55px; display: flex; flex-direction: column; justify-content: center; }  .hero-card, .service-hero-visual { border-radius: 0; }  .selector-heading > div:first-child, .services-header > div:first-child, .blog-preview-head > div:first-child { min-width: 0; } @media (max-width: 900px) { .hero-grid, .service-hero-grid { grid-template-columns: 1fr; } .hero-card, .service-hero-visual { width: 100%; max-width: 680px; } .blog-post .page-layout { grid-template-columns: 1fr; } .blog-post .article { max-width: 100%; } .greg-card { margin: 0 auto; } } @media (max-width: 700px) { .container, .page-hero .container, .service-page-hero .container { width: min(100% - 28px, 1160px); } .hero-grid, .service-hero-grid { gap: 30px; } .hero-card { max-width: 100%; } .service-hero-visual { max-width: 100%; } .service-screen-body { min-height: 255px; } .mock-hero { min-height: auto; } .mock-photo { height: 170px; min-height: 170px; } .mock-bottom div { min-height: 50px; } .blog-card, .blog-index .blog-card { min-height: 245px; } .blog-preview-head, .services-header, .selector-heading { min-height: 0; } .greg-card { max-width: 600px; } }  :root { --space-1: 8px; --space-2: 16px; --space-3: 24px; --space-4: 32px; --space-5: 48px; --space-6: 64px; --space-7: 80px; } .section { padding-block: var(--space-7); } .section-tight { padding-block: var(--space-6); } .trust-strip { padding-block: 16px; } .services { padding-top: var(--space-7); padding-bottom: var(--space-7); } .blog-preview { padding-block: var(--space-7); } .page-shell { padding-block: var(--space-7); } .page-hero, .service-page-hero { padding-top: 64px; padding-bottom: 56px; } .page-layout { gap: 40px; } .article > *:first-child { margin-top: 0; } .article h2 { margin-top: 40px; margin-bottom: 14px; } .article p, .article ul { margin-top: 0; margin-bottom: 16px; } .article ul { padding-left: 20px; } .service-sidebar { align-self: start; } .footer-top { gap: 40px; } @media (max-width: 900px) { .section, .services, .blog-preview, .page-shell { padding-block: 56px; } .page-hero, .service-page-hero { padding-top: 52px; padding-bottom: 48px; } .page-layout { gap: 32px; } } @media (max-width: 700px) { .section, .services, .blog-preview, .page-shell { padding-block: 44px; } .page-hero, .service-page-hero { padding-top: 40px; padding-bottom: 40px; } .container, .page-hero .container, .service-page-hero .container { width: calc(100% - 28px); } .page-layout { gap: 28px; } .article h2 { margin-top: 32px; } .footer-top { gap: 28px; } }  :root { --content: 1160px; --gutter: clamp(18px, 3vw, 40px); } .container { width: min(var(--content), calc(100% - (var(--gutter) * 2))); margin-inline: auto; } header .nav { position: relative; } header .brand { flex: 0 0 auto; } header .nav-links { margin-left: auto; }  .hero-grid { grid-template-columns: 1fr !important; gap: 0 !important; text-align: center !important; max-width: 920px; margin-inline: auto; } .hero-copy-wrap { width: 100%; margin-inline: auto; } .hero .eyebrow, .hero h1, .hero-copy, .hero-note { margin-inline: auto; } .hero h1 { max-width: 900px; } .hero-copy { max-width: 760px; } .hero-actions { justify-content: center; } .hero-note { text-align: center; }  .page-hero { text-align: center; } .page-hero .container { max-width: 1000px; margin-inline: auto; } .page-hero .breadcrumb { justify-content: center; text-align: center; } .page-hero .eyebrow { text-align: center; } .page-hero h1 { max-width: 980px; margin-inline: auto; } .page-hero .lead { max-width: 760px; margin: 18px auto 0; } .blog-post-meta { text-align: center; } .service-hero-grid { grid-template-columns: 1fr !important; max-width: 1000px; margin-inline: auto; } .service-hero-copy { max-width: 900px; margin-inline: auto; text-align: center; } .service-hero-copy .breadcrumb { text-align: center; } .service-page-hero .lead { margin-inline: auto; }  .faq-grid { display: block !important; max-width: 900px; margin-inline: auto; } .faq-intro { text-align: center; max-width: 700px; margin: 0 auto 34px; } .faq-intro .dark-label { display: inline-block; } .faq-intro h2 { text-align: center; } .faq-intro p { max-width: 600px; margin: 15px auto 0; } .faq-item { width: 100%; } .faq-question { text-align: left; }  .blog-card h3 a { display: block; color: inherit; text-decoration: none; } .blog-card h3 a:hover { color: var(--blue); } .blog-card h3 a:focus-visible { outline: 2px solid var(--yellow); outline-offset: 4px; } .blog-index-intro { max-width: 820px; margin: 0 auto 38px; text-align: center; } .blog-index-intro .eyebrow, .blog-index-intro h1, .blog-index-intro .lead { text-align: center; margin-left: auto; margin-right: auto; }   :root { --black: #000000; --white: #ffffff; --yellow: #fff000; --blue: #0077b6; --ocean: #0077b6; --ink: #111111; --soft: #f5f5f2; --line: rgba(255, 255, 255, 0.14); } body { background: #000; color: #fff; } .ocean-glow { background: #0077b6 !important; opacity: 0.1 !important; } header { background: rgba(0, 0, 0, 0.96) !important; border-bottom-color: rgba(255, 255, 255, 0.14) !important; } .brand-mark { background: #fff000 !important; color: #000 !important; } .nav-links a:hover, .services-trigger:hover { color: #fff000 !important; } .mega-menu { background: #000 !important; border-color: #000 !important; } .mega-menu a:hover { background: #111 !important; color: #fff000 !important; } .eyebrow, .yellow { color: #fff000 !important; } .blue { color: #0077b6 !important; } .hero { background: #000 !important; } .hero-note { display: block !important; text-align: center !important; margin: 30px auto 0 !important; color: #fff !important; font-size: 10px !important; line-height: 1.8 !important; max-width: 900px !important; } .hero-note strong { display: block !important; color: #fff000 !important; letter-spacing: 1.5px !important; } .hero-note-line { display: none !important; } .hero-note::first-line { letter-spacing: 1px; } .page-hero, .service-page-hero { background: linear-gradient(120deg, #000 0%, #00131d 55%, #000 100%) !important; border-bottom-color: rgba(255, 255, 255, 0.14) !important; } .page-shell { background: #fff !important; color: #111 !important; } .article h2, .article h3 { color: #111 !important; } .article a { color: #0077b6; } .article a:hover { color: #000; } .service-callout { background: #f5f5f2 !important; border-left-color: #fff000 !important; } .service-cta { background: #000 !important; color: #fff !important; border: 1px solid #000 !important; } .service-cta:hover { background: #0077b6 !important; border-color: #0077b6 !important; color: #fff !important; } .service-sidebar { background: #000 !important; color: #fff !important; border-top-color: #fff000 !important; } .service-sidebar a:hover { color: #fff000 !important; } .faq-item, .service-faq details { border-color: #000 !important; } .faq-question, .service-faq summary { color: #111 !important; } .faq-answer, .service-faq p { color: #000 !important; } footer { background: #000 !important; color: #fff !important; } .footer-links a:hover { color: #fff000 !important; }  .blog-index { background: #fff !important; color: #111 !important; padding: 84px 0 110px !important; } .blog-index-intro { max-width: 900px !important; margin: 0 auto 52px !important; text-align: center !important; } .blog-index-intro h2 { font-size: clamp(48px, 6.6vw, 82px) !important; line-height: 0.88 !important; letter-spacing: -4px !important; color: #000 !important; } .blog-index-intro p { max-width: 720px !important; margin: 20px auto 0 !important; color: #000 !important; font-size: 15px !important; line-height: 1.7 !important; } .blog-index .blog-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } .blog-index .blog-card { min-height: 380px !important; padding: 36px !important; background: #000 !important; color: #fff !important; border: 1px solid #000 !important; position: relative !important; box-shadow: none !important; transform: none !important; overflow: hidden !important; } .blog-index .blog-card::before { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 7px !important; background: linear-gradient(90deg, #fff000 0 72%, #0077b6 72% 100%) !important; transform: none !important; } .blog-index .blog-card:hover { transform: translateY(-5px) !important; box-shadow: 0 24px 55px rgba(0, 0, 0, 0.18) !important; } .blog-index .blog-card:first-child { grid-column: 1/-1 !important; min-height: 430px !important; padding: 46px !important; background: #000 !important; color: #fff !important; } .blog-index .blog-card-kicker, .blog-index .blog-card:first-child .blog-card-kicker { color: #fff000 !important; font-size: 10px !important; letter-spacing: 2px !important; font-weight: 900 !important; } .blog-index .blog-card h3, .blog-index .blog-card:first-child h3 { margin-top: 18px !important; font-size: clamp(34px, 3.4vw, 48px) !important; line-height: 0.94 !important; letter-spacing: -2px !important; max-width: 850px !important; } .blog-index .blog-card:first-child h3 { font-size: clamp(46px, 6vw, 78px) !important; letter-spacing: -3.8px !important; max-width: 980px !important; } .blog-index .blog-card h3 a, .blog-index .blog-card:first-child h3 a { color: #fff !important; } .blog-index .blog-card h3 a:hover, .blog-index .blog-card:first-child h3 a:hover { color: #fff000 !important; } .blog-index .blog-post-meta, .blog-index .blog-card:first-child .blog-post-meta { color: #fff !important; text-align: left !important; font-size: 9px !important; letter-spacing: 1.2px !important; margin-top: 18px !important; } .blog-index .blog-card p, .blog-index .blog-card:first-child p { color: #fff !important; font-size: 14px !important; line-height: 1.7 !important; max-width: 680px !important; margin-top: 18px !important; } .blog-index .blog-card > a:last-child, .blog-index .blog-card:first-child > a:last-child { margin-top: auto !important; padding-top: 28px !important; color: #0077b6 !important; font-size: 10px !important; letter-spacing: 1px !important; font-weight: 900 !important; } .blog-index .blog-card > a:last-child:hover { color: #fff000 !important; } .blog-index .blog-card:first-child > a:last-child { color: #fff000 !important; } @media (max-width: 900px) { .blog-index .blog-grid { grid-template-columns: 1fr !important; } .blog-index .blog-card:first-child { grid-column: auto !important; } } @media (max-width: 700px) { .hero-note { font-size: 9px !important; line-height: 1.65 !important; } .blog-index { padding: 62px 0 78px !important; } .blog-index-intro { margin-bottom: 36px !important; } .blog-index-intro h2 { font-size: clamp(42px, 12vw, 62px) !important; letter-spacing: -3px !important; } .blog-index .blog-card, .blog-index .blog-card:first-child { min-height: 340px !important; padding: 28px !important; } .blog-index .blog-card:first-child h3 { font-size: clamp(40px, 11vw, 58px) !important; letter-spacing: -2.8px !important; } .blog-index .blog-card h3 { font-size: clamp(32px, 9.5vw, 46px) !important; letter-spacing: -1.8px !important; } }  .brand-mark { border-radius: 50% !important; } .brand-mark:after { display: none !important; } .button.secondary { color: #fff !important; background: #000 !important; border: 1px solid #fff !important; } .button.secondary:hover { color: #000 !important; background: #fff000 !important; border-color: #fff000 !important; } .price-button { color: #fff !important; background: #000 !important; border: 1px solid #000 !important; } .price-button:hover { color: #000 !important; background: #fff000 !important; border-color: #000 !important; } footer { background: #000 !important; color: #fff !important; } .footer-copy, .footer-links a, .copyright { color: #fff !important; } .footer-links a:hover { color: #fff000 !important; }  .blog-index { padding: 70px 0 85px; background: #fff; color: #000; } .blog-index-intro { max-width: 820px; margin: 0 auto 38px; text-align: center; } .blog-index .blog-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .blog-index .blog-card { background: #101010; border: 1px solid var(--line); padding: 25px; min-height: 270px; display: flex; flex-direction: column; color: #fff; } .blog-index .blog-card-kicker { color: #fff000; font-size: 9px; font-weight: 900; letter-spacing: 1.4px; } .blog-index .blog-card h3 { margin-top: 18px; font-size: clamp(28px, 2.5vw, 34px); line-height: 1.02; letter-spacing: -1.1px; } .blog-index .blog-card h3 a { display: block; color: #fff; text-decoration: none; } .blog-index .blog-card h3 a:hover { color: #fff000; } .blog-index .blog-card h3 a:focus-visible { outline: 3px solid #fff000; outline-offset: 5px; } .blog-index .blog-card p { margin-top: 10px; color: #fff; font-size: 11px; line-height: 1.6; } .blog-index .blog-post-meta { color: #fff; font-size: 9px; letter-spacing: 1px; margin-top: 14px; } .blog-index .blog-card > a:last-child { margin-top: auto; padding-top: 18px; color: #fff000; font-size: 9px; font-weight: 900; text-decoration: none; } .blog-index .blog-card > a:last-child:hover { color: #fff; } @media (max-width: 900px) { .blog-index .blog-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 700px) { .blog-index { padding: 58px 0 70px; } .blog-index .blog-grid { grid-template-columns: 1fr; } .blog-index .blog-card { min-height: 270px; padding: 24px; } .blog-index .blog-card h3 { font-size: clamp(27px, 8vw, 34px); letter-spacing: -1px; } }  :root { --liwm-black: #000; --liwm-white: #fff; --liwm-yellow: #fff000; --liwm-blue: #0077b6; --liwm-line: rgba(255, 255, 255, 0.15); } .liwm-site .brand-mark { border-radius: 50% !important; } .liwm-site .brand-mark::after { display: none !important; } .faq-plus { display: block; width: 16px; height: 2px; background: currentColor; font-size: 0; }  html { scroll-padding-top: 72px !important; } .liwm-skip-link { position: fixed; z-index: 10000; top: 10px; left: 10px; padding: 11px 15px; background: var(--liwm-yellow); color: var(--liwm-black) !important; font-size: 13px; font-weight: 900; transform: translateY(-160%); transition: transform 0.18s ease; } .liwm-skip-link:focus { transform: translateY(0); } .liwm-site :focus-visible { outline: 3px solid var(--liwm-yellow); outline-offset: 4px; } .nav-links .nav-cta:hover, .nav-links .nav-cta:focus-visible { background: var(--liwm-yellow) !important; color: var(--liwm-black) !important; } .page-hero .breadcrumb, .service-page-hero .breadcrumb, .page-hero .breadcrumb a, .service-page-hero .breadcrumb a, .page-hero .blog-post-meta, .page-hero .blog-post-meta a { color: var(--liwm-white) !important; } .page-hero .breadcrumb, .service-page-hero .breadcrumb { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; } .page-hero .blog-post-meta a { text-decoration: underline; text-decoration-color: var(--liwm-yellow); text-underline-offset: 4px; } .page-hero .blog-post-meta a:hover { color: var(--liwm-yellow) !important; } .service-callout strong { color: var(--liwm-black); font-size: 11px; letter-spacing: 1.4px; } .service-callout p { color: var(--liwm-black) !important; } .services-section .service-card h3 { font-size: 20px; } .services-section .service-card p { color: var(--liwm-white) !important; font-size: 13px; line-height: 1.6; } .services-section .service-card a { color: var(--liwm-yellow) !important; font-size: 11px; line-height: 1.4; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } .service-sidebar a { font-size: 11px !important; } .price-features li { font-size: 11px !important; } .price-features li::before { content: none !important; display: none !important; } .ocean-glow { background: radial-gradient( circle, rgba(0, 119, 182, 0.52) 0%, rgba(0, 119, 182, 0.2) 44%, rgba(0, 119, 182, 0) 72% ) !important; opacity: 0.35 !important; filter: blur(42px) !important; }  .blog-index { padding: 78px 0 96px !important; background: var(--liwm-white) !important; color: var(--liwm-black) !important; } .blog-index-intro { max-width: 800px !important; margin: 0 auto 42px !important; text-align: center !important; } .blog-index-intro h1, .blog-index-intro h2 { color: var(--liwm-black) !important; font-size: clamp(46px, 6vw, 72px) !important; line-height: 0.92 !important; letter-spacing: -3.4px !important; text-align: center !important; } .blog-index-intro p { max-width: 690px !important; margin: 18px auto 0 !important; color: var(--liwm-black) !important; font-size: 16px !important; line-height: 1.7 !important; text-align: center !important; } .blog-index .blog-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-rows: 1fr !important; align-items: stretch !important; gap: 18px !important; } .blog-index .blog-card, .blog-index .blog-card:first-child { position: relative !important; grid-column: auto !important; display: flex !important; height: 100% !important; min-height: 360px !important; padding: 32px 27px !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; border: 1px solid #222 !important; background: var(--liwm-black) !important; color: var(--liwm-white) !important; box-shadow: none !important; transform: none !important; overflow: hidden !important; text-align: center !important; } .blog-index .blog-card::before, .blog-index .blog-card:first-child::before { content: "" !important; position: absolute !important; inset: 0 0 auto !important; width: 100% !important; height: 5px !important; background: linear-gradient( 90deg, var(--liwm-yellow) 0 72%, var(--liwm-blue) 72% 100% ) !important; } .blog-index .blog-card:hover, .blog-index .blog-card:first-child:hover { border-color: var(--liwm-blue) !important; transform: none !important; box-shadow: 0 14px 34px rgba(0, 119, 182, 0.14) !important; } .blog-index .blog-card h3, .blog-index .blog-card:first-child h3, .blog-index .blog-card h3 a, .blog-index .blog-card:first-child h3 a { max-width: 760px !important; width: 100% !important; min-height: 120px !important; margin: 18px auto 0 !important; padding: 0 !important; color: var(--liwm-white) !important; font-size: clamp(29px, 3vw, 40px) !important; line-height: 1 !important; letter-spacing: -1.6px !important; text-align: center !important; } .blog-index .blog-card h3, .blog-index .blog-card:first-child h3 { display: flex !important; align-items: center !important; justify-content: center !important; } .blog-index .blog-card h3 a, .blog-index .blog-card:first-child h3 a { display: flex !important; align-items: center !important; justify-content: center !important; } .blog-index .blog-card h3 a:hover, .blog-index .blog-card:first-child h3 a:hover { color: var(--liwm-yellow) !important; } .blog-index .blog-card-kicker, .blog-index .blog-card:first-child .blog-card-kicker { width: 100% !important; color: var(--liwm-yellow) !important; text-align: center !important; } .blog-index .blog-post-meta, .blog-index .blog-post-meta a { width: 100% !important; margin: 12px auto 0 !important; color: var(--liwm-white) !important; font-size: 9px !important; font-weight: 900 !important; letter-spacing: 1px !important; text-align: center !important; } .blog-index .blog-post-meta a { text-decoration: underline !important; text-decoration-color: var(--liwm-yellow) !important; text-underline-offset: 4px !important; } .blog-index .blog-post-meta a:hover { color: var(--liwm-yellow) !important; } .blog-index .blog-card p, .blog-index .blog-card:first-child p { max-width: 610px !important; width: 100% !important; min-height: 96px !important; margin: 17px auto 0 !important; color: var(--liwm-white) !important; font-size: 14px !important; line-height: 1.7 !important; text-align: center !important; } .blog-index .blog-card > a:last-child, .blog-index .blog-card:first-child > a:last-child { display: inline-flex !important; width: 170px !important; min-height: 44px !important; margin: auto auto 0 !important; padding: 12px 16px !important; align-items: center !important; justify-content: center !important; border: 1px solid var(--liwm-yellow) !important; background: var(--liwm-yellow) !important; color: var(--liwm-black) !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0.8px !important; line-height: 1.2 !important; text-align: center !important; } .blog-index .blog-card > a:last-child:hover, .blog-index .blog-card:first-child > a:last-child:hover { border-color: var(--liwm-white) !important; background: var(--liwm-white) !important; color: var(--liwm-black) !important; } .blog-post .service-cta { display: flex !important; width: max-content; margin: 34px auto 0 !important; text-align: center; } .liwm-article-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: 36px 0; } .liwm-article-actions .service-cta { margin: 0 !important; text-align: center; } .liwm-secondary-cta { background: #000 !important; color: #fff !important; } .liwm-author-card { display: grid; grid-template-columns: 130px minmax(0, 1fr); align-items: center; gap: 26px; margin-top: 56px; padding: 28px; border: 1px solid #111; background: #f4f4f1; text-align: center; } .liwm-author-card img { width: 130px; aspect-ratio: 1; border-radius: 50%; object-fit: cover; } .liwm-author-card h2 { margin: 4px 0 10px !important; font-size: 30px !important; text-align: center; } .liwm-author-card p { color: #000 !important; font-size: 14px !important; } .liwm-author-card a { display: inline-block; margin-top: 10px; border-bottom: 2px solid #0077b6; color: #000; font-size: 10px; font-weight: 900; } @media (max-width: 700px) { .liwm-article-actions { flex-direction: column; } .liwm-article-actions .service-cta { width: 100%; } .liwm-author-card { grid-template-columns: 1fr; text-align: center; } .liwm-author-card img { margin: 0 auto; } } .liwm-about-button { width: max-content; margin: 25px 0 28px; }  @media (hover: hover) and (pointer: fine) { .services:hover > .mega-menu, .services:focus-within > .mega-menu { display: grid; } }  .liwm-profile-page { margin: 0; background: var(--liwm-black); color: var(--liwm-white); font-family: Arial, Helvetica, sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; } .liwm-profile-page *, .liwm-profile-page *::before, .liwm-profile-page *::after { box-sizing: border-box; } .liwm-profile-page a { color: inherit; text-decoration: none; } .liwm-profile-page img { display: block; max-width: 100%; height: auto; } .liwm-profile-page .container { width: min(calc(100% - 40px), 1160px); margin: 0 auto; } .liwm-profile-page header { position: sticky; z-index: 1000; top: 0; height: 72px; border-bottom: 1px solid var(--liwm-line); background: rgba(0, 0, 0, 0.96); } .liwm-profile-page .nav { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .liwm-profile-page .brand { display: flex; align-items: center; gap: 11px; white-space: nowrap; } .liwm-profile-page .brand-mark { position: relative; display: grid; flex: 0 0 auto; width: 35px; height: 35px; place-items: center; border-radius: 50%; background: var(--liwm-yellow); color: var(--liwm-black); font-size: 11px; font-weight: 900; } .liwm-profile-page .brand-name { font-size: 12px; font-weight: 900; letter-spacing: 0.3px; line-height: 1; } .liwm-profile-page .brand-name small { display: block; margin-top: 5px; color: var(--liwm-white); font-size: 7px; font-weight: 700; letter-spacing: 1.55px; } .liwm-profile-page .nav-links { display: flex; align-items: center; gap: 25px; font-size: 11px; font-weight: 900; } .liwm-profile-page .nav-links > a:hover, .liwm-profile-page .services-trigger:hover { color: var(--liwm-yellow); } .liwm-profile-page .services { position: relative; } .liwm-profile-page .services-trigger { display: flex; align-items: center; gap: 6px; padding: 27px 0; border: 0; background: none; color: var(--liwm-white); font: inherit; font-weight: 900; cursor: pointer; } .liwm-profile-page .service-chevron { color: var(--liwm-yellow); transition: transform 0.2s ease; } .liwm-profile-page .services.open .service-chevron { transform: rotate(180deg); } .liwm-profile-page .mega-menu { position: absolute; top: 68px; right: -130px; display: none; width: 820px; grid-template-columns: repeat(4, 1fr); gap: 25px; padding: 26px; border: 1px solid var(--liwm-line); background: var(--liwm-black); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7); } .liwm-profile-page .services.open .mega-menu { display: grid; } .liwm-profile-page .mega-title { margin-bottom: 9px; color: var(--liwm-yellow); font-size: 9px; font-weight: 900; letter-spacing: 1.8px; } .liwm-profile-page .mega-menu a { display: block; padding: 5px 0; color: var(--liwm-white); font-size: 11px; } .liwm-profile-page .mega-menu a:hover { color: var(--liwm-yellow); } .liwm-profile-page .nav-cta { padding: 11px 15px; background: var(--liwm-yellow); color: var(--liwm-black) !important; font-size: 9px; } .liwm-profile-page .mobile-menu { display: none; padding: 5px; border: 0; background: none; color: var(--liwm-white); font-size: 25px; cursor: pointer; } .liwm-profile-hero { padding: 78px 0; border-bottom: 1px solid var(--liwm-line); background: radial-gradient(circle at 80% 25%, rgba(0, 119, 182, 0.26), transparent 30%), var(--liwm-black); } .liwm-profile-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.75fr); align-items: center; gap: 70px; } .liwm-profile-eyebrow { margin-bottom: 15px; color: var(--liwm-yellow); font-size: 10px; font-weight: 900; letter-spacing: 2.4px; } .liwm-profile-hero h1 { max-width: 760px; margin: 0; font-size: clamp(51px, 7vw, 88px); line-height: 0.87; letter-spacing: -5px; text-transform: uppercase; } .liwm-profile-hero h1 span { color: var(--liwm-yellow); } .liwm-profile-lead { max-width: 700px; margin: 25px 0 0; color: var(--liwm-white); font-size: 17px; line-height: 1.7; } .liwm-profile-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; } .liwm-profile-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 13px 18px; border: 1px solid var(--liwm-yellow); background: var(--liwm-yellow); color: var(--liwm-black) !important; font-size: 10px; font-weight: 900; letter-spacing: 0.8px; } .liwm-profile-button.secondary { border-color: var(--liwm-white); background: transparent; color: var(--liwm-white) !important; } .liwm-profile-button:hover { border-color: var(--liwm-white); background: var(--liwm-white); color: var(--liwm-black) !important; } .liwm-profile-photo { position: relative; max-width: 480px; justify-self: end; padding: 10px; border: 1px solid var(--liwm-line); background: rgba(255, 255, 255, 0.04); } .liwm-profile-photo::after { position: absolute; right: -12px; bottom: -12px; width: 42%; height: 7px; background: linear-gradient(90deg, var(--liwm-yellow) 0 70%, var(--liwm-blue) 70%); content: ""; } .liwm-profile-photo img { width: 100%; aspect-ratio: 1; object-fit: cover; } .liwm-profile-content { padding: 82px 0; background: var(--liwm-white); color: #111; } .liwm-profile-content-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 64px; align-items: start; } .liwm-profile-copy h2 { margin: 0 0 18px; color: var(--liwm-black); font-size: clamp(38px, 5vw, 62px); line-height: 0.92; letter-spacing: -3px; text-transform: uppercase; } .liwm-profile-copy h2:not(:first-child) { margin-top: 48px; } .liwm-profile-copy p { max-width: 780px; margin: 0 0 18px; font-size: 16px; line-height: 1.78; } .liwm-profile-quote { margin: 32px 0; padding: 24px 26px; border-left: 5px solid var(--liwm-yellow); background: #f5f5f2; font-size: 18px !important; font-weight: 700; } .liwm-profile-facts { position: sticky; top: 94px; padding: 25px; border-top: 5px solid var(--liwm-yellow); background: var(--liwm-black); color: var(--liwm-white); } .liwm-profile-facts h2 { margin: 0; color: var(--liwm-white); font-size: 28px; line-height: 1; letter-spacing: -1.5px; text-transform: uppercase; } .liwm-profile-facts dl { margin: 19px 0 0; } .liwm-profile-facts dt { padding-top: 14px; border-top: 1px solid #252525; color: var(--liwm-yellow); font-size: 9px; font-weight: 900; letter-spacing: 1.3px; } .liwm-profile-facts dd { margin: 6px 0 14px; color: var(--liwm-white); font-size: 13px; line-height: 1.55; } .liwm-profile-page footer { padding: 36px 0 22px; border-top: 1px solid var(--liwm-line); background: var(--liwm-black); } .liwm-profile-page .footer-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; padding-bottom: 25px; border-bottom: 1px solid var(--liwm-line); } .liwm-profile-page .footer-copy { max-width: 480px; margin: 18px 0 0; color: var(--liwm-white); font-size: 11px; } .liwm-profile-page .footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 16px; color: var(--liwm-white); font-size: 10px; font-weight: 900; } .liwm-profile-page .footer-links a:hover { color: var(--liwm-yellow); } .liwm-profile-page .copyright { padding-top: 17px; color: var(--liwm-white); font-size: 9px; } @media (max-width: 900px) { html { scroll-padding-top: 68px !important; } .nav-links { left: 12px !important; right: 12px !important; align-items: stretch !important; gap: 0 !important; padding: 5px 14px 11px !important; } .nav-links .services { width: 100%; margin: 0 !important; padding: 0 !important; } .nav-links > a, .nav-links .services-trigger { display: flex !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 11px 0 !important; align-items: center !important; justify-content: space-between !important; text-align: left !important; } .nav-links .mega-menu { position: static !important; right: auto !important; width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px 16px !important; margin: 0 0 5px !important; padding: 11px 12px !important; } .nav-links .mega-title { margin-bottom: 3px !important; } .nav-links .mega-menu a { padding: 4px 0 !important; line-height: 1.25 !important; } .nav-links .nav-cta { min-height: 40px !important; margin-top: 6px !important; padding: 10px 12px !important; justify-content: center !important; text-align: center !important; } .blog-index .blog-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .blog-index .blog-card h3, .blog-index .blog-card:first-child h3, .blog-index .blog-card h3 a, .blog-index .blog-card:first-child h3 a { min-height: 102px !important; } .blog-index .blog-card p, .blog-index .blog-card:first-child p { min-height: 72px !important; } .liwm-profile-page header { height: 68px; } .liwm-profile-page .mobile-menu { display: block; } .liwm-profile-page .nav-links { position: fixed; top: 68px; display: none; max-height: calc(100vh - 80px); overflow: auto; border: 1px solid var(--liwm-line); background: #080808; flex-direction: column; gap: 0; } .liwm-profile-page .nav-links.active { display: flex; } .liwm-profile-page .nav-links > a, .liwm-profile-page .services-trigger { padding: 14px 2px; border-bottom: 1px solid var(--liwm-line); } .liwm-profile-page .mega-menu { display: none; grid-template-columns: 1fr 1fr; gap: 18px; box-shadow: none; } .liwm-profile-page .services.open .mega-menu { display: grid; } .liwm-profile-grid { grid-template-columns: 1fr; gap: 42px; } .liwm-profile-copy-wrap { text-align: center; } .liwm-profile-lead { margin-right: auto; margin-left: auto; } .liwm-profile-actions { justify-content: center; } .liwm-profile-photo { width: min(100%, 620px); justify-self: center; } .liwm-profile-content-grid { grid-template-columns: 1fr; gap: 42px; } .liwm-profile-facts { position: static; } } @media (max-width: 700px) { html { scroll-padding-top: 64px !important; } .ocean-glow { top: 110px !important; right: -190px !important; width: 320px !important; height: 320px !important; opacity: 0.25 !important; filter: blur(34px) !important; } .service-card::before { width: 210px !important; height: 210px !important; right: -120px !important; bottom: -125px !important; background: radial-gradient( circle, rgba(0, 119, 182, 0.6), rgba(0, 119, 182, 0) 70% ) !important; opacity: 0.16 !important; filter: blur(13px) !important; } .service-card:hover, .service-card:active { transform: none !important; } .service-card:hover::before, .service-card:active::before { opacity: 0.2 !important; } .blog-index { padding: 58px 0 72px !important; } .blog-index .blog-grid { grid-template-columns: 1fr !important; } .blog-index .blog-card, .blog-index .blog-card:first-child { min-height: 330px !important; padding: 28px 23px !important; } .blog-index .blog-card h3, .blog-index .blog-card:first-child h3, .blog-index .blog-card h3 a, .blog-index .blog-card:first-child h3 a { min-height: 0 !important; font-size: clamp(29px, 8.5vw, 38px) !important; letter-spacing: -1.3px !important; } .blog-index .blog-card p, .blog-index .blog-card:first-child p { min-height: 0 !important; } .liwm-about-button { margin-right: auto; margin-left: auto; } .liwm-profile-page .container { width: calc(100% - 28px); } .liwm-profile-page header { height: 64px; } .liwm-profile-page .nav-links { top: 64px; } .liwm-profile-page .brand-name { font-size: 10px; } .liwm-profile-page .brand-name small { display: none; } .liwm-profile-page .brand-mark { width: 31px; height: 31px; } .liwm-profile-page .mega-menu { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 9px 12px !important; padding: 11px !important; } .liwm-profile-page .mega-menu > div { padding-bottom: 10px; border-bottom: 1px solid var(--liwm-line); } .liwm-profile-page .mega-menu > div:last-child { padding-bottom: 0; border-bottom: 0; } .liwm-profile-hero { padding: 54px 0 58px; } .liwm-profile-hero h1 { font-size: clamp(43px, 13vw, 61px); letter-spacing: -3.5px; } .liwm-profile-lead { font-size: 15px; } .liwm-profile-actions { flex-direction: column; } .liwm-profile-button { width: 100%; } .liwm-profile-content { padding: 58px 0 68px; } .liwm-profile-copy { text-align: center; } .liwm-profile-copy h2 { font-size: clamp(36px, 10.5vw, 49px); letter-spacing: -2.4px; } .liwm-profile-copy p { font-size: 15px; line-height: 1.72; } .liwm-profile-quote { padding: 21px; font-size: 16px !important; text-align: left; } .liwm-profile-page .footer-top { display: block; } .liwm-profile-page .footer-links { justify-content: center; margin-top: 22px; } .liwm-profile-page .copyright { text-align: center; } } @media (prefers-reduced-motion: reduce) { .liwm-site *, .liwm-site *::before, .liwm-site *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } }  .liwm-unified-footer { background: #050505; border-top: 1px solid rgba(255, 255, 255, 0.16); color: #fff; padding: 0 !important; } .liwm-unified-footer .liwm-footer-inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; min-height: 150px; padding-block: 30px; } .liwm-footer-identity { display: flex; align-items: center; gap: 12px; font-size: 13px; font-weight: 900; letter-spacing: 0.04em; line-height: 1.1; } .liwm-footer-mark { width: 40px; height: 40px; display: grid; flex: 0 0 40px; place-items: center; border-radius: 50%; background: #fff000; color: #000; font-size: 11px; } .liwm-footer-identity small { display: block; margin-top: 5px; font-size: 10px; letter-spacing: 0.12em; color: #fff; } .liwm-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; font-size: 12px; font-weight: 800; } .liwm-footer-links a { color: #fff; text-decoration: none; } .liwm-footer-links a:hover { color: #fff000; } .liwm-footer-credit { font-size: clamp(9px, 1vw, 12px); text-align: right; white-space: nowrap; } .liwm-footer-credit a { display: inline; color: #fff; text-decoration: none; border: 0; } .liwm-footer-credit a:hover { color: #fff000; } @media (max-width: 1020px) { .liwm-unified-footer .liwm-footer-inner { grid-template-columns: 1fr; justify-items: center; gap: 22px; padding-block: 35px; } .liwm-footer-credit { text-align: center; } } @media (max-width: 550px) { .liwm-footer-links { gap: 12px 18px; max-width: 350px; } .liwm-footer-identity { text-align: left; } .liwm-footer-credit { font-size: clamp(8.5px, 2.55vw, 11px); } }  .page-shell.blog-post, .service-page-hero + .page-shell { padding-top: clamp(48px, 4.5vw, 66px); } .page-shell .article > .service-cta { display: flex !important; width: max-content; max-width: 100%; justify-content: center; margin: 24px auto 0 !important; text-align: center; white-space: normal; } .page-shell .service-sidebar, .page-shell .service-sidebar a { text-align: center; } .blog-post .article > p { margin-bottom: 18px; line-height: 1.7; }  .liwm-site .service-card > p:last-of-type { margin-bottom: 26px !important; } .liwm-site .liwm-author-card { grid-template-columns: 100px minmax(0, 1fr); gap: 20px; margin-top: 36px; padding: 24px; border: 0; text-align: left; } .liwm-site .liwm-author-card img { width: 100px; } .liwm-site .liwm-author-card h2 { text-align: left; font-size: clamp(22px, 2vw, 28px) !important; } .liwm-site .liwm-author-card a { border: 0; color: #005a92; } @media (max-width: 700px) { .liwm-site .liwm-author-card { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 22px 20px; text-align: center; } .liwm-site .liwm-author-card img { width: 88px; } .liwm-site .liwm-author-card h2 { text-align: center; } }  body.liwm-blog-index main { background: #f4f4f1; } body.liwm-blog-index .page-hero, body.liwm-blog-index .profile-page-hero { padding-block: clamp(52px, 6vw, 82px); background: #050505; color: #fff; text-align: center; } body.liwm-blog-index .page-hero .container, body.liwm-blog-index .profile-page-hero .container, body.liwm-blog-index .blog-index-intro { width: min(calc(100% - 48px), 900px); margin-inline: auto; text-align: center; } body.liwm-blog-index .page-hero h1, body.liwm-blog-index .profile-page-hero h1, body.liwm-blog-index .blog-index-intro h1 { max-width: 14ch; margin-inline: auto; font-size: clamp(46px, 6vw, 76px); line-height: 0.94; letter-spacing: -0.055em; text-wrap: balance; } body.liwm-blog-index .page-hero p:last-child, body.liwm-blog-index .profile-page-hero p:last-child, body.liwm-blog-index .blog-index-intro > p:last-child { max-width: 680px; margin: 18px auto 0; font-size: 16px; line-height: 1.65; text-align: center; } body.liwm-blog-index .section.light, body.liwm-blog-index .profile-content, body.liwm-blog-index .blog-index { padding-block: clamp(58px, 6vw, 84px) !important; background: #f4f4f1 !important; color: #111 !important; } body.liwm-blog-index .blog-grid, body.liwm-blog-index .greg-blog-grid, body.liwm-blog-index .blog-index .blog-grid { display: grid !important; width: min(100%, 1160px) !important; margin-inline: auto !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; align-items: stretch !important; gap: 20px !important; } body.liwm-blog-index .blog-card, body.liwm-blog-index .greg-blog-card, body.liwm-blog-index .blog-index .blog-card, body.liwm-blog-index .blog-index .blog-card:first-child { display: flex !important; min-width: 0 !important; min-height: 340px !important; padding: 34px !important; flex-direction: column !important; align-items: center !important; border: 1px solid #202020 !important; border-top: 5px solid #fff000 !important; background: #050505 !important; color: #fff !important; text-align: center !important; box-shadow: none !important; transform: none !important; } body.liwm-blog-index .blog-card::before, body.liwm-blog-index .blog-index .blog-card::before, body.liwm-blog-index .blog-index .blog-card:first-child::before { content: none !important; } body.liwm-blog-index .blog-card .eyebrow, body.liwm-blog-index .greg-blog-card .section-label, body.liwm-blog-index .blog-card-kicker { margin: 0 0 16px !important; color: #fff000 !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0.15em !important; line-height: 1.3 !important; text-align: center !important; } body.liwm-blog-index .blog-card h2, body.liwm-blog-index .greg-blog-card h2, body.liwm-blog-index .blog-card h3, body.liwm-blog-index .blog-index .blog-card:first-child h3 { width: 100% !important; min-height: 0 !important; margin: 0 !important; font-size: clamp(28px, 2.5vw, 38px) !important; line-height: 1.02 !important; letter-spacing: -0.045em !important; text-align: center !important; text-wrap: balance; overflow-wrap: break-word; } body.liwm-blog-index .blog-card h2 a, body.liwm-blog-index .greg-blog-card h2 a, body.liwm-blog-index .blog-card h3 a, body.liwm-blog-index .blog-index .blog-card:first-child h3 a { display: block !important; min-height: 0 !important; color: #fff !important; font: inherit !important; text-align: center !important; } body.liwm-blog-index .blog-card .byline, body.liwm-blog-index .greg-blog-card .greg-byline, body.liwm-blog-index .blog-post-meta, body.liwm-blog-index .blog-post-meta a { justify-content: center !important; margin: 14px auto 0 !important; color: #fff !important; font-size: 10px !important; letter-spacing: 0.08em !important; text-align: center !important; } body.liwm-blog-index .blog-card > p:not(.eyebrow), body.liwm-blog-index .greg-blog-card > p:not(.section-label):not(.greg-byline), body.liwm-blog-index .blog-index .blog-card > p { width: min(100%, 52ch) !important; min-height: 0 !important; margin: 18px auto 26px !important; color: #fff !important; font-size: 14px !important; line-height: 1.65 !important; text-align: center !important; } body.liwm-blog-index .blog-card > a:last-child, body.liwm-blog-index .greg-blog-card > a:last-child, body.liwm-blog-index .blog-index .blog-card > a:last-child, body.liwm-blog-index .blog-index .blog-card:first-child > a:last-child { display: inline-flex !important; width: min(100%, 290px) !important; min-height: 46px !important; margin: auto auto 0 !important; padding: 11px 16px !important; align-items: center !important; justify-content: center !important; border: 1px solid #fff000 !important; background: transparent !important; color: #fff000 !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0.06em !important; line-height: 1.3 !important; text-align: center !important; } body.liwm-blog-index .blog-card > a:last-child:hover, body.liwm-blog-index .greg-blog-card > a:last-child:hover { background: #fff000 !important; color: #050505 !important; } body.liwm-blog-index .blog-grid > :last-child:nth-child(odd), body.liwm-blog-index .greg-blog-grid > :last-child:nth-child(odd) { width: calc(50% - 10px); grid-column: 1 / -1; justify-self: center; } @media (max-width: 760px) { body.liwm-blog-index .page-hero .container, body.liwm-blog-index .profile-page-hero .container, body.liwm-blog-index .blog-index-intro { width: calc(100% - 36px); } body.liwm-blog-index .page-hero h1, body.liwm-blog-index .profile-page-hero h1, body.liwm-blog-index .blog-index-intro h1 { font-size: clamp(40px, 11vw, 54px) !important; } body.liwm-blog-index .blog-grid, body.liwm-blog-index .greg-blog-grid, body.liwm-blog-index .blog-index .blog-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; } body.liwm-blog-index .blog-grid > :last-child:nth-child(odd), body.liwm-blog-index .greg-blog-grid > :last-child:nth-child(odd) { width: 100%; grid-column: auto; } body.liwm-blog-index .blog-card, body.liwm-blog-index .greg-blog-card, body.liwm-blog-index .blog-index .blog-card, body.liwm-blog-index .blog-index .blog-card:first-child { min-height: 0 !important; padding: 28px 22px !important; } body.liwm-blog-index .blog-card h2, body.liwm-blog-index .greg-blog-card h2, body.liwm-blog-index .blog-card h3, body.liwm-blog-index .blog-index .blog-card:first-child h3 { font-size: clamp(27px, 8vw, 35px) !important; } }  @media (max-width: 1020px) { .liwm-menu-toggle, .mobile-menu { display: inline-flex !important; width: auto !important; min-width: 58px !important; min-height: 40px !important; padding: 10px 8px !important; align-items: center !important; justify-content: center !important; border: 0 !important; background: transparent !important; color: #fff !important; font-family: Arial, Helvetica, sans-serif !important; font-size: 11px !important; font-weight: 900 !important; letter-spacing: 0.08em !important; line-height: 1 !important; text-transform: uppercase !important; } }  .liwm-site .brand-name small { display: block !important; margin-top: 5px !important; color: #fff !important; font-size: 7px !important; font-weight: 800 !important; letter-spacing: 0.14em !important; line-height: 1.15 !important; } .liwm-site .page-hero .blog-post-meta { display: flex !important; justify-content: center !important; gap: 5px !important; margin: 16px auto 0 !important; text-align: center !important; } .liwm-site .page-shell.blog-post { padding-block: clamp(46px, 5vw, 64px) !important; } .liwm-site .blog-post > .container { width: min(calc(100% - 48px), 900px) !important; margin-inline: auto !important; } .liwm-site .blog-post .article { width: 100% !important; max-width: 860px !important; margin-inline: auto !important; } .liwm-site .blog-post .article > h2 { margin: 36px 0 14px !important; font-size: clamp(29px, 4vw, 42px) !important; line-height: 1.02 !important; letter-spacing: -0.04em !important; text-align: center !important; text-wrap: balance; } .liwm-site .blog-post .article > h2:first-child { margin-top: 0 !important; } .liwm-site .blog-post .article > p { margin: 0 0 18px !important; font-size: 16px !important; line-height: 1.7 !important; } .liwm-site .blog-post .article > ul, .liwm-site .blog-post .article > ol { margin: 10px 0 24px !important; padding-left: 24px !important; } .liwm-site .blog-post .article li { margin-block: 8px !important; line-height: 1.6 !important; } .liwm-site .liwm-article-actions { margin: 32px 0 0 !important; text-align: center !important; } .liwm-site .liwm-article-actions .service-cta { display: inline-flex !important; width: min(100%, 390px) !important; min-height: 48px !important; margin: 0 auto !important; padding: 12px 18px !important; align-items: center !important; justify-content: center !important; text-align: center !important; white-space: normal !important; } @media (max-width: 620px) { .liwm-site .blog-post > .container { width: calc(100% - 36px) !important; } .liwm-site .blog-post .article > h2 { margin-top: 30px !important; font-size: clamp(28px, 8.5vw, 36px) !important; } .liwm-site .brand-name { max-width: calc(100vw - 145px) !important; } .liwm-site .brand-name small { font-size: 6px !important; letter-spacing: 0.1em !important; } }  .author-card, .greg-author, .liwm-author-card { display: grid !important; width: 100% !important; margin: 40px auto 0 !important; padding: 28px !important; grid-template-columns: 104px minmax(0, 1fr) !important; align-items: center !important; gap: 24px !important; border: 1px solid #d8d8d3 !important; border-top: 5px solid #fff000 !important; background: #fff !important; color: #151515 !important; text-align: center !important; } .author-card img, .greg-author img, .liwm-author-card img { width: 104px !important; height: 104px !important; margin: auto !important; border-radius: 50% !important; object-fit: cover !important; } .author-card > div, .greg-author > div, .liwm-author-card > div { min-width: 0 !important; text-align: center !important; } .author-card h2, .greg-author h2, .liwm-author-card h2 { margin: 5px 0 9px !important; color: #111 !important; font-size: clamp(24px, 2.4vw, 32px) !important; line-height: 1 !important; text-align: center !important; } .author-card p, .greg-author p, .liwm-author-card p { max-width: 620px !important; margin: 0 auto !important; color: #151515 !important; font-size: 14px !important; line-height: 1.6 !important; text-align: center !important; } .author-card .eyebrow, .greg-author .section-label, .liwm-author-card .eyebrow { margin: 0 !important; color: #151515 !important; font-size: 10px !important; letter-spacing: 0.14em !important; text-align: center !important; } .liwm-author-actions { display: flex !important; width: 100% !important; margin: 17px auto 0 !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 10px !important; } .liwm-author-actions a { display: inline-flex !important; width: min(100%, 220px) !important; min-height: 44px !important; margin: 0 !important; padding: 10px 14px !important; align-items: center !important; justify-content: center !important; border: 1px solid #111 !important; background: #111 !important; color: #fff !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0.06em !important; line-height: 1.25 !important; text-align: center !important; text-decoration: none !important; } .liwm-author-actions a:last-child { border-color: #fff000 !important; background: #fff000 !important; color: #111 !important; } @media (max-width: 620px) { .author-card, .greg-author, .liwm-author-card { padding: 25px 20px !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; } .author-card img, .greg-author img, .liwm-author-card img { width: 88px !important; height: 88px !important; } .liwm-author-actions { width: min(100%, 300px) !important; flex-direction: column !important; } .liwm-author-actions a { width: 100% !important; } } @media (max-width: 550px) { .liwm-menu-header .container { gap: 10px !important; } .liwm-menu-brand { max-width: calc(100% - 62px) !important; gap: 8px !important; font-size: 9px !important; white-space: nowrap !important; } .liwm-menu-mark { width: 32px !important; height: 32px !important; flex-basis: 32px !important; font-size: 9px !important; } .liwm-menu-brand small { margin-top: 4px !important; font-size: 5.5px !important; letter-spacing: 0.6px !important; white-space: nowrap !important; } .liwm-menu-toggle { min-width: 52px !important; padding-inline: 5px !important; } }   body.liwm-site .services:not(.open) > .mega-menu { display: none !important; } body.liwm-site .services.open > .mega-menu { display: grid !important; } @media (min-width: 901px) { body.liwm-site .mobile-menu { display: none !important; } }  body.liwm-site .local-copy, body.liwm-site .local-copy h2, body.liwm-site .local-areas .area { text-align: center; } body.liwm-site .local-copy p { margin-inline: auto; } body.liwm-site .local-copy > br { display: none; } body.liwm-site .local-areas { width: min(100%, 720px); margin-inline: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); } body.liwm-site .local-areas .area { display: flex; min-width: 0; min-height: 76px; flex-direction: column; align-items: center; justify-content: center; gap: 4px; } @media (max-width: 1100px) { body.liwm-site .local-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; } body.liwm-site .local-copy { width: min(100%, 680px); margin-inline: auto; } }  body.liwm-site .faq { padding-block: clamp(64px, 7vw, 92px) !important; background: #f3f3f0 !important; color: #111 !important; } body.liwm-site .faq-grid { width: min(calc(100% - 40px), 960px) !important; margin-inline: auto !important; } body.liwm-site .faq-intro { max-width: 720px !important; margin: 0 auto 36px !important; text-align: center !important; } body.liwm-site .faq-intro h2, body.liwm-site .faq-intro p, body.liwm-site .faq-question, body.liwm-site .faq-answer p { color: #111 !important; } body.liwm-site .faq-item { width: 100% !important; margin-bottom: 10px !important; border: 1px solid #d7d7d2 !important; background: #fff !important; } body.liwm-site .faq-question { min-height: 62px !important; padding: 18px 22px !important; gap: 18px !important; font-size: 13px !important; line-height: 1.4 !important; text-align: left !important; } body.liwm-site .faq-answer p { padding: 0 22px 20px !important; font-size: 14px !important; line-height: 1.7 !important; }  body.liwm-site .service-sidebar { position: sticky !important; top: 94px !important; min-width: 0 !important; padding: 30px 26px !important; border: 1px solid #202020 !important; border-top: 6px solid #fff000 !important; background: #050505 !important; color: #fff !important; text-align: center !important; } body.liwm-site .service-sidebar .eyebrow { margin: 0 0 12px !important; color: #fff000 !important; text-align: center !important; } body.liwm-site .service-sidebar h2 { margin: 0 !important; color: #fff !important; font-size: clamp(29px, 3vw, 38px) !important; line-height: 1 !important; letter-spacing: -0.045em !important; text-align: center !important; } body.liwm-site .service-sidebar p { margin: 16px auto 22px !important; color: #fff !important; font-size: 14px !important; line-height: 1.65 !important; text-align: center !important; } body.liwm-site .service-sidebar a { display: flex !important; width: 100% !important; min-height: 46px !important; margin: 9px 0 0 !important; padding: 11px 13px !important; align-items: center !important; justify-content: center !important; border: 1px solid #3b3b3b !important; background: #111 !important; color: #fff !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0.055em !important; line-height: 1.3 !important; overflow-wrap: anywhere !important; text-align: center !important; } body.liwm-site .service-sidebar a:first-of-type { border-color: #fff000 !important; background: #fff000 !important; color: #111 !important; } body.liwm-site .service-sidebar a:hover, body.liwm-site .service-sidebar a:focus-visible { border-color: #fff000 !important; color: #fff000 !important; } body.liwm-site .service-sidebar a:first-of-type:hover, body.liwm-site .service-sidebar a:first-of-type:focus-visible { background: #fff !important; color: #111 !important; }  body.inner-page.liwm-site.liwm-blog-index .blog-index { padding-block: clamp(60px, 7vw, 90px) !important; background: #f3f3f0 !important; } body.inner-page.liwm-site.liwm-blog-index .blog-index > .container { width: min(calc(100% - 48px), 1160px) !important; } body.inner-page.liwm-site.liwm-blog-index .blog-grid { display: grid !important; width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-rows: auto !important; align-items: stretch !important; gap: 20px !important; } body.inner-page.liwm-site.liwm-blog-index .blog-card, body.inner-page.liwm-site.liwm-blog-index .blog-card:first-child { display: flex !important; min-width: 0 !important; min-height: 340px !important; padding: 34px !important; grid-column: auto !important; flex-direction: column !important; align-items: center !important; border: 1px solid #202020 !important; border-top: 3px solid #fff000 !important; background: #050505 !important; color: #fff !important; text-align: center !important; box-shadow: none !important; transform: none !important; } body.inner-page.liwm-site.liwm-blog-index .blog-card::before, body.inner-page.liwm-site.liwm-blog-index .blog-card:first-child::before { content: none !important; } body.inner-page.liwm-site.liwm-blog-index .blog-card-kicker, body.inner-page.liwm-site.liwm-blog-index .blog-card:first-child .blog-card-kicker { margin: 0 0 16px !important; color: #fff000 !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0.15em !important; line-height: 1.3 !important; text-align: center !important; } body.inner-page.liwm-site.liwm-blog-index .blog-card h3, body.inner-page.liwm-site.liwm-blog-index .blog-card:first-child h3 { width: 100% !important; max-width: none !important; min-height: 0 !important; margin: 0 !important; font-size: clamp(26px, 2.6vw, 34px) !important; line-height: 1.15 !important; letter-spacing: -0.025em !important; text-align: center !important; overflow-wrap: break-word !important; text-wrap: balance; } body.inner-page.liwm-site.liwm-blog-index .blog-card h3 a, body.inner-page.liwm-site.liwm-blog-index .blog-card:first-child h3 a { display: block !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; font-size: inherit !important; line-height: inherit !important; letter-spacing: inherit !important; color: #fff !important; text-align: center !important; } body.inner-page.liwm-site.liwm-blog-index .blog-post-meta, body.inner-page.liwm-site.liwm-blog-index .blog-card:first-child .blog-post-meta { display: flex !important; width: 100% !important; margin: 14px auto 0 !important; align-items: center !important; justify-content: center !important; gap: 5px !important; color: #fff !important; font-size: 10px !important; font-weight: 800 !important; letter-spacing: 0.08em !important; line-height: 1.3 !important; text-align: center !important; } body.inner-page.liwm-site.liwm-blog-index .blog-post-meta a { display: inline !important; width: auto !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; font: inherit !important; letter-spacing: inherit !important; color: #fff !important; text-align: center !important; } body.inner-page.liwm-site.liwm-blog-index .blog-card p, body.inner-page.liwm-site.liwm-blog-index .blog-card:first-child p { width: min(100%, 52ch) !important; min-height: 0 !important; margin: 18px auto 26px !important; color: #fff !important; font-size: 14px !important; line-height: 1.65 !important; text-align: center !important; } body.inner-page.liwm-site.liwm-blog-index .blog-card > a:last-child, body.inner-page.liwm-site.liwm-blog-index .blog-card:first-child > a:last-child { display: inline-flex !important; width: min(100%, 300px) !important; min-height: 46px !important; margin: auto auto 0 !important; padding: 11px 16px !important; align-items: center !important; justify-content: center !important; border: 1px solid #fff000 !important; background: transparent !important; color: #fff000 !important; font-size: 10px !important; font-weight: 900 !important; letter-spacing: 0.06em !important; line-height: 1.3 !important; text-align: center !important; } body.inner-page.liwm-site.liwm-blog-index .blog-grid > :last-child:nth-child(odd) { width: calc(50% - 10px) !important; grid-column: 1 / -1 !important; justify-self: center !important; } body.inner-page.liwm-site.liwm-blog-index .blog-card > a:last-child:hover, body.inner-page.liwm-site.liwm-blog-index .blog-card > a:last-child:focus-visible, body.inner-page.liwm-site.liwm-blog-index .blog-card:first-child > a:last-child:hover, body.inner-page.liwm-site.liwm-blog-index .blog-card:first-child > a:last-child:focus-visible { background: #fff000 !important; color: #050505 !important; } body.inner-page.liwm-site.liwm-blog-index .blog-card a:focus-visible, body.liwm-site .service-sidebar a:focus-visible { outline: 2px solid #fff000; outline-offset: 4px; } @media (max-width: 900px) { html { scroll-padding-top: 68px !important; } body.liwm-site .service-sidebar { position: static !important; width: min(100%, 620px) !important; margin-inline: auto !important; } } @media (max-width: 760px) { body.inner-page.liwm-site.liwm-blog-index .blog-index > .container { width: calc(100% - 36px) !important; } body.inner-page.liwm-site.liwm-blog-index .blog-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; } body.inner-page.liwm-site.liwm-blog-index .blog-grid > :last-child:nth-child(odd) { width: 100% !important; grid-column: auto !important; } body.inner-page.liwm-site.liwm-blog-index .blog-card, body.inner-page.liwm-site.liwm-blog-index .blog-card:first-child { min-height: 0 !important; padding: 28px 22px !important; } body.inner-page.liwm-site.liwm-blog-index .blog-card h3, body.inner-page.liwm-site.liwm-blog-index .blog-card:first-child h3 { font-size: clamp(25px, 6vw, 32px) !important; } } @media (max-width: 600px) { body.liwm-site .faq { padding-block: 56px !important; } body.liwm-site .faq-question { padding: 17px 18px !important; } body.liwm-site .faq-answer p { padding-inline: 18px !important; } body.liwm-site .service-sidebar { padding: 26px 20px !important; } }  :root { --liwm-content: 1160px; --liwm-reading: 860px; --liwm-gutter: 24px; } html { scroll-padding-top: 80px !important; } body.liwm-network { overflow-wrap: break-word; } body.liwm-network .container { width: min(calc(100% - 2 * var(--liwm-gutter)), var(--liwm-content)); } body.liwm-network :focus-visible { outline: 3px solid #c6ad00; outline-offset: 4px; } body.liwm-network .liwm-brand-logo { width: 56px; height: 56px; flex: 0 0 56px; object-fit: contain; }  body.liwm-network > header { height: 80px !important; } body.liwm-network > header > .container { position: relative; height: 100%; } body.liwm-network > header :is(.nav-links, .liwm-menu-nav) { flex-shrink: 0; } body.liwm-network > header :is(.nav-cta, .liwm-menu-cta) { white-space: nowrap; } body.liwm-network :is(.liwm-menu-mark, .liwm-footer-mark) { display: inline-flex !important; align-items: center; justify-content: center; } body.liwm-network > header .services, body.liwm-network > header .liwm-menu-services { position: static !important; margin: 0 !important; padding: 0 !important; } body.liwm-network > header .services-trigger, body.liwm-network > header .liwm-menu-trigger { height: 80px !important; padding: 0 !important; } body.liwm-network > header .mega-menu, body.liwm-network > header .liwm-menu-panel { position: absolute !important; top: 100% !important; right: 0 !important; left: auto !important; width: min(820px, calc(100vw - 48px)) !important; max-height: calc(100dvh - 100px); overflow-y: auto; overscroll-behavior: contain; margin: 0 !important; padding: 24px !important; border: 1px solid #303030; background: #080808; color: #fff; } body.liwm-network > header .services:not(.open) > .mega-menu, body.liwm-network > header .liwm-menu-services:not(.open) > .liwm-menu-panel { display: none !important; } body.liwm-network > header .services.open > .mega-menu, body.liwm-network > header .liwm-menu-services.open > .liwm-menu-panel { display: grid !important; } body.liwm-network > header .mobile-menu, body.liwm-network > header .liwm-menu-toggle { display: none !important; font-size: 11px !important; }  body.liwm-network .liwm-unified-footer { padding: 0 !important; } body.liwm-network .liwm-unified-footer .liwm-footer-inner { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 24px !important; padding-block: 38px !important; width: min(calc(100% - 36px), 1160px) !important; min-height: 0 !important; text-align: center !important; } body.liwm-network .liwm-footer-identity { width: 100%; max-width: 520px; justify-content: center !important; text-align: center !important; } body.liwm-network .liwm-footer-identity small { line-height: 1.5; } body.liwm-network .liwm-footer-links { width: 100%; max-width: 680px !important; justify-content: center !important; gap: 12px 22px !important; margin: 0 !important; } body.liwm-network .liwm-footer-credit { width: 100% !important; margin: 0 !important; padding: 0 !important; border: 0 !important; text-align: center !important; font-size: clamp(9px, 2.4vw, 12px) !important; line-height: 1.6 !important; } body.liwm-network .liwm-footer-credit::before, body.liwm-network .liwm-footer-credit::after { content: none !important; }  body.liwm-home .hero-grid { grid-template-columns: minmax(0, 1fr) !important; justify-items: stretch; gap: 0 !important; } body.liwm-home .hero-copy, body.liwm-home .hero-copy-wrap { width: 100%; max-width: 880px !important; margin-inline: auto; text-align: center !important; } body.liwm-home .hero h1 { max-width: 900px !important; margin-inline: auto !important; text-align: center !important; font-size: clamp(48px, 6vw, 80px) !important; line-height: 0.98 !important; letter-spacing: -0.05em !important; } body.liwm-home .portrait-card { width: min(100%, 360px) !important; max-width: 360px !important; margin: 32px auto 0 !important; justify-self: auto !important; } body.liwm-home .hero p { max-width: 700px; margin-inline: auto !important; text-align: center; } body.liwm-home .hero-actions, body.liwm-home .hero .button-row, body.liwm-home .hero-note { justify-content: center !important; } body.liwm-home .hero { min-height: 0 !important; } body.liwm-home .hero-grid { padding-block: clamp(64px, 7vw, 96px) !important; } body.liwm-home .hero .hero-copy > p { font-size: 16px; line-height: 1.7; } body.liwm-home .hero .hero-copy > .eyebrow { font-size: 11px; } body.liwm-home .services-header, body.liwm-home .section-heading, body.liwm-home .section-header { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 18px !important; max-width: 900px; margin-inline: auto; } body.liwm-home .services-header > *, body.liwm-home .services-header h2, body.liwm-home .section-heading > *, body.liwm-home .section-header > * { text-align: center !important; margin-inline: auto !important; } body.liwm-home .services-header p { max-width: 680px !important; } body.liwm-home .local-grid, body.liwm-home .about-grid, body.liwm-home .blog-callout, body.liwm-home .contact-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; justify-items: stretch !important; gap: 28px !important; text-align: center !important; } body.liwm-home .about-grid > *, body.liwm-home .local-copy, body.liwm-home .blog-callout > div, body.liwm-home .contact-grid > div { min-width: 0; width: 100%; max-width: 760px; margin-inline: auto; } body.liwm-home .local-copy h2, body.liwm-home .about-grid h2, body.liwm-home .blog-callout h2, body.liwm-home .contact-grid h2 { text-align: center !important; } body.liwm-home .about-copy p, body.liwm-home .local-copy p, body.liwm-home .contact-copy > p, body.liwm-home .rich-copy p { max-width: 680px !important; margin-inline: auto !important; text-align: center !important; } body.liwm-home .local-areas { width: min(100%, 760px) !important; margin-inline: auto; } body.liwm-home .local-areas .area { text-align: center; } body.liwm-home .local-copy > br { display: none; } body.liwm-home .about-grid .greg-card { width: min(100%, 420px); margin: 0 auto; } body.liwm-home .contact-actions { max-width: 540px !important; width: 100%; margin: 0 auto; } body.liwm-home .contact-grid > a { width: min(100%, 540px) !important; max-width: 100%; margin-inline: auto; } body.liwm-home .blog-callout > a { justify-self: center; } body.liwm-home .steps { max-width: 1000px; margin-inline: auto; } body.liwm-home .steps > * { text-align: center; } .liwm-team-photo-frame { position: relative; width: 100%; padding-top: 125%; overflow: hidden; } .liwm-team .liwm-team-photo-frame .liwm-team-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; }  body.liwm-site.liwm-home .hero { background: linear-gradient(90deg, rgba(3, 5, 17, 0.3), rgba(3, 5, 17, 0.55), rgba(3, 5, 17, 0.3)) #030511 !important; } body.liwm-site.liwm-home .hero::before, body.liwm-site.liwm-home .hero::after { content: none !important; } body.liwm-site.liwm-home .hero-copy-wrap { position: relative; z-index: 1; } body.liwm-site.liwm-home .hero-copy-wrap { max-width: 1040px !important; } body.liwm-site.liwm-home .hero h1 { max-width: 1040px !important; font-size: clamp(48px, 6vw, 80px); }  body.liwm-network.liwm-blog-post .article-wrap, body.liwm-network.liwm-article-page .profile-article { width: min(calc(100% - 48px), 860px) !important; margin-inline: auto !important; } body.liwm-network.liwm-blog-post .article { max-width: 860px !important; } body.liwm-network.liwm-article-page .article, body.liwm-network.liwm-article-page .article-content, body.liwm-network.liwm-article-page .profile-article { min-width: 0; } body.liwm-network.liwm-article-page :is(.article, .article-content, .profile-article) > p { margin: 0 0 18px !important; font-size: 16px !important; line-height: 1.7 !important; } body.liwm-network.liwm-article-page :is(.article, .article-content, .profile-article) > :is(ul, ol) { margin: 12px 0 24px !important; padding-left: 24px !important; list-style-position: outside; } body.liwm-network.liwm-article-page :is(.article, .article-content, .profile-article) > :is(ul, ol) > li { font-size: 16px; line-height: 1.7; margin-block: 8px; } body.liwm-network.liwm-article-page :is(.article, .article-content, .profile-article) > h2 { margin: 32px 0 14px !important; font-size: clamp(29px, 4vw, 42px) !important; line-height: 1.08 !important; letter-spacing: -0.035em !important; text-align: center !important; } body.liwm-network.liwm-article-page :is(.article, .article-content, .profile-article) > h2:first-child { margin-top: 0 !important; } body.liwm-network.liwm-article-page :is(.page-hero, .profile-page-hero) h1 { max-width: 1000px; margin-inline: auto; font-size: clamp(36px, 5vw, 64px) !important; line-height: 1.03 !important; } body.liwm-network .service-cta, body.liwm-network .article-actions > a { max-width: 100%; white-space: normal; text-align: center; } body.liwm-network .liwm-article-actions .service-cta { width: min(100%, 320px) !important; } body.liwm-network .greg-blog-grid.container { width: min(calc(100% - 48px), 1160px) !important; } @media (max-width: 1020px) { html { scroll-padding-top: 68px !important; } body.liwm-network > header { height: 68px !important; } body.liwm-network > header .mobile-menu, body.liwm-network > header .liwm-menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; min-height: 44px; min-width: 54px; padding: 10px 8px; } body.liwm-network > header .nav-links, body.liwm-network > header .liwm-menu-nav { display: none !important; position: fixed !important; top: 68px !important; left: 12px !important; right: 12px !important; flex-direction: column !important; align-items: stretch !important; gap: 0 !important; margin: 0 !important; max-height: calc(100dvh - 80px) !important; overflow-y: auto; overscroll-behavior: contain; padding: 8px 16px 16px !important; background: #080808; } body.liwm-network > header .nav-links.active, body.liwm-network > header .liwm-menu-nav.active { display: flex !important; } body.liwm-network > header .services-trigger, body.liwm-network > header .liwm-menu-trigger, body.liwm-network > header :is(.nav-links, .liwm-menu-nav) > a { display: flex !important; align-items: center; justify-content: space-between; width: 100%; height: auto !important; min-height: 44px; padding: 12px 0 !important; margin: 0 !important; } body.liwm-network > header .mega-menu, body.liwm-network > header .liwm-menu-panel { position: static !important; width: 100% !important; max-height: none; padding: 12px !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; } body.liwm-network > header :is(.nav-cta, .liwm-menu-cta) { justify-content: center !important; margin-top: 8px !important; color: #000 !important; } body.liwm-network .liwm-brand-logo { width: 44px; height: 44px; flex-basis: 44px; } } @media (max-width: 700px) { :root { --liwm-gutter: 18px; } body.liwm-home .hero-grid { padding-block: 54px !important; } body.liwm-home .contact-details { grid-template-columns: minmax(0, 1fr) !important; } body.liwm-home .about-points { grid-template-columns: minmax(0, 1fr) !important; } body.liwm-network.liwm-blog-post .article-wrap, body.liwm-network.liwm-article-page .profile-article, body.liwm-network .greg-blog-grid.container { width: calc(100% - 36px) !important; } body.liwm-network .liwm-footer-identity small { font-size: 8px !important; letter-spacing: 0.08em; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } body.liwm-network *, body.liwm-network *::before, body.liwm-network *::after { transition-duration: 0s !important; animation-duration: 0s !important; } }  body.liwm-network.liwm-blog-index :is(.blog-card, .greg-blog-card) { height: auto !important; } body.liwm-network.liwm-blog-index :is(.blog-card, .greg-blog-card) > * { flex-shrink: 0; } @media (max-width: 760px) { body.liwm-network.liwm-blog-index :is(.blog-grid, .greg-blog-grid) { display: flex !important; flex-direction: column; } }  body.liwm-network.liwm-blog-index :is(.blog-index, .profile-content) :is(.blog-grid, .greg-blog-grid) { display: flex !important; flex-flow: row wrap !important; justify-content: center; align-items: stretch; gap: 20px 4% !important; } body.liwm-network.liwm-blog-index :is(.blog-index, .profile-content) :is(.blog-card, .greg-blog-card):nth-child(n) { flex: 0 0 auto; width: 48% !important; height: auto !important; min-width: 0 !important; } @media (max-width: 760px) { body.liwm-network.liwm-blog-index :is(.blog-index, .profile-content) :is(.blog-grid, .greg-blog-grid) { flex-direction: column !important; gap: 16px !important; } body.liwm-network.liwm-blog-index :is(.blog-index, .profile-content) :is(.blog-card, .greg-blog-card):nth-child(n) { flex: 0 0 auto; width: 100% !important; } }  body.liwm-site.liwm-home .service-card { text-align: center !important; } body.liwm-site.liwm-home .service-card :is(h3, p, .service-number) { text-align: center !important; } body.liwm-site.liwm-home .service-card > a { align-self: center; text-align: center !important; } @media (min-width: 900px) { body.liwm-site.liwm-home .about-grid { grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.2fr) !important; align-items: center; gap: 48px !important; } body.liwm-site.liwm-home .about-grid > .greg-card { width: 100%; max-width: 420px; } body.liwm-site.liwm-home .about-grid > .about-copy { width: 100%; max-width: none; } } body.liwm-greg-home #about-target .about-grid { display: block !important; max-width: 760px; margin-inline: auto; } body.liwm-greg-home #about-target .about-grid > p { min-height: 0 !important; padding: 0 !important; margin: 0 0 18px !important; border: 0 !important; background: transparent !important; font-size: 16px; line-height: 1.7; } body.liwm-greg-home #about-target .about-grid > p:last-child { margin-bottom: 0 !important; } body.liwm-greg-home .service-card { min-height: 0 !important; height: auto !important; padding: 28px !important; } body.liwm-greg-home .service-card h3 { min-height: 0 !important; margin: 0 !important; line-height: 1.1 !important; } body.liwm-greg-home .service-card > p { min-height: 0 !important; margin: 18px 0 24px !important; line-height: 1.7; } body.liwm-greg-home .service-card > .service-page-link { margin: auto auto 0 !important; padding: 12px 16px !important; } body.liwm-network.liwm-blog-post main a.liwm-post-cta { display: flex !important; box-sizing: border-box !important; width: 320px !important; max-width: 100% !important; min-height: 48px !important; height: auto !important; padding: 14px 18px !important; margin: 24px auto !important; align-items: center !important; justify-content: center !important; border: 1px solid #fff000 !important; background: #fff000 !important; color: #050505 !important; font: 800 12px/1.5 Arial, sans-serif !important; letter-spacing: 0.04em !important; text-align: center !important; text-decoration: none !important; white-space: normal !important; } body.liwm-network.liwm-blog-post main a.liwm-post-cta:hover { background: #050505 !important; color: #fff000 !important; }  body.liwm-network :focus-visible { outline: 3px solid #111; outline-offset: 3px; box-shadow: 0 0 0 6px #fff; } body.liwm-network .reveal { opacity: 1; transform: none; } body.liwm-network > header :is(.liwm-menu-mark, .liwm-brand-logo) { width: 56px; height: 56px; flex: 0 0 56px; } body.liwm-network > header .liwm-menu-mark { font-size: 14px; } body.liwm-network .liwm-menu-group { min-width: 0; } body.liwm-network > header :is(.mega-title, .liwm-menu-title) { color: #fff000; margin: 0 0 8px; font: 900 11px/1.4 Arial, Helvetica, sans-serif; letter-spacing: 0.08em; text-align: left; } body.liwm-network > header :is(.mega-menu, .liwm-menu-panel) a { display: flex !important; align-items: center; min-height: 44px; padding: 10px 0 !important; margin: 0 !important; color: #fff; font-size: 13px !important; line-height: 1.4 !important; text-decoration: none; text-align: left; overflow-wrap: anywhere; } body.liwm-network > header :is(.mega-menu, .liwm-menu-panel) a:hover { color: #fff000; } body.liwm-network > header :is(.service-chevron, .liwm-menu-caret) { display: inline-block; flex: 0 0 7px; width: 7px; height: 7px; margin: 0 2px 3px 8px; border: 0; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); color: #fff000; } body.liwm-network > header .open :is(.service-chevron, .liwm-menu-caret) { transform: rotate(225deg); } body.liwm-network .liwm-author-card { grid-template-columns: 104px minmax(0, 1fr) !important; align-items: start !important; gap: 28px !important; text-align: left !important; } body.liwm-network .liwm-author-card img { margin: 0 !important; } body.liwm-network .liwm-author-card > div, body.liwm-network .liwm-author-card :is(h2, p, .eyebrow) { text-align: left !important; } body.liwm-network .liwm-author-card p { margin-inline: 0 !important; max-width: none !important; } body.liwm-network .liwm-author-card .liwm-author-actions { justify-content: flex-start !important; margin-inline: 0 !important; } body.liwm-network .greg-hero-identity { display: flex; align-items: center; justify-content: center; gap: 18px; margin: 0 0 24px; } body.liwm-network .greg-hero-identity img { width: 96px; height: 96px; border-radius: 50%; border: 3px solid #fff000; object-fit: cover; flex: 0 0 96px; } body.liwm-network .greg-hero-identity .eyebrow { margin: 0 !important; text-align: left !important; max-width: 180px; } @media (max-width: 1020px) { body.liwm-network > header { background: #050505 !important; } body.liwm-network > header :is(.liwm-menu-mark, .liwm-brand-logo) { width: 44px; height: 44px; flex-basis: 44px; } body.liwm-network > header :is(.nav-links, .liwm-menu-nav) { background: #080808 !important; border: 1px solid #303030 !important; border-radius: 0 !important; box-shadow: 0 18px 40px #0006 !important; font: 900 12px/1.4 Arial, Helvetica, sans-serif !important; padding: 8px 16px 16px !important; } body.liwm-network > header :is(.services-trigger, .liwm-menu-trigger), body.liwm-network > header :is(.nav-links, .liwm-menu-nav) > a { min-height: 48px !important; font: inherit !important; border: 0 !important; border-bottom: 1px solid #ffffff24 !important; text-align: left; } body.liwm-network > header :is(.mega-menu, .liwm-menu-panel) { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; padding: 16px 0 !important; border: 0 !important; box-shadow: none !important; } body.liwm-network > header :is(.nav-cta, .liwm-menu-cta) { justify-content: center !important; background: #fff000 !important; color: #000 !important; margin-top: 12px !important; border: 0 !important; } } @media (max-width: 620px) { body.liwm-network .liwm-author-card { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; } body.liwm-network .liwm-author-card img { margin-inline: auto !important; } body.liwm-network .liwm-author-card > div, body.liwm-network .liwm-author-card :is(h2, p, .eyebrow) { text-align: center !important; } body.liwm-network .liwm-author-card .liwm-author-actions { margin-inline: auto !important; justify-content: center !important; } body.liwm-network .greg-hero-identity img { width: 76px; height: 76px; flex-basis: 76px; } } @media (max-width: 400px) { body.liwm-network > header :is(.mega-menu, .liwm-menu-panel) { grid-template-columns: minmax(0, 1fr) !important; } }  .liwm-area-container { width: min(calc(100% - 48px), 1160px); margin: 0 auto; } .liwm-area-reading { width: min(calc(100% - 48px), 820px); margin: 0 auto; } .liwm-area-page { overflow-wrap: break-word; } .liwm-area-hero { background: #050505; color: #fff; padding: 64px 0 56px; text-align: center; } .liwm-area-hero h1 { font-size: clamp(36px, 4.8vw, 64px); line-height: 1.06; letter-spacing: -0.035em; max-width: 1000px; margin: 18px auto 22px; } .liwm-area-hero p:not(.liwm-area-eyebrow) { max-width: 720px; margin: 0 auto 26px; font-size: 16px; line-height: 1.7; } .liwm-area-eyebrow { font-size: 11px; font-weight: 800; letter-spacing: 0.14em; color: #fff000; margin: 22px 0 0; } .liwm-area-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; font-size: 12px; line-height: 1.6; } .liwm-area-breadcrumb a { color: #fff000; } .liwm-area-section { padding: 48px 0; background: #fff; color: #111; } .liwm-area-light { background: #f4f4f1; } .liwm-area-page h2, .liwm-area-reference h2 { font-size: clamp(27px, 3vw, 38px); line-height: 1.15; letter-spacing: -0.025em; text-align: center; margin: 0 0 20px; } .liwm-area-page article > h2:not(:first-child) { margin-top: 32px; } .liwm-area-page article > p { font-size: 16px; line-height: 1.7; margin: 0 0 18px; } .liwm-area-intro { max-width: 760px; font-size: 16px; line-height: 1.7; text-align: center; margin: 0 auto 28px; } .liwm-area-counties, .liwm-area-services { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .liwm-area-county, .liwm-area-service { display: block; min-width: 0; padding: 26px; background: #080808; border-top: 3px solid #fff000; color: #fff; text-align: center; text-decoration: none; } .liwm-area-page :is(.liwm-area-service, .liwm-area-county) h3 { font-size: 24px; line-height: 1.2; margin: 0 0 14px; color: #fff; } .liwm-area-page :is(.liwm-area-service, .liwm-area-county) p { font-size: 15px; line-height: 1.65; margin: 0; color: #fff; } .liwm-area-service:hover h3, .liwm-area-county:hover h3 { color: #fff000; } .liwm-area-places { columns: 3; column-gap: 32px; padding: 0; margin: 0; list-style: none; } .liwm-area-places li { break-inside: avoid; padding: 10px 0; border-bottom: 1px solid #d5d5d0; font-size: 16px; line-height: 1.5; } .liwm-area-button { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 320px; max-width: 100%; min-height: 48px; padding: 14px 18px; margin: 0 auto; background: #fff000; border: 1px solid #fff000; color: #050505; font: 800 12px/1.5 Arial, sans-serif; letter-spacing: 0.04em; text-decoration: none; text-align: center; } .liwm-area-button:hover { background: #050505; color: #fff000; } .liwm-area-contact { padding: 44px 0; background: #080808; color: #fff; text-align: center; } .liwm-area-contact p { margin: 0 auto 24px; font-size: 16px; line-height: 1.7; } .liwm-area-actions { display: flex; align-items: center; flex-direction: column; gap: 18px; } .liwm-area-phone { color: #fff; font-size: 16px; text-decoration: underline; text-underline-offset: 4px; } .liwm-area-faq details { border-bottom: 1px solid #ccc; padding: 18px 0; } .liwm-area-faq summary { cursor: pointer; font-size: 17px; line-height: 1.5; font-weight: 700; } .liwm-area-faq p { font-size: 16px; line-height: 1.7; margin: 14px 0 0; } .liwm-area-page .liwm-area-related { margin-top: 30px; text-align: center; } .liwm-area-related a, .liwm-area-reference a { color: #111; text-decoration: underline; text-underline-offset: 4px; } .liwm-area-reference { padding: 32px 0; background: #f4f4f1; color: #111; text-align: center; } .liwm-area-reference h2 { font-size: 26px; margin-bottom: 12px; } .liwm-area-reference p { font-size: 16px; line-height: 1.7; margin: 0 0 14px; } .liwm-area-reference nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 24px; margin-top: 14px; } .liwm-area-reference a { font-size: 15px; line-height: 1.6; } @media (max-width: 760px) { .liwm-area-counties, .liwm-area-services { grid-template-columns: minmax(0, 1fr); } .liwm-area-places { columns: 2; } .liwm-area-hero { padding: 40px 0; } .liwm-area-section { padding: 36px 0; } .liwm-area-container, .liwm-area-reading { width: calc(100% - 36px); } } @media (max-width: 380px) { .liwm-area-places { columns: 1; } } .liwm-area-service-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0; margin: 0; list-style: none; text-align: center; } .liwm-area-service-links a { display: flex; align-items: center; justify-content: center; min-height: 64px; padding: 16px; height: 100%; box-sizing: border-box; background: #080808; color: #fff000; font-size: 16px; line-height: 1.5; text-decoration: underline; text-underline-offset: 4px; } @media (max-width: 900px) { .liwm-area-service-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 600px) { .liwm-area-service-links { grid-template-columns: minmax(0, 1fr); } }  body.liwm-home .liwm-local-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; width: 100%; margin: 0 auto; } body.liwm-home .liwm-local-actions .button { display: flex; justify-content: center; align-items: center; width: 320px; max-width: 100%; min-height: 48px; padding: 14px 18px; text-align: center; white-space: normal; }  :root { --network-header: 72px; --network-gutter: clamp(18px, 3vw, 24px); } html { scroll-padding-top: calc(var(--network-header) + 16px) !important; } body.liwm-network > header { height: var(--network-header) !important; } body.liwm-network > header > .container { width: min(calc(100% - 2 * var(--network-gutter)), 1160px) !important; min-width: 0; gap: 16px !important; } body.liwm-network > header :is(.services-trigger, .liwm-menu-trigger) { height: var(--network-header) !important; } body.liwm-network > header :is(.liwm-menu-mark, .liwm-brand-logo) { width: 48px; height: 48px; flex-basis: 48px; } body.liwm-network > header :is(.brand, .liwm-menu-brand) { min-width: 0; } body.liwm-network > header :is(.mega-menu, .liwm-menu-panel) { max-height: calc(100dvh - var(--network-header) - 20px); } body.liwm-network main :is( .container, .hero-copy, .hero-copy-wrap, .article-content, .article-body, .service-card, .contact-grid ) { min-width: 0; } body.liwm-network.liwm-home .hero-grid { padding-block: clamp(40px, 5vh, 60px) !important; } body.liwm-network.liwm-home .hero h1 { font-size: clamp(36px, 5vw, 68px) !important; line-height: 1.04 !important; letter-spacing: -0.045em !important; overflow-wrap: break-word; } body.liwm-network.liwm-home .hero :is(.hero-lead, .hero-detail, .hero-role, .hero-intro, .hero-copy-wrap > p) { line-height: 1.6 !important; } body.liwm-network.liwm-home .hero :is(.hero-actions, .button-row) { margin-top: 24px !important; gap: 12px; } body.liwm-network.liwm-home .hero :is(.service-area, .hero-note) { margin-top: 20px !important; } body.liwm-network.liwm-home main > :is(.section, .services-section, .pricing, .local, .about, .faq, .contact) { padding-block: clamp(48px, 6vw, 80px) !important; } body.liwm-network :is(.page-hero, .profile-page-hero) { padding-block: clamp(32px, 4vw, 52px) !important; } body.liwm-network .liwm-footer-identity { min-width: 0; } body.liwm-network .liwm-footer-identity > :not(img) { min-width: 0; } body.liwm-network .liwm-footer-links a { display: inline-flex; align-items: center; min-height: 36px; } body.liwm-network .greg-hero-identity { gap: 16px; margin-bottom: 20px; } body.liwm-network .greg-hero-identity img { width: 80px; height: 80px; flex-basis: 80px; }  body.liwm-network.liwm-home .hero.has-backdrop { position: relative; isolation: isolate; overflow: hidden; background: #030a19 !important; } body.liwm-network.liwm-home .hero.has-backdrop::before, body.liwm-network.liwm-home .hero.has-backdrop::after { content: none !important; } body.liwm-network .hero-backdrop { position: absolute; inset: 0; display: block; z-index: -2; pointer-events: none; } body.liwm-network .hero-backdrop > img { width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; } body.liwm-network .hero-shade { position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg, #030a19b3, #030a199e 65%, #030a19cc); } body.liwm-network .hero--space .hero-shade { background: #03051199; } body.liwm-network .hero--shore .hero-shade { background: linear-gradient(180deg, #030911b8, #030911a3); } body.liwm-network .hero--shore .hero-backdrop > img { object-position: center 55%; } @media (min-width: 1021px) and (prefers-reduced-motion: no-preference) { body.liwm-network .hero.has-backdrop .hero-backdrop { animation: network-hero-arrive 4.5s ease-out 1 both; } } @keyframes network-hero-arrive { from { transform: scale(1.035); } to { transform: scale(1); } } @media (max-width: 1020px) { :root { --network-header: 64px; } body.liwm-network > header :is(.liwm-menu-mark, .liwm-brand-logo) { width: 44px; height: 44px; flex-basis: 44px; } body.liwm-network > header :is(.nav-links, .liwm-menu-nav) { top: var(--network-header) !important; max-height: calc(100dvh - var(--network-header) - 12px) !important; } body.liwm-network > header :is(.services-trigger, .liwm-menu-trigger) { height: auto !important; } body.liwm-network > header :is(.mega-menu, .liwm-menu-panel) { max-height: none; } } @media (max-width: 700px) { body.liwm-network.liwm-home .hero-grid { padding-block: 32px !important; } body.liwm-network.liwm-home .hero h1 { font-size: clamp(34px, 9.5vw, 52px) !important; } body.liwm-network.liwm-home .hero :is(.hero-actions, .button-row) { margin-top: 20px !important; gap: 10px; } body.liwm-network .greg-hero-identity img { width: 64px; height: 64px; flex-basis: 64px; } } @media (max-width: 360px) { body.liwm-network > header > .container { gap: 8px !important; } body.liwm-network > header :is(.brand, .liwm-menu-brand) { gap: 8px !important; white-space: normal !important; } body.liwm-network > header :is(.brand-name, .liwm-menu-brand > span) { white-space: normal !important; font-size: 9px !important; line-height: 1.25 !important; } body.liwm-network .liwm-footer-identity { font-size: 11px; gap: 8px; } }  body.network-v3 { --brand-accent: #fff000; --brand-action: #fff000; --brand-on-action: #080808; --brand-tint: #ffffff12; --network-width: 1160px; --network-gap: 24px; } body.network-v3.liwm-nyw { --brand-accent: #adcaff; --brand-action: #164dff; --brand-on-action: #fff; --brand-tint: #94baff20; } .network-shell { width: min(1160px, calc(100% - 48px)); margin-inline: auto; min-width: 0; } body.network-v3 .network-header, body.network-v3 .network-footer { font-family: Arial, Helvetica, sans-serif; line-height: 1.5; } body.network-v3 > header.network-header { position: sticky; top: 0; z-index: 1000; height: 72px !important; padding: 0 !important; margin: 0; background: #07090d !important; border: 0; border-bottom: 1px solid #ffffff26; } body.network-v3 .network-header-inner { position: relative; height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; } body.network-v3 .network-brand { display: flex; align-items: center; gap: 12px; min-width: 0; color: #fff !important; text-decoration: none !important; flex-shrink: 1; } body.network-v3 .network-brand-image, body.network-v3 .network-brand-mark { display: block; width: 48px; height: 48px; flex: 0 0 48px; object-fit: contain; margin: 0; } body.network-v3 .network-brand-mark { display: flex; align-items: center; justify-content: center; background: var(--brand-accent); color: #080808; border-radius: 50%; font-size: 14px; font-weight: 900; } body.network-v3 .network-brand-copy { display: block; min-width: 0; } body.network-v3 .network-brand-copy strong { display: block; font-size: 12px; line-height: 1.25; font-weight: 900; letter-spacing: 0.015em; } body.network-v3 .network-brand-copy small { display: block; margin-top: 4px; font-size: 8px; line-height: 1.4; letter-spacing: 0.08em; color: #c7cbd2; } body.network-v3 .network-nav { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; } body.network-v3 .network-nav > a, body.network-v3 .network-services-trigger, body.network-v3 .network-menu-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 12px 10px; margin: 0; border: 0; border-radius: 6px; background: transparent; color: #fff; font: 800 12px/1.35 Arial, Helvetica, sans-serif; letter-spacing: 0.02em; text-decoration: none; cursor: pointer; white-space: nowrap; } body.network-v3 .network-nav > a:hover, body.network-v3 .network-services-trigger:hover, body.network-v3 .network-services-trigger[aria-expanded="true"] { background: var(--brand-tint); color: var(--brand-accent); } body.network-v3 .network-nav > a[aria-current="page"] { color: var(--brand-accent); } body.network-v3 .network-nav > a.network-nav-cta { background: var(--brand-action); color: var(--brand-on-action); padding-inline: 16px; margin-left: 8px; } body.network-v3 .network-nav > a.network-nav-cta:hover { filter: brightness(0.9); } body.network-v3 .network-menu-toggle { display: none; border: 1px solid #ffffff4d; } body.network-v3 .network-services { position: static; } body.network-v3 .network-caret { width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); } body.network-v3 .network-services-trigger[aria-expanded="true"] .network-caret { transform: translateY(1px) rotate(225deg); } body.network-v3 .network-panel { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 24px; margin: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; max-height: calc(100dvh - 92px); overflow: auto; overscroll-behavior: contain; background: #0b0e14; border: 1px solid #ffffff26; border-radius: 0 0 10px 10px; box-shadow: 0 20px 40px #0006; } body.network-v3 .network-services.is-open > .network-panel { display: grid; } body.network-v3 .network-group { min-width: 0; } body.network-v3 .network-group-label { margin: 0 12px 8px; font-size: 11px; font-weight: 900; letter-spacing: 0.08em; line-height: 1.5; color: var(--brand-accent); } body.network-v3 .network-panel a { display: flex; align-items: center; min-height: 44px; padding: 11px 12px; margin: 0; color: #f1f3f6; border: 1px solid transparent; border-radius: 5px; background: transparent; font: 600 13px/1.4 Arial, Helvetica, sans-serif; letter-spacing: 0; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: break-word; } body.network-v3 .network-panel a:hover, body.network-v3 .network-panel a:focus-visible, body.network-v3 .network-panel a[aria-current="page"] { background: var(--brand-tint); border-color: #ffffff26; color: var(--brand-accent); } body.network-v3 :is(.network-header, .network-footer, .network-blog-list, .network-author) :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; box-shadow: none; }  body.network-v3 .network-page-hero { padding: 48px 0 !important; text-align: center !important; } body.network-v3 .network-page-hero > .container { width: min(100% - 48px, 960px) !important; margin-inline: auto; } body.network-v3 .network-page-hero h1 { max-width: 960px !important; margin: 12px auto 0 !important; font-size: clamp(34px, 4.5vw, 60px) !important; line-height: 1.08 !important; text-align: center !important; letter-spacing: -0.035em !important; } body.network-v3.liwm-blog-index .network-page-hero h1 br { display: none; } body.network-v3.liwm-blog-index .network-page-hero h1 .signature::before { content: " "; } body.network-v3 .network-page-hero p { max-width: 720px; margin: 18px auto 0 !important; font-size: 16px !important; line-height: 1.65 !important; } body.network-v3 .network-page-hero :is(.eyebrow, .section-label) { font-size: 11px !important; margin: 0 auto !important; } body.network-v3 .network-blog-list { padding: 56px 0 72px; background: #f4f4f1; color: #101317; } body.network-v3 .network-blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; } body.network-v3 .network-blog-card { display: flex; flex-direction: column; min-width: 0; padding: 32px; margin: 0; background: #fff; border: 1px solid #dfe1e3; border-top: 4px solid #121820; border-radius: 8px; text-align: center; } body.network-v3 .network-blog-card h2 { margin: 0 0 16px !important; font: 800 clamp(24px, 2.2vw, 30px) / 1.2 Arial, Helvetica, sans-serif !important; letter-spacing: -0.025em !important; text-align: center !important; text-transform: none; } body.network-v3 .network-blog-card h2 a { color: #101317; text-decoration: none; } body.network-v3 .network-blog-card h2 a:hover { text-decoration: underline; text-underline-offset: 4px; } body.network-v3 .network-blog-card .network-blog-kicker { margin: 0 0 12px !important; font-size: 11px !important; font-weight: 800; letter-spacing: 0.06em; color: #4b5664; } body.network-v3 .network-blog-card .network-byline { margin: 0 0 16px !important; font-size: 11px !important; font-weight: 700; line-height: 1.5; color: #4b5664; } body.network-v3 .network-blog-card .network-byline a { color: inherit; } body.network-v3 .network-blog-card > p { margin: 0 0 24px !important; font-size: 16px !important; line-height: 1.65 !important; color: #3d4753; } body.network-v3 .network-blog-card .network-article-link { align-self: center; margin-top: auto; padding: 12px 0; min-height: 44px; color: #113b96; font-size: 13px; font-weight: 800; line-height: 1.4; text-decoration: underline; text-underline-offset: 4px; }  body.network-v3 .network-author { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; align-items: start !important; gap: 24px !important; width: 100% !important; max-width: 860px !important; margin: 40px auto 0 !important; padding: 28px !important; background: #f3f5f7 !important; border: 1px solid #dde1e5 !important; border-radius: 8px; color: #151b23 !important; text-align: center !important; } body.network-v3 .network-author > img { width: 96px !important; height: 116px !important; max-width: 100%; margin: 0 !important; object-fit: cover; border-radius: 6px !important; } body.network-v3 .network-author-copy { min-width: 0; } body.network-v3 .network-author .network-author-kicker { margin: 0 0 6px !important; padding: 0 !important; font: 800 10px/1.5 Arial, Helvetica, sans-serif !important; letter-spacing: 0.08em; color: #505d6c !important; text-align: center !important; } body.network-v3 .network-author .network-author-name { margin: 0 0 10px !important; font: 800 24px/1.2 Arial, Helvetica, sans-serif !important; letter-spacing: -0.02em !important; color: #151b23 !important; text-align: center !important; } body.network-v3 .network-author .network-author-text { margin: 0 !important; max-width: none !important; font: 400 15px/1.65 Arial, Helvetica, sans-serif !important; color: #35404d !important; text-align: center !important; } body.network-v3 .network-author-actions { display: flex; flex-wrap: wrap; justify-content: center !important; gap: 8px 20px; margin: 12px 0 0 !important; } body.network-v3 .network-author-actions a { display: inline-flex; align-items: center; min-height: 44px; margin: 0; padding: 8px 0; color: #113b96 !important; font: 800 12px/1.4 Arial, Helvetica, sans-serif; text-decoration: underline; text-underline-offset: 4px; }  body.network-v3.liwm-home .hero.has-video { position: relative; isolation: isolate; overflow: hidden; background: #060d1b !important; } body.network-v3.liwm-home .hero.has-video .hero-backdrop { animation: none !important; transform: none !important; } body.network-v3 .network-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } body.network-v3 .network-hero-video.is-ready { opacity: 1; } body.network-v3 .hero.has-video .hero-backdrop { z-index: -3; } body.network-v3 .hero.has-video .hero-shade { z-index: -1; background: linear-gradient(90deg, #030913b8, #0309139e) !important; } body.network-v3.liwm-greg-home .hero .hero-grid { display: grid !important; grid-template-columns: minmax(0, 1.4fr) minmax(240px, 0.65fr) !important; gap: 64px !important; align-items: center; padding-block: 48px !important; } body.network-v3.liwm-greg-home .hero .hero-copy { text-align: center !important; } body.network-v3.liwm-greg-home .hero .hero-copy :is(h1, p) { text-align: center !important; margin-inline: auto !important; } body.network-v3.liwm-greg-home .hero .hero-actions { justify-content: center !important; } body.network-v3 .network-hero-portrait { width: min(100%, 320px); margin: 0; justify-self: end; } body.network-v3 .network-hero-portrait img { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid #ffffff40; box-shadow: 0 20px 50px #0004; } body.network-v3 .network-hero-portrait figcaption { margin-top: 12px; color: #e6ebf3; font-size: 12px; line-height: 1.5; text-align: center; } body.network-v3 main :is(.button, .service-cta, .liwm-post-cta) { min-height: 48px !important; max-width: 100%; padding: 13px 20px !important; white-space: normal !important; line-height: 1.4 !important; text-align: center !important; border-radius: 5px; } @media (max-width: 1020px) { body.network-v3 > header.network-header { height: 64px !important; } body.network-v3 .network-header-inner { gap: 12px; } body.network-v3 .network-brand-image, body.network-v3 .network-brand-mark { width: 44px; height: 44px; flex-basis: 44px; } body.network-v3 .network-menu-toggle { display: flex; flex: 0 0 auto; } body.network-v3 .network-nav { display: none; position: fixed; top: 64px; left: 18px; right: 18px; max-height: calc(100dvh - 80px); overflow: auto; overscroll-behavior: contain; flex-direction: column; align-items: stretch; gap: 0; padding: 12px; background: #0b0e14; border: 1px solid #ffffff30; border-radius: 0 0 8px 8px; box-shadow: 0 16px 32px #0006; } body.network-v3 .network-nav.is-open { display: flex; } body.network-v3 .network-nav > a, body.network-v3 .network-services-trigger { width: 100%; min-height: 48px; justify-content: space-between; padding: 12px; border-bottom: 1px solid #ffffff1c; border-radius: 4px; white-space: normal; } body.network-v3 .network-nav > a.network-nav-cta { margin: 12px 0 0; justify-content: center; } body.network-v3 .network-panel { position: static; width: 100%; max-height: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 12px; padding: 16px 0; border: 0; box-shadow: none; background: transparent; } body.network-v3 .network-panel a { min-height: 48px; } body.network-v3 .network-footer-main { gap: 28px; } } @media (max-width: 760px) { .network-shell { width: calc(100% - 36px); } body.network-v3 .network-brand-copy strong { font-size: 10px; } body.network-v3 .network-brand-copy small { font-size: 7px; letter-spacing: 0.03em; } body.network-v3 .network-page-hero { padding: 32px 0 !important; } body.network-v3 .network-page-hero > .container { width: calc(100% - 36px) !important; } body.network-v3 .network-blog-list { padding: 32px 0 48px; } body.network-v3 .network-blog-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } body.network-v3 .network-blog-card { padding: 24px; } body.network-v3 .network-footer-main { grid-template-columns: minmax(0, 1fr); gap: 28px; padding: 36px 0 28px; } body.network-v3 .network-footer-nav { max-width: 360px; } body.network-v3 .network-footer-bottom { align-items: flex-start; flex-direction: column; gap: 4px; } body.network-v3.liwm-greg-home .hero .hero-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; padding-block: 32px !important; } body.network-v3 .network-hero-portrait { width: 200px; justify-self: start; } } @media (max-width: 520px) { body.network-v3 .network-author { grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; padding: 20px !important; } body.network-v3 .network-author > img { width: 64px !important; height: 78px !important; } body.network-v3 .network-author .network-author-name { font-size: 21px !important; } body.network-v3 .network-author .network-author-text { font-size: 14px !important; } body.network-v3 .network-author-actions { gap: 0 16px; } } @media (max-width: 380px) { body.network-v3 .network-brand { gap: 8px; } body.network-v3 .network-panel { grid-template-columns: minmax(0, 1fr); } body.network-v3 .network-author { grid-template-columns: minmax(0, 1fr) !important; } } @media (prefers-reduced-motion: reduce) { body.network-v3 .network-hero-video { transition: none; } } body.network-v3 .network-document { padding: 48px 0 64px; background: #fff; color: #17202b; } body.network-v3 .network-document .network-shell { max-width: 860px; } body.network-v3 .network-document h2 { margin: 32px 0 16px; font-size: 26px; line-height: 1.25; text-align: center; } body.network-v3 .network-document h2:first-child { margin-top: 0; } body.network-v3 .network-document p { margin: 0 0 20px; font-size: 16px; line-height: 1.7; } body.network-v3 .network-document a { color: #113b96; text-decoration: underline; text-underline-offset: 4px; }  body.network-v3 .network-article-section { padding: 56px 0 72px !important; background: #fff !important; color: #151b23; } body.network-v3 .network-article-section > .network-shell { max-width: 860px; } body.network-v3 .network-article { width: 100%; max-width: none; padding: 0; margin: 0; min-width: 0; text-align: left; } body.network-v3 .network-article > p { margin: 0 0 20px !important; font: 400 17px/1.75 Arial, Helvetica, sans-serif !important; color: #27313e; } body.network-v3 .network-article > :is(h2, h3) { margin: 36px 0 16px !important; font: 800 clamp(25px, 3vw, 34px) / 1.2 Arial, Helvetica, sans-serif !important; letter-spacing: -0.025em; color: #151b23; text-align: center !important; } body.network-v3 .network-article > h3 { font-size: 23px !important; } body.network-v3 .network-article > :first-child { margin-top: 0 !important; } body.network-v3 .network-article > :is(ul, ol) { margin: 12px 0 24px !important; padding-left: 24px !important; list-style-position: outside; } body.network-v3 .network-article > :is(ul, ol) > li { margin: 8px 0; font-size: 17px; line-height: 1.75; } body.network-v3 .network-article > :is(p, ul, ol) a { color: #113b96; text-decoration: underline; text-underline-offset: 3px; } body.network-v3 .network-article .article-actions { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 12px; margin: 32px 0; } body.network-v3 .network-article .article-actions .button { width: auto; margin: 0; } @media (max-width: 760px) { body.network-v3 .network-article-section { padding: 32px 0 48px !important; } body.network-v3 .network-article > p, body.network-v3 .network-article > :is(ul, ol) > li { font-size: 16px !important; } body.network-v3 .network-article > :is(h2, h3) { margin-top: 28px !important; } } body.network-v3 .network-page-hero :is(.byline, .greg-byline, .blog-post-meta) { margin: 16px auto 0 !important; font: 700 11px/1.5 Arial, Helvetica, sans-serif !important; letter-spacing: 0.03em; }  :root { --network-header: 72px; } html { scroll-padding-top: var(--network-header) !important; } body.network-v3 main [id] { scroll-margin-top: 0 !important; } body.network-v3 main header { position: static !important; top: auto !important; height: auto !important; min-height: 0 !important; z-index: auto !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } body.network-v3 > header.network-header { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; overflow: visible; } body.network-v3 .network-header-inner { flex-wrap: nowrap; } body.network-v3 .network-brand { flex-shrink: 0; } body.network-v3 .network-nav { min-width: 0; } body.network-v3 .network-panel a { text-align: left; } body.network-v3 .network-panel-compact { width: min(660px, 100%); left: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); } body.network-v3 .network-panel .network-services-overview { grid-column: 1/-1; justify-content: center; margin-top: 4px; border: 1px solid #ffffff40; text-align: center; font-weight: 800; }  body.network-v3.liwm-home .hero.has-video { display: block !important; min-height: 0 !important; height: auto !important; padding: 0 !important; } body.network-v3.liwm-home .hero.has-video > .hero-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; align-content: center; justify-items: center; width: min(1160px, calc(100% - 48px)) !important; min-height: calc(100svh - var(--network-header) - 1px); padding: 56px 0 !important; margin: 0 auto !important; gap: 0 !important; } body.network-v3.liwm-home .hero.has-video .hero-copy-wrap { width: 100%; max-width: 960px; margin: 0 auto; text-align: center; } body.network-v3.liwm-home .hero.has-video h1 { margin: 0 auto !important; text-align: center !important; max-width: 960px !important; } body.network-v3.liwm-home .hero.has-video :is(.hero-copy, .hero-lead, .hero-detail, .hero-intro, .hero-role) { max-width: 760px !important; margin-inline: auto !important; text-align: center !important; } body.network-v3.liwm-home .hero.has-video :is(.hero-actions, .hero-note, .button-row) { justify-content: center !important; text-align: center !important; margin-inline: auto !important; } body.network-v3.liwm-home .hero.has-video > :is(.hero-backdrop, .network-hero-video, .hero-shade) { position: absolute !important; inset: 0 !important; width: 100%; height: 100%; } body.network-v3.liwm-home .hero.has-video .hero-backdrop img { width: 100%; height: 100%; object-fit: cover; } body.network-v3.liwm-greg-home .hero.has-video > .hero-grid { grid-template-columns: minmax(0, 1.4fr) minmax(220px, 0.65fr) !important; gap: 48px !important; } body.network-v3 .network-hero-portrait { justify-self: center; } body.network-v3 .network-hero-portrait figcaption { text-align: center; }  body.network-v3 footer.network-footer-v5 { display: block !important; padding: 38px 0 30px !important; margin: 0 !important; background: #070707 !important; color: #fff !important; border-top: 1px solid #ffffff26; } body.network-v3 .network-footer-v5 .liwm-footer-inner { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 20px !important; width: min(1160px, calc(100% - 48px)) !important; margin: 0 auto !important; text-align: center !important; } body.network-v3 .network-footer-v5 .liwm-footer-identity { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: auto !important; text-align: left !important; } body.network-v3 .network-footer-v5 :is(.liwm-brand-logo, .liwm-footer-mark) { width: 48px !important; height: 48px !important; flex: 0 0 48px !important; object-fit: contain; } body.network-v3 .network-footer-v5 .liwm-footer-mark { display: flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--brand-accent); color: #080808; font-weight: 900; font-size: 14px; } body.network-v3 .network-footer-v5 .liwm-footer-identity > span:last-child { font: 900 12px/1.4 Arial, Helvetica, sans-serif; } body.network-v3 .network-footer-v5 .liwm-footer-identity small { display: block; margin-top: 4px; color: #c2c5c9; font-size: 9px; letter-spacing: 0.05em; } body.network-v3 .network-footer-v5 .liwm-footer-links { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 4px 24px !important; width: 100% !important; margin: 0 !important; } body.network-v3 .network-footer-v5 .liwm-footer-links a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 0; font: 700 12px/1.4 Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } body.network-v3 .network-footer-v5 .liwm-footer-links a:hover { color: var(--brand-accent); text-decoration: underline; text-underline-offset: 4px; } body.network-v3 .network-footer-v5 .liwm-footer-credit { margin: 0 !important; max-width: 100%; color: #bfc4cc; font: 400 11px/1.6 Arial, Helvetica, sans-serif; text-align: center !important; } body.network-v3 .network-footer-v5 .liwm-footer-credit a { color: inherit; }  body.network-v3 .network-blog-list > .network-shell { max-width: 1080px; } body.network-v3 .network-blog-card { text-align: center; align-items: stretch; border-radius: 0; border-top: 3px solid #16191e; box-shadow: none; } body.network-v3 .network-blog-card :is(h2, p, .network-byline) { text-align: center !important; } body.network-v3 .network-blog-card > p { max-width: 48ch; margin-inline: auto !important; } body.network-v3 .network-author { justify-items: center !important; gap: 18px !important; padding: 32px !important; max-width: 780px !important; text-align: center !important; background: #f4f4f1 !important; border: 1px solid #deded8 !important; border-radius: 0; } body.network-v3 .network-author > img { margin: 0 auto !important; width: 96px !important; height: 116px !important; border-radius: 6px !important; } body.network-v3 .network-author-copy { width: 100%; max-width: 640px; margin: 0 auto; } body.network-v3 .network-author :is(.network-author-kicker, .network-author-name, .network-author-text) { text-align: center !important; } body.network-v3 .network-author-actions { justify-content: center !important; } body.network-v3 .network-article .article-actions { justify-content: center; } body.network-v3 .network-article > :is(h2, h3) { text-align: center !important; } body.network-v3 .network-article > :is(p, ul, ol) { text-align: left; } body.network-v3 :is(.hero-actions, .button-row, .article-actions) > a { min-width: 0; } @media (max-width: 1020px) { :root { --network-header: 64px; } body.network-v3 .network-panel-compact { width: 100%; } body.network-v3 .network-header-inner { width: calc(100% - 36px); } body.network-v3 .network-brand { flex-shrink: 1; } body.network-v3 .network-brand-copy { overflow-wrap: normal; } } @media (max-width: 760px) { body.network-v3.liwm-home .hero.has-video > .hero-grid { width: calc(100% - 36px) !important; min-height: calc(100svh - var(--network-header) - 1px) !important; padding: 40px 0 44px !important; } body.network-v3.liwm-greg-home .hero.has-video > .hero-grid { grid-template-columns: minmax(0, 1fr) !important; gap: 28px !important; } body.network-v3 .network-hero-portrait { width: 180px; } body.network-v3 .network-footer-v5 .liwm-footer-inner { width: calc(100% - 36px) !important; gap: 16px !important; } body.network-v3 .network-footer-v5 .liwm-footer-links { gap: 2px 20px !important; } body.network-v3 .network-author { padding: 24px 20px !important; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }  body.network-v3 .greg-photo { height: auto !important; aspect-ratio: auto !important; } body.network-v3 .greg-photo img, body.network-v3 .liwm-profile-photo img { display: block; width: 100%; height: auto !important; aspect-ratio: auto !important; object-fit: contain !important; } body.network-v3 .greg-photo::after { display: none; } body.network-v3 .liwm-team .liwm-team-photo-frame .liwm-team-photo { object-fit: contain; }  body.network-v3.liwm-home #contact { min-height: calc(100svh - var(--network-header) - var(--network-footer-height, 0px)); }