{"id":2,"date":"2026-09-03T20:27:34","date_gmt":"2026-09-03T20:27:34","guid":{"rendered":"https:\/\/staging6.gmportal.net\/?page_id=2"},"modified":"2026-09-07T14:41:52","modified_gmt":"2026-09-07T19:41:52","slug":"home","status":"publish","type":"page","link":"https:\/\/staging6.gmportal.net\/","title":{"rendered":"Home"},"content":{"rendered":"\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"0\" data-consonant-block=\"post-2-hero\" data-consonant-page=\"2\" data-consonant-source=\"post-content\" data-consonant-uuid=\"7299b855-01fe-4b12-970d-a033d7de9a11\" class=\"fgs-hero\" id=\"fgs-hero\">\n\n  <div class=\"fgs-hero__texture\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"fgs-hero__video-wrap\">\n    <video class=\"fgs-hero__video\" autoplay muted loop playsinline preload=\"metadata\" poster=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background-3-scaled.webp\">\n      <source src=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/HeroVid.mp4\" type=\"video\/mp4\">\n    <\/video>\n  <\/div>\n\n  <div class=\"fgs-hero__fade\" aria-hidden=\"true\"><\/div>\n  <div class=\"fgs-hero__glass-arc\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"fgs-hero__inner\">\n    <div class=\"fgs-hero__content\">\n\n      <div class=\"fgs-eyebrow\">\n        Locally Owned \u2022 Idaho Falls, Idaho\n      <\/div>\n\n      <h1>\n        <span>WINDSHIELD DAMAGE?<\/span>\n        <strong>WE\u2019LL COME TO YOU.<\/strong>\n      <\/h1>\n\n      <p>\n        Mobile windshield repair, rock chip repair and auto glass service throughout Idaho Falls and surrounding East Idaho communities.\n      <\/p>\n\n      <div class=\"fgs-hero__actions\">\n        <a href=\"tel:+12087578438\" class=\"fgs-shard fgs-shard--dark\">\n          <span class=\"fgs-shard__shine\"><\/span>\n          <strong>CALL (208) 757-8438<\/strong>\n        <\/a>\n\n        <a href=\"#fgs-quote\" class=\"fgs-shard fgs-shard--blue\">\n          <span class=\"fgs-shard__shine\"><\/span>\n          <strong>REQUEST A QUOTE<\/strong>\n          <span class=\"fgs-shard__arrow\">\u2192<\/span>\n        <\/a>\n      <\/div>\n\n      <div class=\"fgs-hero__mobile-note\">\n        FREE MOBILE SERVICE IN OUR SERVICE AREA\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n  <div class=\"fgs-hero__bottom-line\" aria-hidden=\"true\"><span><\/span><\/div>\n\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.fgs-hero {\n  position: relative;\n  min-height: calc(100svh - 92px);\n  overflow: hidden;\n  isolation: isolate;\n  color: var(--fgs-white);\n  background: var(--fgs-navy);\n}\n\n.fgs-hero__texture {\n  position: absolute;\n  inset: 0;\n  z-index: -4;\n  background-image: url(\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background-3-scaled.webp\");\n  background-size: cover;\n  background-position: center;\n  opacity: .17;\n  filter: saturate(.88) contrast(1.08);\n  transform: scale(1.025);\n}\n\n.fgs-hero__video-wrap {\n  position: absolute;\n  z-index: -3;\n  top: 6%;\n  right: 1.5%;\n  bottom: 7%;\n  left: 46%;\n  overflow: hidden;\n\n  clip-path: polygon(10% 0, 100% 4%, 93% 100%, 0 92%);\n\n  border: 1px solid rgba(156,218,255,.28);\n  background: rgba(5,20,38,.32);\n\n  box-shadow:\n    inset 0 1px rgba(255,255,255,.08),\n    inset 18px 0 42px rgba(8,127,255,.045),\n    0 24px 70px rgba(0,0,0,.20);\n\n  -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.38) 9%, #000 27%, #000 100%);\n  mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.38) 9%, #000 27%, #000 100%);\n}\n\n.fgs-hero__video-wrap::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  pointer-events: none;\n\n  background:\n    linear-gradient(90deg, rgba(2,7,17,.72) 0%, rgba(2,7,17,.24) 26%, transparent 48%),\n    linear-gradient(180deg, rgba(2,7,17,.08), transparent 48%, rgba(2,7,17,.24));\n}\n\n.fgs-hero__video-wrap::after {\n  content: \"\";\n  position: absolute;\n  z-index: 3;\n  left: 7%;\n  right: 9%;\n  bottom: 8%;\n  height: 1px;\n  transform: rotate(-5deg);\n  background: linear-gradient(90deg, transparent, rgba(40,170,255,.65), rgba(215,244,255,.70), transparent);\n  box-shadow: 0 0 11px rgba(40,170,255,.26);\n  pointer-events: none;\n}\n\n.fgs-hero__video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: 47% 24%;\n  filter: saturate(.90) contrast(1.05) brightness(.82);\n  transform: scale(1.36);\n  transform-origin: 46% 24%;\n}\n\n.fgs-hero__fade {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  background:\n    radial-gradient(circle at 69% 43%, rgba(8,127,255,.055), transparent 31%),\n    linear-gradient(90deg, rgba(2,7,17,1) 0%, rgba(2,7,17,.98) 28%, rgba(2,7,17,.86) 43%, rgba(2,7,17,.46) 57%, rgba(2,7,17,.14) 72%, rgba(2,7,17,.04) 100%);\n  pointer-events: none;\n}\n\n.fgs-hero__inner {\n  width: min(var(--fgs-container), calc(100% - 80px));\n  min-height: calc(100svh - 92px);\n  margin: auto;\n  display: flex;\n  align-items: center;\n  position: relative;\n  z-index: 3;\n}\n\n.fgs-hero__content {\n  width: min(760px, 57%);\n  padding: 88px 0 118px;\n}\n\n.fgs-hero h1 {\n  margin: 26px 0 0;\n  max-width: 780px;\n  font-family: var(--fgs-display);\n  font-size: clamp(62px, 6.6vw, 112px);\n  line-height: .88;\n  letter-spacing: -.018em;\n  font-weight: 400;\n  text-transform: uppercase;\n}\n\n.fgs-hero h1 span,\n.fgs-hero h1 strong {\n  display: block;\n}\n\n.fgs-hero h1 span {\n  color: var(--fgs-white);\n}\n\n.fgs-hero h1 strong {\n  margin-top: .08em;\n  color: var(--fgs-blue);\n  font-weight: 400;\n  text-shadow: 0 0 32px rgba(8,127,255,.16);\n}\n\n.fgs-hero__content > p {\n  width: min(620px, 100%);\n  margin: 30px 0 0;\n  color: rgba(240,247,253,.80);\n  font-family: var(--fgs-body);\n  font-size: clamp(17px, 1.25vw, 20px);\n  line-height: 1.65;\n}\n\n.fgs-hero__actions {\n  margin-top: 36px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 15px;\n}\n\n.fgs-hero__actions .fgs-shard {\n  min-height: 64px;\n  padding-inline: 36px;\n}\n\n.fgs-hero__mobile-note {\n  width: fit-content;\n  margin-top: 25px;\n  padding: 9px 0 9px 14px;\n  border-left: 2px solid var(--fgs-blue);\n  color: rgba(226,240,252,.82);\n  font-family: var(--fgs-body);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: .13em;\n}\n\n.fgs-hero__glass-arc {\n  position: absolute;\n  z-index: 2;\n  width: 48vw;\n  height: 2px;\n  right: -4vw;\n  bottom: 10%;\n  transform: rotate(-4deg);\n  background: linear-gradient(90deg, transparent, rgba(8,127,255,.18), var(--fgs-blue), #c7efff, transparent);\n  filter: drop-shadow(0 0 10px rgba(8,127,255,.62));\n  opacity: .58;\n}\n\n.fgs-hero__bottom-line {\n  position: absolute;\n  z-index: 5;\n  left: 3%;\n  right: 3%;\n  bottom: 28px;\n  height: 1px;\n  background: rgba(255,255,255,.18);\n}\n\n.fgs-hero__bottom-line span {\n  position: absolute;\n  width: 95px;\n  height: 2px;\n  left: 46%;\n  top: -1px;\n  background: var(--fgs-blue);\n  box-shadow: 0 0 15px var(--fgs-blue);\n}\n\n@media (max-width: 1050px) {\n  .fgs-hero__video-wrap {\n    left: 40%;\n    right: -7%;\n  }\n\n  .fgs-hero__content {\n    width: min(700px, 61%);\n  }\n}\n\n@media (max-width: 900px) {\n  .fgs-hero,\n  .fgs-hero__inner {\n    min-height: 900px;\n  }\n\n  .fgs-hero__inner {\n    width: min(100% - 40px, var(--fgs-container));\n    align-items: flex-start;\n  }\n\n  .fgs-hero__content {\n    width: 100%;\n    padding: 76px 0 455px;\n  }\n\n  .fgs-hero__video-wrap {\n    left: -7%;\n    right: -7%;\n    top: auto;\n    bottom: 0;\n    height: 455px;\n\n    clip-path: polygon(0 9%, 96% 0, 100% 100%, 4% 100%);\n\n    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.32) 14%, #000 37%, #000 100%);\n    mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.32) 14%, #000 37%, #000 100%);\n  }\n\n  .fgs-hero__video {\n    object-position: 47% 25%;\n    transform: scale(1.18);\n    transform-origin: 47% 25%;\n  }\n\n  .fgs-hero__fade {\n    background: linear-gradient(180deg, rgba(2,7,17,.99) 0%, rgba(2,7,17,.95) 40%, rgba(2,7,17,.62) 57%, rgba(2,7,17,.15) 79%, rgba(2,7,17,.04));\n  }\n}\n\n@media (max-width: 620px) {\n  .fgs-hero h1 {\n    font-size: clamp(50px, 14.5vw, 74px);\n  }\n\n  .fgs-hero__content {\n    padding-bottom: 405px;\n  }\n\n  .fgs-hero__video-wrap {\n    height: 415px;\n  }\n\n  .fgs-hero__actions {\n    flex-direction: column;\n  }\n\n  .fgs-hero__actions .fgs-shard {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .fgs-hero__mobile-note {\n    font-size: 10px;\n    letter-spacing: .1em;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const hero = document.querySelector(\"#fgs-hero\");\n  const video = hero?.querySelector(\".fgs-hero__video\");\n\n  if (!hero || !video || matchMedia(\"(prefers-reduced-motion: reduce)\").matches) return;\n\n  window.addEventListener(\"scroll\", () => {\n    const rect = hero.getBoundingClientRect();\n    if (rect.bottom < 0 || rect.top > innerHeight) return;\n\n    const progress = Math.max(0, Math.min(1, -rect.top \/ rect.height));\n    const mobile = innerWidth <= 900;\n    const base = mobile ? 1.18 : 1.36;\n\n    video.style.transform = `scale(${base + progress * .02}) translateY(${progress * 7}px)`;\n  }, { passive: true });\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"1\" data-consonant-block=\"post-2-positioning-prism\" data-consonant-page=\"2\" data-consonant-source=\"post-content\" data-consonant-uuid=\"7299b855-01fe-4b12-970d-a033d7de9a11\" class=\"fgs-positioning\" id=\"fgs-positioning\">\n\n  <div class=\"fgs-positioning__texture\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"fgs-positioning__inner\">\n\n    <div class=\"fgs-positioning__heading\">\n      <div class=\"fgs-eyebrow\">Why First Glass<\/div>\n\n      <h2>\n        MAKE LOCAL\n        <strong>THE CLEARER CHOICE.<\/strong>\n      <\/h2>\n\n      <p>\n        The same things drivers want from a national company become more valuable when they come with local service, direct communication and somebody who can actually come to you.\n      <\/p>\n    <\/div>\n\n    <div class=\"fgs-positioning__stage\">\n\n      <div class=\"fgs-positioning__left\">\n        <article>\n          <small>01<\/small>\n          <h3>UNDERSTAND THE DAMAGE<\/h3>\n          <p>Get clear guidance on whether repair or replacement makes sense.<\/p>\n        <\/article>\n\n        <article>\n          <small>02<\/small>\n          <h3>MAKE CONTACT EASY<\/h3>\n          <p>Call directly or send vehicle details through a short quote request.<\/p>\n        <\/article>\n\n        <article>\n          <small>03<\/small>\n          <h3>KEEP THE PROCESS SIMPLE<\/h3>\n          <p>Solve the glass problem without turning it into another project.<\/p>\n        <\/article>\n      <\/div>\n\n      <div class=\"fgs-positioning__prism\" aria-hidden=\"true\">\n        <span>CLEAR<\/span>\n        <span>DIRECT<\/span>\n        <span>LOCAL<\/span>\n      <\/div>\n\n      <div class=\"fgs-positioning__right\">\n        <article>\n          <small>LOCAL OWNERSHIP<\/small>\n          <h3>ROOTED IN EAST IDAHO<\/h3>\n        <\/article>\n\n        <article>\n          <small>MOBILE CONVENIENCE<\/small>\n          <h3>WE COME TO YOU<\/h3>\n        <\/article>\n\n        <article>\n          <small>REPAIR FIRST<\/small>\n          <h3>DON\u2019T REPLACE WHAT CAN BE SAVED<\/h3>\n        <\/article>\n\n        <article>\n          <small>REAL PROOF<\/small>\n          <h3>REAL CUSTOMER PROOF<\/h3>\n        <\/article>\n      <\/div>\n\n    <\/div>\n  <\/div>\n\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.fgs-positioning {\n  position: relative;\n  padding: 130px 0 155px;\n  overflow: hidden;\n  background:\n    radial-gradient(circle at 51% 56%, rgba(0,119,255,.13), transparent 34%),\n    var(--fgs-navy);\n  color: white;\n}\n\n.fgs-positioning__texture {\n  position: absolute;\n  inset: -4%;\n  background-image: url(\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background-2-scaled.webp\");\n  background-size: cover;\n  background-position: center;\n  opacity: .23;\n  filter: saturate(.82) contrast(1.08);\n  pointer-events: none;\n}\n\n.fgs-positioning::after {\n  content: \"\";\n  position: absolute;\n  left: -10%;\n  right: -10%;\n  bottom: -73px;\n  height: 118px;\n  background: linear-gradient(180deg, rgba(4,16,30,.90), var(--fgs-navy-2));\n  transform: rotate(-2.2deg);\n  transform-origin: center;\n}\n\n.fgs-positioning__inner {\n  width: min(var(--fgs-container), calc(100% - 80px));\n  margin: auto;\n  position: relative;\n  z-index: 2;\n}\n\n.fgs-positioning__heading {\n  width: min(780px, 100%);\n}\n\n.fgs-positioning h2 {\n  margin: 24px 0 18px;\n  font-family: var(--fgs-display);\n  font-size: clamp(60px, 6.2vw, 106px);\n  line-height: .9;\n  font-weight: 400;\n  text-transform: uppercase;\n}\n\n.fgs-positioning h2 strong {\n  display: block;\n  color: var(--fgs-blue);\n  font-weight: 400;\n}\n\n.fgs-positioning__heading p {\n  width: min(610px, 100%);\n  color: rgba(234,243,251,.72);\n  font-family: var(--fgs-body);\n  font-size: 16px;\n  line-height: 1.72;\n}\n\n.fgs-positioning__stage {\n  min-height: 520px;\n  margin-top: 78px;\n  display: grid;\n  grid-template-columns: 1fr 300px 1fr;\n  gap: 66px;\n  align-items: center;\n}\n\n.fgs-positioning__left,\n.fgs-positioning__right {\n  display: flex;\n  flex-direction: column;\n  gap: 23px;\n}\n\n.fgs-positioning article {\n  position: relative;\n  padding: 7px 0 18px;\n}\n\n.fgs-positioning__left article::after,\n.fgs-positioning__right article::before {\n  content: \"\";\n  position: absolute;\n  top: 52%;\n  width: 58%;\n  height: 1px;\n}\n\n.fgs-positioning__left article::after {\n  left: calc(100% + 18px);\n  background: linear-gradient(90deg, rgba(255,255,255,.42), transparent);\n}\n\n.fgs-positioning__right article::before {\n  right: calc(100% + 18px);\n  background: linear-gradient(90deg, transparent, rgba(40,170,255,.82));\n  box-shadow: 0 0 8px rgba(0,128,255,.36);\n}\n\n.fgs-positioning article small {\n  color: var(--fgs-blue-bright);\n  font-family: var(--fgs-body);\n  font-size: 10px;\n  letter-spacing: .18em;\n}\n\n.fgs-positioning article h3 {\n  margin: 8px 0 4px;\n  color: #fff;\n  font-family: var(--fgs-body);\n  font-size: 15px;\n  letter-spacing: .07em;\n}\n\n.fgs-positioning article p {\n  margin: 0;\n  color: rgba(255,255,255,.58);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.fgs-positioning__prism {\n  width: 232px;\n  height: 458px;\n  position: relative;\n  margin: auto;\n  clip-path: polygon(15% 0, 100% 5%, 94% 100%, 0 95%);\n  border: 1px solid rgba(210,237,255,.62);\n  background:\n    linear-gradient(115deg, rgba(255,255,255,.10), transparent 24%),\n    linear-gradient(145deg, rgba(83,173,255,.08), rgba(5,26,48,.26) 50%, rgba(85,172,255,.05));\n  box-shadow:\n    inset 0 1px rgba(255,255,255,.18),\n    inset 18px 0 35px rgba(73,155,255,.07),\n    inset -4px 0 18px rgba(40,170,255,.12),\n    0 0 34px rgba(0,119,255,.12);\n  transform: perspective(800px) rotateY(-8deg) skewY(-4deg);\n  backdrop-filter: blur(5px) saturate(125%);\n  -webkit-backdrop-filter: blur(5px) saturate(125%);\n}\n\n.fgs-positioning__prism::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-right: 3px solid rgba(80,183,255,.75);\n  border-top: 1px solid rgba(224,244,255,.46);\n  filter: drop-shadow(0 0 8px rgba(8,127,255,.72));\n}\n\n.fgs-positioning__prism::after {\n  content: \"\";\n  position: absolute;\n  width: 145%;\n  height: 1px;\n  left: -22%;\n  top: 47%;\n  transform: rotate(-15deg);\n  background: linear-gradient(90deg, transparent, rgba(206,240,255,.62), rgba(8,127,255,.34), transparent);\n  box-shadow: 0 0 11px rgba(8,127,255,.32);\n  opacity: .7;\n}\n\n.fgs-positioning__prism span {\n  display: block;\n  margin-left: 53px;\n  color: rgba(239,248,255,.42);\n  font-family: var(--fgs-display);\n  font-size: 32px;\n  letter-spacing: .17em;\n  line-height: 1.65;\n  text-shadow: 0 0 18px rgba(40,170,255,.10);\n}\n\n.fgs-positioning__prism span:first-child {\n  margin-top: 124px;\n}\n\n@media (max-width: 950px) {\n  .fgs-positioning__stage {\n    grid-template-columns: 1fr;\n    min-height: auto;\n    gap: 44px;\n  }\n\n  .fgs-positioning__prism {\n    order: -1;\n    height: 300px;\n    width: 184px;\n  }\n\n  .fgs-positioning__prism span:first-child {\n    margin-top: 58px;\n  }\n\n  .fgs-positioning__left article::after,\n  .fgs-positioning__right article::before {\n    display: none;\n  }\n}\n\n@media (max-width: 620px) {\n  .fgs-positioning {\n    padding: 95px 0 125px;\n  }\n\n  .fgs-positioning__inner {\n    width: min(var(--fgs-container), calc(100% - 40px));\n  }\n\n  .fgs-positioning h2 {\n    font-size: clamp(48px, 14vw, 70px);\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section = document.querySelector(\"#fgs-positioning\");\n  if (!section) return;\n\n  const prism = section.querySelector(\".fgs-positioning__prism\");\n  const observer = new IntersectionObserver(([entry]) => {\n    if (!entry.isIntersecting) return;\n\n    prism?.animate([\n      { opacity: 0, transform: \"perspective(800px) rotateY(-14deg) skewY(-4deg) translateY(24px)\" },\n      { opacity: 1, transform: \"perspective(800px) rotateY(-8deg) skewY(-4deg) translateY(0)\" }\n    ], {\n      duration: 820,\n      easing: \"cubic-bezier(.2,.8,.2,1)\",\n      fill: \"both\"\n    });\n\n    observer.disconnect();\n  }, { threshold: .2 });\n\n  observer.observe(section);\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"2\" data-consonant-block=\"post-2-services\" data-consonant-page=\"2\" data-consonant-source=\"post-content\" data-consonant-uuid=\"7299b855-01fe-4b12-970d-a033d7de9a11\" class=\"fgs-services\" id=\"fgs-services\">\n\n  <div class=\"fgs-services__lead\">\n\n    <div class=\"fgs-services__heading\">\n\n      <div class=\"fgs-eyebrow\">\n        Windshield &amp; Auto Glass Services\n      <\/div>\n\n      <h2>\n        REPAIR FIRST.\n        <strong>\n          REPLACE WHEN THE DAMAGE DEMANDS IT.\n        <\/strong>\n      <\/h2>\n\n      <p>\n        Start with the damage. We\u2019ll help you\n        understand whether repair is possible or\n        whether replacement is the safer next step.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"fgs-services__image\" aria-hidden=\"true\"><\/div>\n\n  <\/div>\n\n  <div class=\"fgs-services__list\">\n\n    <article class=\"fgs-service-card\">\n\n      <div class=\"fgs-service-card__number\">\n        01\n      <\/div>\n\n      <h3>\n        WINDSHIELD &amp;\n        <span>ROCK CHIP REPAIR<\/span>\n      <\/h3>\n\n      <ul>\n        <li>Rock chip repair<\/li>\n        <li>Windshield repair<\/li>\n        <li>Repairability guidance<\/li>\n        <li>Mobile service<\/li>\n      <\/ul>\n\n      <a href=\"\/windshield-rock-chip-repair\/\">\n        EXPLORE REPAIR\n        <span>\u2192<\/span>\n      <\/a>\n\n    <\/article>\n\n    <article class=\"fgs-service-card\">\n\n      <div class=\"fgs-service-card__number\">\n        02\n      <\/div>\n\n      <h3>\n        AUTO GLASS &amp;\n        <span>WINDSHIELD REPLACEMENT<\/span>\n      <\/h3>\n\n      <ul>\n        <li>Windshield replacement<\/li>\n        <li>Side and rear glass<\/li>\n        <li>Vehicle-specific quote<\/li>\n        <li>No sunroof service<\/li>\n      <\/ul>\n\n      <a href=\"\/auto-glass-windshield-replacement\/\">\n        EXPLORE REPLACEMENT\n        <span>\u2192<\/span>\n      <\/a>\n\n    <\/article>\n\n  <\/div>\n\n  <div class=\"fgs-services__footer\">\n\n    <strong>AUTOMOTIVE GLASS ONLY<\/strong>\n\n    <span><\/span>\n\n    <p>\n      No residential glass or sunroof service.\n    <\/p>\n\n  <\/div>\n\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.fgs-services {\n  position: relative;\n  min-height: 900px;\n\n  display: grid;\n  grid-template-columns: 57% 43%;\n  grid-template-rows: 1fr auto;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(180deg, #04101e, #020711);\n\n  color: #fff;\n\n  border-top: 1px solid rgba(28,135,255,.25);\n  border-bottom: 1px solid rgba(28,135,255,.30);\n}\n\n.fgs-services::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  background:\n    linear-gradient(112deg, transparent 0 54%, rgba(40,170,255,.07) 54.1%, transparent 54.5%),\n    radial-gradient(circle at 61% 34%, rgba(8,127,255,.08), transparent 28%);\n}\n\n.fgs-services__lead,\n.fgs-services__list,\n.fgs-services__footer {\n  position: relative;\n  z-index: 2;\n}\n\n.fgs-services__lead {\n  min-width: 0;\n\n  display: grid;\n  grid-template-rows: minmax(500px, 58%) minmax(300px, 42%);\n\n  border-right: 1px solid rgba(255,255,255,.13);\n}\n\n.fgs-services__heading {\n  position: relative;\n  padding: 92px clamp(38px, 4.3vw, 82px) 62px;\n  overflow: hidden;\n}\n\n.fgs-services__heading::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n\n  background-image:\n    linear-gradient(90deg, rgba(2,7,17,.12), rgba(2,7,17,.68)),\n    url(\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background-1-scaled.webp\");\n\n  background-size: cover;\n  background-position: center;\n\n  opacity: .28;\n  pointer-events: none;\n}\n\n.fgs-services__heading > * {\n  position: relative;\n  z-index: 2;\n}\n\n.fgs-services h2 {\n  max-width: 900px;\n  margin: 30px 0 24px;\n\n  font-family: var(--fgs-display);\n  font-size: clamp(64px, 6.6vw, 116px);\n  line-height: .84;\n  font-weight: 400;\n  text-transform: uppercase;\n}\n\n.fgs-services h2 strong {\n  display: block;\n  color: var(--fgs-blue);\n  font-weight: 400;\n}\n\n.fgs-services__heading p {\n  max-width: 620px;\n  margin: 0;\n  color: rgba(235,244,252,.72);\n  font-size: 16px;\n  line-height: 1.72;\n}\n\n.fgs-services__image {\n  position: relative;\n  min-height: 300px;\n  overflow: hidden;\n\n  border-top: 1px solid rgba(255,255,255,.12);\n\n  background:\n    linear-gradient(90deg, rgba(2,7,17,.20), rgba(2,7,17,.50)),\n    url(\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background-2-scaled.webp\");\n\n  background-size: cover;\n  background-position: center 58%;\n  filter: saturate(.88) contrast(1.04);\n}\n\n.fgs-services__image::before {\n  content: \"\";\n  position: absolute;\n\n  width: 54%;\n  height: 150%;\n  left: 17%;\n  top: -28%;\n\n  transform: rotate(24deg);\n\n  border-left: 1px solid rgba(151,214,255,.42);\n  border-right: 1px solid rgba(40,170,255,.22);\n\n  background: linear-gradient(120deg, rgba(180,227,255,.045), transparent 58%);\n\n  box-shadow:\n    inset 14px 0 28px rgba(40,170,255,.05),\n    0 0 35px rgba(8,127,255,.10);\n}\n\n.fgs-services__image::after {\n  content: \"\";\n  position: absolute;\n  left: 7%;\n  right: 9%;\n  bottom: 28px;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(40,170,255,.7), rgba(217,244,255,.65), transparent);\n  box-shadow: 0 0 12px rgba(40,170,255,.28);\n}\n\n.fgs-services__list {\n  padding: 82px clamp(34px, 4vw, 72px);\n\n  display: grid;\n  align-content: center;\n  gap: 0;\n\n  background:\n    linear-gradient(180deg, rgba(3,12,25,.95), rgba(4,16,30,.92));\n}\n\n.fgs-service-card {\n  position: relative;\n\n  display: grid;\n  grid-template-columns: 92px 1fr;\n  grid-template-rows: auto auto auto;\n  column-gap: 30px;\n\n  padding: 44px 0;\n}\n\n.fgs-service-card:first-child {\n  padding-top: 0;\n}\n\n.fgs-service-card + .fgs-service-card {\n  border-top: 1px solid rgba(68,153,255,.36);\n}\n\n.fgs-service-card__number {\n  grid-column: 1;\n  grid-row: 1 \/ 4;\n\n  align-self: start;\n\n  color: rgba(40,170,255,.92);\n  font-family: var(--fgs-display);\n  font-size: clamp(60px, 5vw, 86px);\n  line-height: .8;\n  letter-spacing: -.03em;\n\n  text-shadow: 0 0 24px rgba(8,127,255,.14);\n}\n\n.fgs-service-card h3 {\n  grid-column: 2;\n\n  margin: 0 0 22px;\n\n  font-family: var(--fgs-display);\n  font-size: clamp(34px, 3vw, 52px);\n  line-height: .9;\n  font-weight: 400;\n}\n\n.fgs-service-card h3 span {\n  display: block;\n  color: var(--fgs-blue);\n}\n\n.fgs-service-card ul {\n  grid-column: 2;\n\n  padding: 0;\n  margin: 0;\n\n  list-style: none;\n\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 7px 20px;\n}\n\n.fgs-service-card li {\n  position: relative;\n  padding: 6px 0 6px 22px;\n\n  color: rgba(255,255,255,.70);\n  font-size: 13px;\n  line-height: 1.45;\n}\n\n.fgs-service-card li::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  top: 12px;\n\n  width: 9px;\n  height: 1px;\n\n  background: var(--fgs-blue-bright);\n  box-shadow: 0 0 7px rgba(40,170,255,.45);\n}\n\n.fgs-service-card a {\n  grid-column: 2;\n\n  width: min(100%, 320px);\n  min-height: 52px;\n\n  margin-top: 26px;\n  padding: 0 20px 0 24px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  clip-path: polygon(6% 0, 100% 3%, 94% 100%, 0 96%);\n\n  border: 1px solid rgba(105,190,255,.50);\n\n  background:\n    linear-gradient(120deg, rgba(37,121,213,.22), rgba(5,36,72,.54));\n\n  color: #d9f2ff;\n  text-decoration: none;\n\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .10em;\n\n  transition: transform 180ms ease, border-color 180ms ease, filter 180ms ease;\n}\n\n.fgs-service-card a:hover {\n  transform: translateY(-2px);\n  border-color: rgba(40,170,255,.9);\n  filter: brightness(1.12);\n}\n\n.fgs-service-card a span {\n  color: var(--fgs-blue-bright);\n  font-size: 18px;\n}\n\n.fgs-services__footer {\n  grid-column: 1 \/ -1;\n\n  min-height: 72px;\n  padding: 0 clamp(30px, 4vw, 72px);\n\n  display: flex;\n  align-items: center;\n  gap: 27px;\n\n  border-top: 1px solid rgba(255,255,255,.14);\n\n  background:\n    linear-gradient(90deg, rgba(0,101,255,.08), transparent 62%);\n}\n\n.fgs-services__footer strong {\n  font-size: 11px;\n  letter-spacing: .12em;\n}\n\n.fgs-services__footer span {\n  width: 1px;\n  height: 28px;\n  background: rgba(255,255,255,.30);\n}\n\n.fgs-services__footer p {\n  margin: 0;\n  color: rgba(255,255,255,.58);\n  font-size: 13px;\n}\n\n@media (max-width: 1100px) {\n  .fgs-services {\n    grid-template-columns: 1fr;\n  }\n\n  .fgs-services__lead {\n    border-right: 0;\n    border-bottom: 1px solid rgba(255,255,255,.12);\n  }\n\n  .fgs-services__list {\n    padding-top: 65px;\n    padding-bottom: 65px;\n  }\n}\n\n@media (max-width: 700px) {\n  .fgs-services {\n    display: block;\n    min-height: 0;\n  }\n\n  .fgs-services__lead {\n    display: block;\n  }\n\n  .fgs-services__heading {\n    padding: 80px 24px 54px;\n  }\n\n  .fgs-services h2 {\n    font-size: clamp(50px, 14vw, 72px);\n  }\n\n  .fgs-services__image {\n    min-height: 300px;\n  }\n\n  .fgs-services__list {\n    padding: 38px 24px 48px;\n  }\n\n  .fgs-service-card {\n    grid-template-columns: 62px 1fr;\n    column-gap: 17px;\n    padding: 38px 0;\n  }\n\n  .fgs-service-card__number {\n    font-size: 48px;\n  }\n\n  .fgs-service-card h3 {\n    font-size: clamp(30px, 9vw, 44px);\n  }\n\n  .fgs-service-card ul {\n    grid-template-columns: 1fr;\n  }\n\n  .fgs-service-card a {\n    width: 100%;\n  }\n\n  .fgs-services__footer {\n    padding: 22px 24px;\n    flex-wrap: wrap;\n    gap: 12px 20px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section =\n    document.querySelector(\"#fgs-services\");\n\n  if (!section) return;\n\n  section\n    .querySelectorAll(\".fgs-service-card\")\n    .forEach(card => {\n\n      card.addEventListener(\n        \"pointerenter\",\n        () => card.classList.add(\"is-active\")\n      );\n\n      card.addEventListener(\n        \"pointerleave\",\n        () => card.classList.remove(\"is-active\")\n      );\n\n    });\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"3\" data-consonant-block=\"post-2-mobile-service\" data-consonant-page=\"2\" data-consonant-source=\"post-content\" data-consonant-uuid=\"7299b855-01fe-4b12-970d-a033d7de9a11\" class=\"fgs-mobile\" id=\"fgs-mobile\">\n\n  <div\n    class=\"fgs-mobile__background\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n  <div\n    class=\"fgs-mobile__sweep\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n  <div class=\"fgs-mobile__inner\">\n\n    <div class=\"fgs-mobile__copy\">\n\n      <div class=\"fgs-eyebrow\">\n        Free Mobile Service\n      <\/div>\n\n      <h2>\n        YOUR DRIVEWAY\n        <strong>IS OUR WAITING ROOM.<\/strong>\n      <\/h2>\n\n      <p>\n        A damaged windshield is already inconvenient.\n        Getting it handled shouldn\u2019t require rearranging\n        the rest of your day around somebody else\u2019s shop.\n      <\/p>\n\n      <p>\n        First Glass provides mobile service throughout\n        our coverage area at homes, workplaces and other\n        convenient locations when conditions allow.\n      <\/p>\n\n      <div class=\"fgs-mobile__labels\">\n        <span>HOME<\/span>\n        <span>WORK<\/span>\n        <span>BUSINESS<\/span>\n        <span>CONVENIENT LOCATION<\/span>\n      <\/div>\n\n      <a\n        href=\"#fgs-quote\"\n        class=\"fgs-shard fgs-shard--blue\"\n      >\n        <span class=\"fgs-shard__shine\"><\/span>\n        <strong>REQUEST MOBILE SERVICE<\/strong>\n        <span class=\"fgs-shard__arrow\">\u2192<\/span>\n      <\/a>\n\n    <\/div>\n\n    <div\n      class=\"fgs-mobile__glass\"\n      aria-hidden=\"true\"\n    >\n      <span>FREE<\/span>\n      <strong>MOBILE<\/strong>\n      <span>SERVICE<\/span>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.fgs-mobile {\n  position: relative;\n  min-height: 760px;\n  padding: 118px var(--fgs-page-pad) 132px;\n  overflow: hidden;\n  background: linear-gradient(180deg, #020711 0%, #04101e 100%);\n  color: white;\n}\n\n.fgs-mobile::before {\n  content: \"\";\n  position: absolute;\n  left: -8%;\n  right: -8%;\n  top: -54px;\n  height: 92px;\n  transform: rotate(2.1deg);\n  background: linear-gradient(180deg, rgba(4,16,30,.20), #020711);\n  border-bottom: 1px solid rgba(40,170,255,.13);\n  pointer-events: none;\n}\n\n.fgs-mobile__background {\n  position: absolute;\n  inset: -4%;\n  background:\n    linear-gradient(90deg, rgba(2,7,17,.94) 0%, rgba(2,7,17,.79) 54%, rgba(2,7,17,.48) 100%),\n    url(\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background4-scaled.webp\");\n  background-size: cover;\n  background-position: center;\n  opacity: .58;\n  filter: saturate(.86) contrast(1.05);\n  pointer-events: none;\n}\n\n.fgs-mobile__sweep {\n  position: absolute;\n  width: 78%;\n  height: 2px;\n  right: -17%;\n  bottom: 17%;\n  transform: rotate(-10deg);\n  background: linear-gradient(90deg, transparent, rgba(8,127,255,.48), #c6efff, rgba(8,127,255,.70), transparent);\n  box-shadow: 0 0 14px rgba(8,127,255,.55);\n  opacity: .62;\n}\n\n.fgs-mobile__inner {\n  width: min(var(--fgs-container), 100%);\n  min-height: 510px;\n  margin: auto;\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: minmax(0, 1.18fr) minmax(320px, .82fr);\n  gap: clamp(64px, 7vw, 120px);\n  align-items: center;\n}\n\n.fgs-mobile__copy {\n  max-width: 780px;\n}\n\n.fgs-mobile h2 {\n  margin: 25px 0 28px;\n  font-family: var(--fgs-display);\n  font-size: clamp(60px, 6.2vw, 104px);\n  line-height: .87;\n  font-weight: 400;\n  text-transform: uppercase;\n}\n\n.fgs-mobile h2 strong {\n  display: block;\n  color: var(--fgs-blue);\n  font-weight: 400;\n}\n\n.fgs-mobile p {\n  max-width: 640px;\n  margin: 0 0 14px;\n  color: rgba(236,245,252,.72);\n  font-size: 16px;\n  line-height: 1.75;\n}\n\n.fgs-mobile__labels {\n  margin: 30px 0 38px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.fgs-mobile__labels span {\n  padding: 9px 13px;\n  border: 1px solid rgba(102,180,255,.24);\n  background: rgba(3,14,28,.36);\n  color: rgba(230,240,249,.76);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .10em;\n  backdrop-filter: blur(8px);\n}\n\n.fgs-mobile__glass {\n  width: min(340px, 86%);\n  aspect-ratio: .78;\n  height: auto;\n  justify-self: center;\n  position: relative;\n  isolation: isolate;\n\n  display: grid;\n  place-content: center;\n  gap: 3px;\n  text-align: center;\n\n  clip-path: polygon(13% 0, 100% 6%, 92% 100%, 0 94%);\n  border: 1px solid rgba(177,222,255,.48);\n\n  background:\n    linear-gradient(130deg, rgba(255,255,255,.105), transparent 28%),\n    linear-gradient(145deg, rgba(88,170,255,.075), rgba(3,12,25,.38));\n\n  backdrop-filter: blur(9px) saturate(130%);\n  -webkit-backdrop-filter: blur(9px) saturate(130%);\n\n  box-shadow:\n    inset 0 1px rgba(255,255,255,.18),\n    inset 18px 0 40px rgba(40,170,255,.05),\n    0 30px 70px rgba(0,0,0,.18),\n    0 0 30px rgba(8,127,255,.10);\n\n  transform: rotate(2deg);\n}\n\n.fgs-mobile__glass::before,\n.fgs-mobile__glass::after {\n  content: \"\";\n  position: absolute;\n  z-index: -1;\n  pointer-events: none;\n}\n\n.fgs-mobile__glass::before {\n  inset: 12% -14% -10% 14%;\n  clip-path: polygon(11% 0, 100% 8%, 90% 100%, 0 91%);\n  border: 1px solid rgba(62,154,255,.16);\n  background: rgba(22,91,158,.035);\n  transform: rotate(-5deg);\n}\n\n.fgs-mobile__glass::after {\n  width: 125%;\n  height: 1px;\n  left: -16%;\n  top: 50%;\n  transform: rotate(-17deg);\n  background: linear-gradient(90deg, transparent, rgba(211,241,255,.68), rgba(40,170,255,.26), transparent);\n  box-shadow: 0 0 9px rgba(40,170,255,.28);\n}\n\n.fgs-mobile__glass span,\n.fgs-mobile__glass strong {\n  position: relative;\n  z-index: 2;\n  font-family: var(--fgs-display);\n  font-weight: 400;\n  text-transform: uppercase;\n  transform: rotate(-2deg);\n}\n\n.fgs-mobile__glass span {\n  color: rgba(255,255,255,.36);\n  font-size: clamp(28px, 2.5vw, 42px);\n  letter-spacing: .08em;\n}\n\n.fgs-mobile__glass strong {\n  color: var(--fgs-blue-bright);\n  font-size: clamp(48px, 4vw, 68px);\n  line-height: .9;\n  text-shadow: 0 0 20px rgba(8,127,255,.23);\n}\n\n@media (max-width: 900px) {\n  .fgs-mobile__inner {\n    grid-template-columns: 1fr;\n    gap: 62px;\n  }\n\n  .fgs-mobile__glass {\n    width: 270px;\n    margin: 0 auto;\n  }\n}\n\n@media (max-width: 620px) {\n  .fgs-mobile {\n    padding: 95px 22px 105px;\n  }\n\n  .fgs-mobile h2 {\n    font-size: clamp(48px, 14vw, 70px);\n  }\n\n  .fgs-mobile__labels {\n    margin-bottom: 32px;\n  }\n\n  .fgs-mobile__glass {\n    width: 230px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section =\n    document.querySelector(\"#fgs-mobile\");\n\n  const glass =\n    section?.querySelector(\".fgs-mobile__glass\");\n\n  if (\n    !section ||\n    !glass ||\n    matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    ).matches\n  ) return;\n\n  section.addEventListener(\n    \"pointermove\",\n    event => {\n\n      if (innerWidth < 850) return;\n\n      const rect =\n        section.getBoundingClientRect();\n\n      const x =\n        (event.clientX - rect.left) \/\n        rect.width - .5;\n\n      const y =\n        (event.clientY - rect.top) \/\n        rect.height - .5;\n\n      glass.style.transform =\n        `perspective(900px)\n         rotateY(${x * 5}deg)\n         rotateX(${-y * 3}deg)\n         rotate(3deg)`;\n    }\n  );\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"4\" data-consonant-block=\"post-2-local-proof-service-areas\" data-consonant-page=\"2\" data-consonant-source=\"post-content\" data-consonant-uuid=\"7299b855-01fe-4b12-970d-a033d7de9a11\" class=\"fgs-local\" id=\"fgs-local\">\n\n  <div\n    class=\"fgs-local__background\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n  <div class=\"fgs-local__map\">\n\n    <div class=\"fgs-local__map-shape\">\n      <span>EAST IDAHO<\/span>\n    <\/div>\n\n    <div class=\"fgs-local__pin\">\n      <span><\/span>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"fgs-local__content\">\n\n    <div class=\"fgs-eyebrow\">\n      Local Trust\n    <\/div>\n\n    <h2>\n      LOCAL PROOF\n      <strong>BEATS NATIONAL SCALE.<\/strong>\n    <\/h2>\n\n    <p class=\"fgs-local__intro\">\n      First Glass is based in Idaho Falls and provides\n      mobile service throughout the surrounding East\n      Idaho communities.\n    <\/p>\n\n    <div class=\"fgs-local__proof\">\n\n      <article>\n        <span>\u2316<\/span>\n        <div>\n          <h3>LOCALLY OWNED<\/h3>\n          <p>\n            A direct local alternative to national chains.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article>\n        <span>\u201c<\/span>\n        <div>\n          <h3>CUSTOMER REVIEWS<\/h3>\n          <p>\n            Real proof placed close to the decision.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article>\n        <span>\u2197<\/span>\n        <div>\n          <h3>FREE MOBILE SERVICE<\/h3>\n          <p>\n            Service brought directly into the community.\n          <\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n\n    <div class=\"fgs-local__areas\">\n\n      <a href=\"\/service-areas\/idaho-falls-id\/\">\n        Idaho Falls\n      <\/a>\n\n      <a href=\"\/service-areas\/ammon-id\/\">\n        Ammon\n      <\/a>\n\n      <a href=\"\/service-areas\/rigby-id\/\">\n        Rigby\n      <\/a>\n\n      <a href=\"\/service-areas\/shelley-id\/\">\n        Shelley\n      <\/a>\n\n      <a href=\"\/service-areas\/ririe-id\/\">\n        Ririe\n      <\/a>\n\n      <a href=\"\/service-areas\/iona-id\/\">\n        Iona\n      <\/a>\n\n      <a href=\"\/service-areas\/ucon-id\/\">\n        Ucon\n      <\/a>\n\n      <a href=\"\/service-areas\/firth-id\/\">\n        Firth\n      <\/a>\n\n      <a href=\"\/service-areas\/basalt-id\/\">\n        Basalt\n      <\/a>\n\n      <a href=\"\/service-areas\/roberts-id\/\">\n        Roberts\n      <\/a>\n\n      <a href=\"\/service-areas\/menan-id\/\">\n        Menan\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.fgs-local {\n  position: relative;\n  min-height: 850px;\n  padding: 118px var(--fgs-page-pad) 132px;\n\n  display: grid;\n  grid-template-columns: minmax(420px, 46%) minmax(0, 54%);\n  gap: clamp(52px, 6vw, 108px);\n\n  overflow: hidden;\n  background: linear-gradient(180deg, #04101e 0%, #020711 100%);\n  color: white;\n}\n\n.fgs-local::before {\n  content: \"\";\n  position: absolute;\n  left: -10%;\n  right: -10%;\n  top: -45px;\n  height: 84px;\n  transform: rotate(-1.8deg);\n  background: #04101e;\n  border-bottom: 1px solid rgba(40,170,255,.12);\n  pointer-events: none;\n}\n\n.fgs-local__background {\n  position: absolute;\n  inset: -4%;\n\n  background:\n    linear-gradient(90deg, rgba(2,7,17,.70) 0%, rgba(2,7,17,.86) 44%, rgba(2,7,17,.95) 100%),\n    url(\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background-2-scaled.webp\");\n\n  background-size: cover;\n  background-position: center;\n  opacity: .60;\n  filter: saturate(.82) contrast(1.08);\n  pointer-events: none;\n}\n\n.fgs-local__map,\n.fgs-local__content {\n  position: relative;\n  z-index: 2;\n}\n\n.fgs-local__map {\n  min-height: 600px;\n  display: grid;\n  place-items: center;\n}\n\n.fgs-local__map::before {\n  content: \"\";\n  position: absolute;\n  width: 74%;\n  height: 1px;\n  left: 6%;\n  bottom: 17%;\n  transform: rotate(9deg);\n  background: linear-gradient(90deg, transparent, rgba(40,170,255,.60), rgba(213,242,255,.55), transparent);\n  box-shadow: 0 0 10px rgba(40,170,255,.22);\n}\n\n.fgs-local__map-shape {\n  width: min(84%, 570px);\n  height: 66%;\n\n  display: grid;\n  place-items: center;\n\n  clip-path: polygon(8% 13%, 44% 5%, 51% 18%, 80% 14%, 96% 39%, 88% 82%, 60% 95%, 44% 85%, 13% 91%, 4% 59%);\n\n  border: 1px solid rgba(124,196,255,.68);\n\n  background:\n    repeating-radial-gradient(ellipse at 50% 55%, transparent 0 24px, rgba(88,169,255,.075) 25px 26px),\n    linear-gradient(135deg, rgba(53,135,230,.12), rgba(3,13,26,.52));\n\n  box-shadow:\n    inset 0 0 50px rgba(0,112,255,.10),\n    0 0 18px rgba(0,127,255,.25),\n    0 0 65px rgba(0,127,255,.06);\n\n  transform: skew(-5deg) rotate(-4deg);\n  backdrop-filter: blur(8px);\n}\n\n.fgs-local__map-shape span {\n  transform: skew(5deg) rotate(4deg);\n  color: rgba(255,255,255,.28);\n  font-family: var(--fgs-display);\n  font-size: clamp(32px, 3.6vw, 54px);\n  letter-spacing: .14em;\n}\n\n.fgs-local__pin {\n  position: absolute;\n  left: 66%;\n  top: 54%;\n\n  width: 38px;\n  height: 38px;\n\n  transform: rotate(45deg);\n  border: 2px solid rgba(255,255,255,.92);\n  border-radius: 50% 50% 50% 0;\n  background: var(--fgs-blue);\n\n  box-shadow:\n    0 0 16px rgba(8,127,255,.78),\n    0 0 36px rgba(0,126,255,.28);\n}\n\n.fgs-local__pin span {\n  position: absolute;\n  inset: 10px;\n  border-radius: 50%;\n  background: var(--fgs-navy);\n}\n\n.fgs-local__content {\n  align-self: center;\n}\n\n.fgs-local h2 {\n  margin: 26px 0 22px;\n  font-family: var(--fgs-display);\n  font-size: clamp(60px, 5.8vw, 100px);\n  line-height: .87;\n  font-weight: 400;\n  text-transform: uppercase;\n}\n\n.fgs-local h2 strong {\n  display: block;\n  color: var(--fgs-blue);\n  font-weight: 400;\n}\n\n.fgs-local__intro {\n  max-width: 620px;\n  margin: 0;\n  color: rgba(235,244,252,.72);\n  line-height: 1.72;\n}\n\n.fgs-local__proof {\n  margin-top: 44px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n}\n\n.fgs-local__proof article {\n  min-height: 132px;\n  position: relative;\n\n  display: grid;\n  grid-template-columns: 60px 1fr;\n  align-items: center;\n\n  padding: 20px 22px;\n\n  clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);\n  border: 1px solid rgba(126,189,255,.28);\n\n  background:\n    linear-gradient(125deg, rgba(26,77,132,.20), rgba(3,12,24,.62));\n\n  backdrop-filter: blur(10px) saturate(120%);\n  -webkit-backdrop-filter: blur(10px) saturate(120%);\n\n  box-shadow: inset 0 1px rgba(255,255,255,.035);\n}\n\n.fgs-local__proof article::after {\n  content: \"\";\n  position: absolute;\n  right: 5%;\n  top: 0;\n  width: 62%;\n  height: 1px;\n  background: linear-gradient(90deg, transparent, rgba(40,170,255,.72), transparent);\n  box-shadow: 0 0 9px rgba(8,127,255,.28);\n}\n\n.fgs-local__proof article:first-child {\n  grid-column: 1 \/ -1;\n  min-height: 170px;\n  grid-template-columns: 112px 1fr;\n  padding: 28px 38px 28px 24px;\n\n  clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 97%);\n\n  border-color: rgba(126,196,255,.46);\n\n  background:\n    linear-gradient(120deg, rgba(18,85,158,.31), rgba(3,13,27,.70));\n\n  box-shadow:\n    inset 0 1px rgba(255,255,255,.07),\n    inset 20px 0 48px rgba(8,127,255,.035),\n    0 24px 55px rgba(0,0,0,.12);\n}\n\n.fgs-local__proof article:first-child::after {\n  width: 72%;\n  height: 2px;\n  right: 3%;\n  background: linear-gradient(90deg, transparent, var(--fgs-blue-bright), rgba(214,242,255,.72), transparent);\n}\n\n.fgs-local__proof article > span {\n  width: 46px;\n  height: 46px;\n  display: grid;\n  place-items: center;\n\n  border: 1px solid rgba(40,170,255,.58);\n  border-radius: 50%;\n\n  color: var(--fgs-blue-bright);\n  background: rgba(5,24,45,.44);\n\n  font-size: 20px;\n  box-shadow: inset 0 0 20px rgba(8,127,255,.06);\n}\n\n.fgs-local__proof article:first-child > span {\n  width: 76px;\n  height: 76px;\n  font-size: 31px;\n  border-color: rgba(40,170,255,.78);\n  box-shadow:\n    inset 0 0 26px rgba(8,127,255,.08),\n    0 0 20px rgba(8,127,255,.08);\n}\n\n.fgs-local__proof h3 {\n  margin: 0;\n  font-family: var(--fgs-display);\n  font-size: clamp(24px, 1.9vw, 32px);\n  line-height: .96;\n  font-weight: 400;\n}\n\n.fgs-local__proof article:first-child h3 {\n  font-size: clamp(42px, 3.7vw, 62px);\n  letter-spacing: -.01em;\n}\n\n.fgs-local__proof p {\n  margin: 7px 0 0;\n  color: rgba(255,255,255,.60);\n  font-size: 13px;\n  line-height: 1.5;\n}\n\n.fgs-local__proof article:first-child p {\n  max-width: 520px;\n  color: rgba(235,244,252,.70);\n  font-size: 14px;\n}\n\n.fgs-local__areas {\n  margin-top: 34px;\n  padding-top: 23px;\n\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n\n  border-top: 1px solid rgba(100,177,255,.18);\n}\n\n.fgs-local__areas a {\n  padding: 9px 12px;\n\n  clip-path: polygon(5% 0, 100% 0, 94% 100%, 0 100%);\n\n  border: 1px solid rgba(100,177,255,.18);\n  background: rgba(4,18,34,.34);\n\n  color: rgba(220,235,249,.69);\n  text-decoration: none;\n\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .09em;\n  text-transform: uppercase;\n\n  transition:\n    color 180ms ease,\n    border-color 180ms ease,\n    background 180ms ease;\n}\n\n.fgs-local__areas a:hover {\n  color: white;\n  border-color: rgba(40,170,255,.65);\n  background: rgba(8,70,132,.28);\n}\n\n@media (max-width: 1000px) {\n  .fgs-local {\n    grid-template-columns: 1fr;\n    gap: 52px;\n  }\n\n  .fgs-local__map {\n    min-height: 430px;\n    order: 2;\n  }\n\n  .fgs-local__content {\n    order: 1;\n  }\n}\n\n@media (max-width: 620px) {\n  .fgs-local {\n    padding: 95px 22px 105px;\n  }\n\n  .fgs-local h2 {\n    font-size: clamp(48px, 14vw, 70px);\n  }\n\n  .fgs-local__proof {\n    grid-template-columns: 1fr;\n  }\n\n  .fgs-local__proof article,\n  .fgs-local__proof article:first-child {\n    grid-column: auto;\n    grid-template-columns: 58px 1fr;\n    min-height: 0;\n    padding: 22px 20px;\n  }\n\n  .fgs-local__proof article:first-child > span,\n  .fgs-local__proof article > span {\n    width: 46px;\n    height: 46px;\n    font-size: 20px;\n  }\n\n  .fgs-local__proof article:first-child h3,\n  .fgs-local__proof h3 {\n    font-size: clamp(28px, 9vw, 42px);\n  }\n\n  .fgs-local__map {\n    min-height: 330px;\n  }\n\n  .fgs-local__areas {\n    gap: 6px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section =\n    document.querySelector(\"#fgs-local\");\n\n  const pin =\n    section?.querySelector(\".fgs-local__pin\");\n\n  if (!section || !pin) return;\n\n  const observer =\n    new IntersectionObserver(\n      ([entry]) => {\n\n        if (!entry.isIntersecting) return;\n\n        pin.animate(\n          [\n            {\n              transform:\n                \"rotate(45deg) translateY(-18px)\",\n              opacity: 0\n            },\n            {\n              transform:\n                \"rotate(45deg) translateY(0)\",\n              opacity: 1\n            }\n          ],\n          {\n            duration: 650,\n            easing:\n              \"cubic-bezier(.2,.8,.2,1)\",\n            fill: \"forwards\"\n          }\n        );\n\n        observer.disconnect();\n      },\n      { threshold: .3 }\n    );\n\n  observer.observe(section);\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"5\" data-consonant-block=\"post-2-reviews\" data-consonant-page=\"2\" data-consonant-source=\"post-content\" data-consonant-uuid=\"7299b855-01fe-4b12-970d-a033d7de9a11\" class=\"fgs-reviews\" id=\"fgs-reviews\">\n\n  <div\n    class=\"fgs-reviews__background\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n  <div class=\"fgs-reviews__inner\">\n\n    <div class=\"fgs-reviews__heading\">\n\n      <div class=\"fgs-eyebrow\">\n        Customer Proof\n      <\/div>\n\n      <h2>\n        GOOD WORK\n        <strong>TRAVELS FAST.<\/strong>\n      <\/h2>\n\n      <p>\n        First Glass has built its reputation through\n        real customers, responsive service and work\n        people are willing to recommend.\n      <\/p>\n\n    <\/div>\n\n    <div class=\"fgs-reviews__composition\">\n\n      <article class=\"fgs-review fgs-review--feature\">\n        <span class=\"fgs-review__quote\">\u201c<\/span>\n\n        <p>\n          Replace this with an approved customer review\n          focused on mobile service, speed or workmanship.\n        <\/p>\n\n        <small>\n          VERIFIED CUSTOMER\n        <\/small>\n      <\/article>\n\n      <article class=\"fgs-review fgs-review--small\">\n        <span class=\"fgs-review__quote\">\u201c<\/span>\n\n        <p>\n          Add a short approved rock-chip repair review here.\n        <\/p>\n\n        <small>\n          VERIFIED CUSTOMER\n        <\/small>\n      <\/article>\n\n      <article class=\"fgs-review fgs-review--tall\">\n        <span class=\"fgs-review__quote\">\u201c<\/span>\n\n        <p>\n          Add an approved review that speaks to the\n          personal local service experience.\n        <\/p>\n\n        <small>\n          VERIFIED CUSTOMER\n        <\/small>\n      <\/article>\n\n      <div class=\"fgs-reviews__proof-note\">\n        <strong>LOCAL PROOF<\/strong>\n        <span>Used where the decision happens.<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.fgs-reviews {\n  position: relative;\n  padding: 125px var(--fgs-page-pad) 145px;\n  overflow: hidden;\n  background: linear-gradient(180deg, #020711 0%, #04101e 100%);\n  color: white;\n}\n\n.fgs-reviews::before {\n  content: \"\";\n  position: absolute;\n  left: -9%;\n  right: -9%;\n  top: -48px;\n  height: 88px;\n  transform: rotate(1.8deg);\n  background: #020711;\n  border-bottom: 1px solid rgba(40,170,255,.12);\n  pointer-events: none;\n}\n\n.fgs-reviews__background {\n  position: absolute;\n  inset: -5%;\n  background:\n    linear-gradient(100deg, rgba(2,7,17,.96) 0%, rgba(2,7,17,.84) 42%, rgba(4,18,35,.62) 100%),\n    url(\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background-3-scaled.webp\");\n  background-size: cover;\n  background-position: center;\n  opacity: .62;\n  filter: saturate(.84) contrast(1.06);\n  pointer-events: none;\n}\n\n.fgs-reviews__inner {\n  width: min(var(--fgs-container), 100%);\n  margin: auto;\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n  grid-template-columns: minmax(300px, .74fr) minmax(0, 1.26fr);\n  gap: clamp(70px, 7vw, 120px);\n  align-items: center;\n}\n\n.fgs-reviews__heading {\n  max-width: 650px;\n}\n\n.fgs-reviews h2 {\n  margin: 25px 0 22px;\n  font-family: var(--fgs-display);\n  font-size: clamp(58px, 5.8vw, 98px);\n  line-height: .87;\n  font-weight: 400;\n}\n\n.fgs-reviews h2 strong {\n  display: block;\n  color: var(--fgs-blue);\n  font-weight: 400;\n}\n\n.fgs-reviews__heading p {\n  max-width: 560px;\n  margin: 0;\n  color: rgba(235,244,252,.72);\n  line-height: 1.75;\n}\n\n.fgs-reviews__composition {\n  min-height: 625px;\n  position: relative;\n}\n\n.fgs-reviews__composition::before {\n  content: \"\";\n  position: absolute;\n  width: 70%;\n  height: 1px;\n  right: -8%;\n  top: 43%;\n  transform: rotate(-12deg);\n  background: linear-gradient(90deg, transparent, rgba(40,170,255,.40), rgba(214,242,255,.62), transparent);\n  box-shadow: 0 0 11px rgba(40,170,255,.24);\n  pointer-events: none;\n}\n\n.fgs-review {\n  position: absolute;\n  padding: 34px;\n  overflow: hidden;\n\n  border: 1px solid rgba(110,187,255,.34);\n  background:\n    linear-gradient(145deg, rgba(25,82,143,.24), rgba(3,12,25,.78));\n\n  backdrop-filter: blur(13px) saturate(125%);\n  -webkit-backdrop-filter: blur(13px) saturate(125%);\n\n  box-shadow:\n    inset 0 1px rgba(255,255,255,.07),\n    0 26px 60px rgba(0,0,0,.14);\n}\n\n.fgs-review::before {\n  content: \"\";\n  position: absolute;\n  width: 65%;\n  height: 2px;\n  top: 0;\n  right: 4%;\n  background: linear-gradient(90deg, transparent, var(--fgs-blue-bright), rgba(210,241,255,.72), transparent);\n  box-shadow: 0 0 11px rgba(8,127,255,.48);\n}\n\n.fgs-review--feature {\n  left: 0;\n  top: 7%;\n  width: 63%;\n  min-height: 355px;\n  clip-path: polygon(4% 0, 100% 0, 95% 100%, 0 96%);\n}\n\n.fgs-review--small {\n  right: 0;\n  top: 0;\n  width: 31%;\n  min-height: 220px;\n  clip-path: polygon(8% 0, 100% 5%, 92% 100%, 0 95%);\n}\n\n.fgs-review--tall {\n  right: 2%;\n  bottom: 0;\n  width: 39%;\n  min-height: 305px;\n  clip-path: polygon(0 4%, 96% 0, 100% 94%, 8% 100%);\n}\n\n.fgs-review__quote {\n  display: block;\n  color: rgba(40,170,255,.94);\n  font-family: Georgia, serif;\n  font-size: 82px;\n  line-height: .63;\n  text-shadow: 0 0 22px rgba(8,127,255,.18);\n}\n\n.fgs-review p {\n  margin: 22px 0 0;\n  color: rgba(235,243,251,.79);\n  font-size: 15px;\n  line-height: 1.67;\n}\n\n.fgs-review--feature p {\n  max-width: 520px;\n  color: rgba(242,248,253,.90);\n  font-size: 18px;\n  line-height: 1.68;\n}\n\n.fgs-review small {\n  width: fit-content;\n  display: inline-flex;\n  margin-top: 25px;\n  padding: 8px 10px;\n\n  border: 1px solid rgba(40,170,255,.22);\n  background: rgba(4,24,45,.45);\n\n  color: var(--fgs-blue-bright);\n  font-size: 9px;\n  font-weight: 700;\n  letter-spacing: .15em;\n}\n\n.fgs-reviews__proof-note {\n  position: absolute;\n  left: 2%;\n  bottom: 3%;\n  width: 38%;\n  padding: 18px 0 0;\n  border-top: 1px solid rgba(103,180,255,.22);\n}\n\n.fgs-reviews__proof-note strong,\n.fgs-reviews__proof-note span {\n  display: block;\n}\n\n.fgs-reviews__proof-note strong {\n  color: var(--fgs-blue-bright);\n  font-size: 10px;\n  letter-spacing: .17em;\n}\n\n.fgs-reviews__proof-note span {\n  margin-top: 7px;\n  color: rgba(205,220,235,.58);\n  font-size: 12px;\n}\n\n@media (max-width: 1000px) {\n  .fgs-reviews__inner {\n    grid-template-columns: 1fr;\n    gap: 60px;\n  }\n\n  .fgs-reviews__heading {\n    max-width: 760px;\n  }\n}\n\n@media (max-width: 760px) {\n  .fgs-reviews {\n    padding: 95px 22px 110px;\n  }\n\n  .fgs-reviews h2 {\n    font-size: clamp(48px, 14vw, 70px);\n  }\n\n  .fgs-reviews__composition {\n    display: grid;\n    min-height: auto;\n    gap: 14px;\n  }\n\n  .fgs-review,\n  .fgs-review--feature,\n  .fgs-review--small,\n  .fgs-review--tall {\n    position: relative;\n    inset: auto;\n    width: auto;\n    min-height: 0;\n    padding: 28px 25px;\n  }\n\n  .fgs-review--feature p {\n    font-size: 17px;\n  }\n\n  .fgs-reviews__proof-note {\n    position: relative;\n    inset: auto;\n    width: auto;\n    margin-top: 8px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const reviews =\n    document.querySelectorAll(\n      \".fgs-review\"\n    );\n\n  if (!reviews.length) return;\n\n  const observer =\n    new IntersectionObserver(\n      entries => {\n\n        entries.forEach(entry => {\n\n          if (!entry.isIntersecting) return;\n\n          const index =\n            [...reviews].indexOf(\n              entry.target\n            );\n\n          entry.target.animate(\n            [\n              {\n                opacity: 0,\n                transform:\n                  \"translateY(24px)\"\n              },\n              {\n                opacity: 1,\n                transform:\n                  \"translateY(0)\"\n              }\n            ],\n            {\n              duration: 550,\n              delay:\n                Math.max(index, 0) * 85,\n              easing:\n                \"cubic-bezier(.2,.8,.2,1)\",\n              fill: \"both\"\n            }\n          );\n\n          observer.unobserve(\n            entry.target\n          );\n\n        });\n      },\n      { threshold: .12 }\n    );\n\n  reviews.forEach(\n    review => observer.observe(review)\n  );\n})();\n<\/script>\n\n\n\n<style data-wp-block-html=\"css\">\n.fgs-quote-v2 {\n  position: relative;\n  overflow: hidden;\n\n  padding:\n    135px var(--fgs-page-pad);\n\n  background:\n    #020711;\n\n  color: white;\n}\n\n.fgs-quote-v2__bg {\n  position: absolute;\n  inset: -3%;\n\n  background:\n    linear-gradient(\n      100deg,\n      rgba(2,7,17,.90) 0%,\n      rgba(2,7,17,.74) 48%,\n      rgba(4,18,35,.75) 100%\n    ),\n    url(\n      \"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background-1-scaled.webp\"\n    );\n\n  background-size: cover;\n  background-position: center;\n\n  opacity: .72;\n\n  filter:\n    saturate(.82)\n    contrast(1.07);\n\n  pointer-events: none;\n}\n\n.fgs-quote-v2::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 58%;\n  height: 2px;\n\n  right: -6%;\n  top: 23%;\n\n  transform:\n    rotate(-7deg);\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      rgba(8,127,255,.45),\n      rgba(188,235,255,.80),\n      transparent\n    );\n\n  box-shadow:\n    0 0 16px rgba(8,127,255,.48);\n\n  opacity: .55;\n}\n\n.fgs-quote-v2__inner {\n  width:\n    min(\n      var(--fgs-container),\n      100%\n    );\n\n  margin: auto;\n\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(360px, .78fr)\n    minmax(560px, 1.22fr);\n\n  gap:\n    clamp(65px, 8vw, 130px);\n\n  align-items: center;\n}\n\n\n\/* LEFT *\/\n\n.fgs-quote-v2__intro {\n  max-width: 670px;\n}\n\n.fgs-quote-v2 h2 {\n  margin:\n    25px 0 24px;\n\n  font-family:\n    var(--fgs-display);\n\n  font-size:\n    clamp(58px, 5.5vw, 94px);\n\n  line-height: .88;\n\n  font-weight: 400;\n\n  text-transform: uppercase;\n}\n\n.fgs-quote-v2 h2 strong {\n  display: block;\n\n  color:\n    var(--fgs-blue);\n\n  font-weight: 400;\n}\n\n.fgs-quote-v2__intro > p {\n  max-width: 600px;\n\n  color:\n    rgba(230,240,250,.70);\n\n  font-family:\n    var(--fgs-body);\n\n  font-size: 17px;\n\n  line-height: 1.75;\n}\n\n.fgs-quote-v2__direct {\n  margin-top: 42px;\n\n  padding:\n    26px 0;\n\n  border-top:\n    1px solid rgba(94,173,255,.28);\n\n  border-bottom:\n    1px solid rgba(94,173,255,.18);\n}\n\n.fgs-quote-v2__direct > span {\n  display: block;\n\n  margin-bottom: 8px;\n\n  color:\n    var(--fgs-blue-bright);\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .17em;\n}\n\n.fgs-quote-v2__direct > a {\n  color: white;\n\n  text-decoration: none;\n\n  font-family:\n    var(--fgs-display);\n\n  font-size:\n    clamp(36px, 3vw, 50px);\n\n  letter-spacing: .015em;\n}\n\n.fgs-quote-v2__direct p {\n  max-width: 500px;\n\n  margin:\n    9px 0 0;\n\n  color:\n    rgba(220,233,246,.55);\n\n  font-size: 13px;\n\n  line-height: 1.6;\n}\n\n.fgs-quote-v2__steps {\n  margin-top: 35px;\n\n  display: grid;\n\n  gap: 15px;\n}\n\n.fgs-quote-v2__steps > div {\n  display: grid;\n\n  grid-template-columns:\n    48px 1fr;\n\n  align-items: center;\n\n  gap: 15px;\n}\n\n.fgs-quote-v2__steps strong {\n  width: 42px;\n  height: 42px;\n\n  display: grid;\n  place-items: center;\n\n  border:\n    1px solid rgba(67,157,255,.50);\n\n  color:\n    var(--fgs-blue-bright);\n\n  font-family:\n    var(--fgs-display);\n\n  font-size: 19px;\n  font-weight: 400;\n}\n\n.fgs-quote-v2__steps span {\n  color:\n    rgba(234,242,250,.67);\n\n  font-size: 13px;\n}\n\n\n\/* FORM *\/\n\n.fgs-quote-v2__form {\n  position: relative;\n\n  padding:\n    clamp(32px, 4vw, 58px);\n\n  border:\n    1px solid rgba(112,189,255,.34);\n\n  background:\n    linear-gradient(\n      140deg,\n      rgba(14,44,75,.58),\n      rgba(3,11,23,.78)\n    );\n\n  clip-path:\n    polygon(\n      3% 0,\n      100% 0,\n      97% 100%,\n      0 97%\n    );\n\n  backdrop-filter:\n    blur(16px)\n    saturate(130%);\n\n  -webkit-backdrop-filter:\n    blur(16px)\n    saturate(130%);\n\n  box-shadow:\n    inset 0 1px rgba(255,255,255,.08),\n    inset 0 0 50px rgba(0,115,255,.055),\n    0 30px 70px rgba(0,0,0,.20);\n}\n\n.fgs-quote-v2__form::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  left: 7%;\n\n  width: 67%;\n  height: 2px;\n\n  background:\n    linear-gradient(\n      90deg,\n      transparent,\n      var(--fgs-blue-bright),\n      #d6f2ff,\n      transparent\n    );\n\n  box-shadow:\n    0 0 12px rgba(40,170,255,.60);\n}\n\n.fgs-quote-v2__form-head {\n  margin-bottom: 35px;\n\n  padding-bottom: 20px;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  border-bottom:\n    1px solid rgba(255,255,255,.10);\n}\n\n.fgs-quote-v2__form-head span {\n  color:\n    var(--fgs-blue-bright);\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .16em;\n}\n\n.fgs-quote-v2__form-head strong {\n  color:\n    rgba(255,255,255,.88);\n\n  font-family:\n    var(--fgs-display);\n\n  font-size: 29px;\n\n  font-weight: 400;\n}\n\n.fgs-quote-v2__fields {\n  display: grid;\n\n  grid-template-columns:\n    1fr 1fr;\n\n  gap: 20px;\n}\n\n.fgs-quote-v2 label {\n  display: block;\n}\n\n.fgs-quote-v2 label > span {\n  display: block;\n\n  margin-bottom: 9px;\n\n  color:\n    rgba(226,238,249,.70);\n\n  font-size: 12px;\n}\n\n.fgs-field-wide {\n  grid-column: 1 \/ -1;\n}\n\n.fgs-quote-v2 input,\n.fgs-quote-v2 select,\n.fgs-quote-v2 textarea {\n  width: 100%;\n\n  box-sizing: border-box;\n\n  padding:\n    15px 16px;\n\n  border:\n    1px solid rgba(105,173,235,.29);\n\n  border-radius: 0;\n\n  outline: 0;\n\n  background:\n    rgba(1,8,18,.62);\n\n  color: white;\n\n  font:\n    15px\/1.4 var(--fgs-body);\n\n  transition:\n    border-color 160ms ease,\n    background 160ms ease,\n    box-shadow 160ms ease;\n}\n\n.fgs-quote-v2 input:focus,\n.fgs-quote-v2 select:focus,\n.fgs-quote-v2 textarea:focus {\n  border-color:\n    rgba(40,170,255,.85);\n\n  background:\n    rgba(3,14,29,.82);\n\n  box-shadow:\n    0 0 0 2px rgba(8,127,255,.07);\n}\n\n.fgs-upload input[type=\"file\"] {\n  padding: 8px;\n\n  color:\n    rgba(220,233,246,.60);\n}\n\n.fgs-upload\ninput[type=\"file\"]::file-selector-button {\n  margin-right: 14px;\n\n  padding:\n    10px 16px;\n\n  border:\n    1px solid rgba(63,159,255,.45);\n\n  color:\n    white;\n\n  background:\n    linear-gradient(\n      120deg,\n      rgba(7,83,170,.75),\n      rgba(9,127,255,.52)\n    );\n\n  font-size: 10px;\n  font-weight: 700;\n\n  letter-spacing: .08em;\n\n  text-transform: uppercase;\n\n  cursor: pointer;\n}\n\n.fgs-quote-v2__submit {\n  margin-top: 30px;\n\n  min-height: 64px;\n\n  border: 0;\n\n  cursor: pointer;\n}\n\n@media (max-width: 1000px) {\n\n  .fgs-quote-v2__inner {\n    grid-template-columns: 1fr;\n  }\n\n  .fgs-quote-v2__intro {\n    max-width: 760px;\n  }\n\n}\n\n@media (max-width: 620px) {\n\n  .fgs-quote-v2 {\n    padding:\n      90px 22px;\n  }\n\n  .fgs-quote-v2__fields {\n    grid-template-columns: 1fr;\n  }\n\n  .fgs-field-wide {\n    grid-column: auto;\n  }\n\n  .fgs-quote-v2__form-head {\n    align-items: flex-start;\n    flex-direction: column;\n  }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section =\n    document.querySelector(\"#fgs-quote\");\n\n  if (!section) return;\n\n  const form =\n    section.querySelector(\".fgs-quote__form\");\n\n  const showFormButton =\n    section.querySelector(\n      \"[data-show-quote-form]\"\n    );\n\n  const success =\n    section.querySelector(\n      \".fgs-quote__success\"\n    );\n\n  showFormButton?.addEventListener(\n    \"click\",\n    () => {\n\n      form?.scrollIntoView({\n        behavior: \"smooth\",\n        block: \"center\"\n      });\n\n      form\n        ?.querySelector(\"input\")\n        ?.focus({\n          preventScroll: true\n        });\n    }\n  );\n\n  form?.addEventListener(\n    \"submit\",\n    event => {\n\n      event.preventDefault();\n\n      \/*\n        Replace this stub with the production\n        WordPress \/ CRM form handler.\n      *\/\n\n      if (success) {\n        success.hidden = false;\n      }\n    }\n  );\n})();\n<\/script>\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"6\" data-consonant-block=\"post-2-quote-experience\" data-consonant-page=\"2\" data-consonant-source=\"post-content\" data-consonant-uuid=\"7299b855-01fe-4b12-970d-a033d7de9a11\" class=\"fgs-quote-v2\" id=\"fgs-quote\">\n\n  <div class=\"fgs-quote-v2__bg\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"fgs-quote-v2__inner\">\n\n    <div class=\"fgs-quote-v2__intro\">\n\n      <div class=\"fgs-eyebrow\">\n        Request Service\n      <\/div>\n\n      <h2>\n        TELL US WHAT\n        <strong>HAPPENED.<\/strong>\n      <\/h2>\n\n      <p>\n        Give us the vehicle information and a quick description\n        of the damaged glass. We\u2019ll use it to help determine\n        what you need and provide a more useful quote.\n      <\/p>\n\n      <div class=\"fgs-quote-v2__direct\">\n\n        <span>\n          PREFER TO TALK?\n        <\/span>\n\n        <a href=\"tel:+12087578438\">\n          (208) 757-8438\n        <\/a>\n\n        <p>\n          Call First Glass directly for repair,\n          replacement, or mobile-service questions.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"fgs-quote-v2__steps\">\n\n        <div>\n          <strong>01<\/strong>\n          <span>Tell us about the vehicle<\/span>\n        <\/div>\n\n        <div>\n          <strong>02<\/strong>\n          <span>Describe the glass damage<\/span>\n        <\/div>\n\n        <div>\n          <strong>03<\/strong>\n          <span>We\u2019ll follow up with the next step<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <form\n      class=\"fgs-quote-v2__form\"\n      enctype=\"multipart\/form-data\"\n    >\n\n      <div class=\"fgs-quote-v2__form-head\">\n\n        <span>\n          VEHICLE-SPECIFIC QUOTE\n        <\/span>\n\n        <strong>\n          START HERE\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"fgs-quote-v2__fields\">\n\n        <label>\n          <span>Name<\/span>\n          <input\n            type=\"text\"\n            name=\"name\"\n            autocomplete=\"name\"\n            required\n          >\n        <\/label>\n\n        <label>\n          <span>Phone<\/span>\n          <input\n            type=\"tel\"\n            name=\"phone\"\n            autocomplete=\"tel\"\n            required\n          >\n        <\/label>\n\n        <label class=\"fgs-field-wide\">\n          <span>Email<\/span>\n          <input\n            type=\"email\"\n            name=\"email\"\n            autocomplete=\"email\"\n          >\n        <\/label>\n\n        <label>\n          <span>Vehicle Year<\/span>\n          <input\n            type=\"text\"\n            name=\"year\"\n            inputmode=\"numeric\"\n          >\n        <\/label>\n\n        <label>\n          <span>Make & Model<\/span>\n          <input\n            type=\"text\"\n            name=\"vehicle\"\n          >\n        <\/label>\n\n        <label class=\"fgs-field-wide\">\n          <span>Glass Needed<\/span>\n\n          <select name=\"glass\">\n            <option value=\"\">Select one<\/option>\n            <option>Windshield \/ Rock Chip Repair<\/option>\n            <option>Windshield Replacement<\/option>\n            <option>Side Glass<\/option>\n            <option>Rear Glass<\/option>\n            <option>Not Sure<\/option>\n          <\/select>\n        <\/label>\n\n        <label class=\"fgs-field-wide\">\n          <span>Describe the Damage<\/span>\n\n          <textarea\n            name=\"damage\"\n            rows=\"5\"\n          ><\/textarea>\n        <\/label>\n\n        <label class=\"fgs-field-wide fgs-upload\">\n          <span>Optional Damage Photo<\/span>\n\n          <input\n            type=\"file\"\n            name=\"damage_photo\"\n            accept=\"image\/*\"\n          >\n        <\/label>\n\n      <\/div>\n\n\n      <button\n        type=\"submit\"\n        class=\"fgs-shard fgs-shard--blue fgs-quote-v2__submit\"\n      >\n        <span class=\"fgs-shard__shine\"><\/span>\n\n        <strong>\n          SUBMIT QUOTE REQUEST\n        <\/strong>\n\n        <span class=\"fgs-shard__arrow\">\n          \u2192\n        <\/span>\n      <\/button>\n\n    <\/form>\n\n  <\/div>\n\n<\/section>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"7\" data-consonant-block=\"post-2-proposal-accordion\" data-consonant-page=\"2\" data-consonant-source=\"post-content\" data-consonant-uuid=\"7299b855-01fe-4b12-970d-a033d7de9a11\"\n  class=\"fgs-proposal-deck\"\n  id=\"fgs-proposal\"\n  aria-label=\"First Glass Website Proposal\"\n>\n\n  <ul class=\"fgs-proposal-tabs\">\n\n    <!-- 01 -->\n    <li>\n\n      <input\n        id=\"fgs-proposal-01\"\n        type=\"radio\"\n        name=\"fgs-proposal\"\n        checked\n      >\n\n      <label for=\"fgs-proposal-01\">\n        <div>\n          <b>01<\/b>\n          <span>Cover<\/span>\n        <\/div>\n      <\/label>\n\n      <div class=\"accslide\">\n        <div class=\"content\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/Proposal-Cover.webp\"\n            alt=\"First Glass website proposal cover\"\n          >\n\n        <\/div>\n      <\/div>\n\n    <\/li>\n\n\n    <!-- 02 -->\n    <li>\n\n      <input\n        id=\"fgs-proposal-02\"\n        type=\"radio\"\n        name=\"fgs-proposal\"\n      >\n\n      <label for=\"fgs-proposal-02\">\n        <div>\n          <b>02<\/b>\n          <span>Goals & Target Audience<\/span>\n        <\/div>\n      <\/label>\n\n      <div class=\"accslide\">\n        <div class=\"content\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/Page-02.webp\"\n            alt=\"Goals and Target Audience proposal page\"\n          >\n\n        <\/div>\n      <\/div>\n\n    <\/li>\n\n\n    <!-- 03 -->\n    <li>\n\n      <input\n        id=\"fgs-proposal-03\"\n        type=\"radio\"\n        name=\"fgs-proposal\"\n      >\n\n      <label for=\"fgs-proposal-03\">\n        <div>\n          <b>03<\/b>\n          <span>The Opportunity<\/span>\n        <\/div>\n      <\/label>\n\n      <div class=\"accslide\">\n        <div class=\"content\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/Page-03.webp\"\n            alt=\"The Opportunity proposal page\"\n          >\n\n        <\/div>\n      <\/div>\n\n    <\/li>\n\n\n    <!-- 04 -->\n    <li>\n\n      <input\n        id=\"fgs-proposal-04\"\n        type=\"radio\"\n        name=\"fgs-proposal\"\n      >\n\n      <label for=\"fgs-proposal-04\">\n        <div>\n          <b>04<\/b>\n          <span>Design Direction<\/span>\n        <\/div>\n      <\/label>\n\n      <div class=\"accslide\">\n        <div class=\"content\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/Page-04.webp\"\n            alt=\"Design Direction proposal page\"\n          >\n\n        <\/div>\n      <\/div>\n\n    <\/li>\n\n\n    <!-- 05 -->\n    <li>\n\n      <input\n        id=\"fgs-proposal-05\"\n        type=\"radio\"\n        name=\"fgs-proposal\"\n      >\n\n      <label for=\"fgs-proposal-05\">\n        <div>\n          <b>05<\/b>\n          <span>Homepage Hero Concept<\/span>\n        <\/div>\n      <\/label>\n\n      <div class=\"accslide\">\n        <div class=\"content\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/Page-05.webp\"\n            alt=\"Homepage Hero Concept proposal page\"\n          >\n\n        <\/div>\n      <\/div>\n\n    <\/li>\n\n\n    <!-- 06 -->\n    <li>\n\n      <input\n        id=\"fgs-proposal-06\"\n        type=\"radio\"\n        name=\"fgs-proposal\"\n      >\n\n      <label for=\"fgs-proposal-06\">\n        <div>\n          <b>06<\/b>\n          <span>Services Concept<\/span>\n        <\/div>\n      <\/label>\n\n      <div class=\"accslide\">\n        <div class=\"content\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/Page-06.webp\"\n            alt=\"Services Concept proposal page\"\n          >\n\n        <\/div>\n      <\/div>\n\n    <\/li>\n\n\n    <!-- 07 -->\n    <li>\n\n      <input\n        id=\"fgs-proposal-07\"\n        type=\"radio\"\n        name=\"fgs-proposal\"\n      >\n\n      <label for=\"fgs-proposal-07\">\n        <div>\n          <b>07<\/b>\n          <span>Site Architecture<\/span>\n        <\/div>\n      <\/label>\n\n      <div class=\"accslide\">\n        <div class=\"content\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/Page-07.webp\"\n            alt=\"Site Architecture proposal page\"\n          >\n\n        <\/div>\n      <\/div>\n\n    <\/li>\n\n\n    <!-- 08 -->\n    <li>\n\n      <input\n        id=\"fgs-proposal-08\"\n        type=\"radio\"\n        name=\"fgs-proposal\"\n      >\n\n      <label for=\"fgs-proposal-08\">\n        <div>\n          <b>08<\/b>\n          <span>Quote Request Experience<\/span>\n        <\/div>\n      <\/label>\n\n      <div class=\"accslide\">\n        <div class=\"content\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/Page-08.webp\"\n            alt=\"Quote Request Experience proposal page\"\n          >\n\n        <\/div>\n      <\/div>\n\n    <\/li>\n\n\n    <!-- 09 -->\n    <li>\n\n      <input\n        id=\"fgs-proposal-09\"\n        type=\"radio\"\n        name=\"fgs-proposal\"\n      >\n\n      <label for=\"fgs-proposal-09\">\n        <div>\n          <b>09<\/b>\n          <span>Local Trust & Community<\/span>\n        <\/div>\n      <\/label>\n\n      <div class=\"accslide\">\n        <div class=\"content\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/Page-09.webp\"\n            alt=\"Local Trust and Community proposal page\"\n          >\n\n        <\/div>\n      <\/div>\n\n    <\/li>\n\n\n    <!-- 10 -->\n    <li>\n\n      <input\n        id=\"fgs-proposal-10\"\n        type=\"radio\"\n        name=\"fgs-proposal\"\n      >\n\n      <label for=\"fgs-proposal-10\">\n        <div>\n          <b>10<\/b>\n          <span>Technical + Content Foundation<\/span>\n        <\/div>\n      <\/label>\n\n      <div class=\"accslide\">\n        <div class=\"content\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/Page-10.webp\"\n            alt=\"Technical and Content Foundation proposal page\"\n          >\n\n        <\/div>\n      <\/div>\n\n    <\/li>\n\n\n    <!-- 11 -->\n    <li>\n\n      <input\n        id=\"fgs-proposal-11\"\n        type=\"radio\"\n        name=\"fgs-proposal\"\n      >\n\n      <label for=\"fgs-proposal-11\">\n        <div>\n          <b>11<\/b>\n          <span>Investment + Next Steps<\/span>\n        <\/div>\n      <\/label>\n\n      <div class=\"accslide\">\n        <div class=\"content\">\n\n          <img decoding=\"async\"\n            src=\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/Page-11.webp\"\n            alt=\"Investment and Next Steps proposal page\"\n          >\n\n        <\/div>\n      <\/div>\n\n    <\/li>\n\n  <\/ul>\n\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.fgs-proposal-deck {\n  --proposal-tab: 62px;\n  --proposal-open-width: 0px;\n\n  width: 100%;\n  height: min(100vh, 1050px);\n\n  overflow: hidden;\n\n  background: #020711;\n  color: #fff;\n}\n\n.fgs-proposal-deck *,\n.fgs-proposal-deck *::before,\n.fgs-proposal-deck *::after {\n  box-sizing: border-box;\n}\n\n.fgs-proposal-tabs {\n  width: 100%;\n  height: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  list-style: none;\n  overflow: hidden;\n  white-space: nowrap;\n}\n\n.fgs-proposal-tabs > li {\n  height: 100%;\n  float: left;\n  overflow: hidden;\n}\n\n\/* Keep the controls available without sending browser focus off-page. *\/\n.fgs-proposal-tabs input[type=\"radio\"] {\n  position: fixed;\n  top: 0;\n  left: 0;\n\n  width: 1px;\n  height: 1px;\n\n  margin: 0;\n  padding: 0;\n\n  opacity: 0;\n  overflow: hidden;\n  pointer-events: none;\n  clip-path: inset(50%);\n}\n\n.fgs-proposal-tabs label {\n  width: var(--proposal-tab);\n  height: 100%;\n\n  float: left;\n  position: relative;\n  display: block;\n  overflow: hidden;\n\n  color: rgba(230,240,250,.52);\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(5,25,46,.92),\n      rgba(2,8,18,.97)\n    );\n\n  border-right: 1px solid rgba(65,145,224,.20);\n  cursor: pointer;\n\n  transition:\n    background 260ms ease,\n    color 260ms ease,\n    box-shadow 260ms ease;\n}\n\n.fgs-proposal-tabs li:nth-child(even) > input + label {\n  background:\n    linear-gradient(\n      180deg,\n      rgba(7,31,57,.94),\n      rgba(3,11,23,.97)\n    );\n}\n\n.fgs-proposal-tabs label:hover {\n  color: white;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(7,72,137,.90),\n      rgba(4,30,61,.96)\n    );\n\n  box-shadow: inset -2px 0 rgba(40,170,255,.45);\n}\n\n.fgs-proposal-tabs input[type=\"radio\"]:checked ~ label {\n  color: white;\n\n  background:\n    linear-gradient(\n      180deg,\n      rgba(8,127,255,.56),\n      rgba(4,55,110,.92)\n    );\n\n  box-shadow:\n    inset -2px 0 rgba(177,229,255,.60),\n    0 0 22px rgba(8,127,255,.18);\n\n  cursor: default;\n}\n\n.fgs-proposal-tabs label > div {\n  position: absolute;\n  left: 50%;\n  top: 50%;\n\n  display: flex;\n  align-items: center;\n  gap: 11px;\n\n  transform:\n    translate(-50%, -50%)\n    rotate(-90deg);\n\n  transform-origin: center;\n  white-space: nowrap;\n}\n\n.fgs-proposal-tabs label b {\n  color: var(--fgs-blue-bright, #28aaff);\n\n  font-family:\n    Impact,\n    \"Arial Narrow\",\n    sans-serif;\n\n  font-size: 27px;\n  font-weight: 400;\n}\n\n.fgs-proposal-tabs label span {\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.fgs-proposal-tabs input[type=\"radio\"]:checked ~ label > div {\n  opacity: 0;\n}\n\n\/* The open slide width is measured from the rendered deck in JS.\n   That avoids viewport math and WordPress content-width clipping. *\/\n.fgs-proposal-tabs .accslide {\n  width: 0;\n  height: 100%;\n\n  float: left;\n  overflow: hidden;\n\n  background: #020711;\n\n  transition:\n    width 700ms\n    cubic-bezier(.2,.8,.2,1);\n}\n\n.fgs-proposal-tabs input[type=\"radio\"]:checked ~ .accslide {\n  width: var(--proposal-open-width);\n}\n\n.fgs-proposal-tabs .content {\n  width: 100%;\n  height: 100%;\n\n  display: grid;\n  place-items: center;\n\n  overflow: hidden;\n  padding: 0;\n\n  background:\n    radial-gradient(\n      circle at 50% 50%,\n      rgba(9,55,101,.17),\n      transparent 62%\n    ),\n    #020711;\n}\n\n.fgs-proposal-tabs .content img {\n  width: 100%;\n  height: 100%;\n\n  display: block;\n  object-fit: contain;\n\n  margin: 0;\n  padding: 0;\n\n  filter: drop-shadow(0 22px 42px rgba(0,0,0,.30));\n}\n\n@media (max-width: 1150px) {\n  .fgs-proposal-deck {\n    --proposal-tab: 48px;\n  }\n\n  .fgs-proposal-tabs label b {\n    font-size: 22px;\n  }\n\n  .fgs-proposal-tabs label span {\n    font-size: 8px;\n  }\n}\n\n@media (max-width: 760px) {\n  .fgs-proposal-deck {\n    height: auto;\n  }\n\n  .fgs-proposal-tabs {\n    white-space: normal;\n    overflow: visible;\n  }\n\n  .fgs-proposal-tabs > li {\n    width: 100%;\n    height: auto;\n    float: none;\n  }\n\n  .fgs-proposal-tabs label {\n    width: 100%;\n    height: 54px;\n\n    float: none;\n\n    border-right: 0;\n    border-bottom: 1px solid rgba(65,145,224,.20);\n  }\n\n  .fgs-proposal-tabs label > div {\n    position: static;\n\n    height: 54px;\n    padding: 0 18px;\n\n    justify-content: flex-start;\n    transform: none;\n  }\n\n  .fgs-proposal-tabs input[type=\"radio\"]:checked ~ label > div {\n    opacity: 1;\n  }\n\n  .fgs-proposal-tabs .accslide {\n    width: 100%;\n    height: 0;\n\n    float: none;\n\n    transition:\n      height 600ms\n      cubic-bezier(.2,.8,.2,1);\n  }\n\n  .fgs-proposal-tabs input[type=\"radio\"]:checked ~ .accslide {\n    width: 100%;\n    height: 78svh;\n  }\n\n  .fgs-proposal-tabs .content {\n    width: 100%;\n    height: 78svh;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const deck = document.querySelector(\"#fgs-proposal\");\n  if (!deck) return;\n\n  const labels = [...deck.querySelectorAll(\"label[for^='fgs-proposal-']\")];\n\n  const sizeDeck = () => {\n    if (window.matchMedia(\"(max-width: 760px)\").matches) return;\n\n    const deckWidth = deck.getBoundingClientRect().width;\n    const tabWidth = labels.reduce(\n      (total, label) => total + label.getBoundingClientRect().width,\n      0\n    );\n\n    const openWidth = Math.max(0, deckWidth - tabWidth);\n    deck.style.setProperty(\"--proposal-open-width\", `${openWidth}px`);\n  };\n\n  sizeDeck();\n\n  if (\"ResizeObserver\" in window) {\n    new ResizeObserver(sizeDeck).observe(deck);\n  } else {\n    window.addEventListener(\"resize\", sizeDeck, { passive: true });\n  }\n\n  labels.forEach(label => {\n    const activate = event => {\n      if (\n        event.type === \"keydown\" &&\n        event.key !== \"Enter\" &&\n        event.key !== \" \"\n      ) return;\n\n      event.preventDefault();\n\n      const input = document.getElementById(label.htmlFor);\n      if (!input || input.checked) return;\n\n      const x = window.scrollX;\n      const y = window.scrollY;\n\n      input.checked = true;\n      input.dispatchEvent(new Event(\"change\", { bubbles: true }));\n\n      requestAnimationFrame(() => {\n        window.scrollTo(x, y);\n      });\n    };\n\n    label.setAttribute(\"tabindex\", \"0\");\n    label.setAttribute(\"role\", \"button\");\n\n    label.addEventListener(\"click\", activate);\n    label.addEventListener(\"keydown\", activate);\n  });\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"8\" data-consonant-block=\"post-2-trusted-local-partners\" data-consonant-page=\"2\" data-consonant-source=\"post-content\" data-consonant-uuid=\"7299b855-01fe-4b12-970d-a033d7de9a11\" class=\"fgs-partners\" id=\"fgs-partners\">\n\n  <div class=\"fgs-partners__background\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"fgs-partners__top\">\n\n    <div>\n\n      <div class=\"fgs-eyebrow\">\n        Community\n      <\/div>\n\n      <h2>\n        GOOD LOCAL BUSINESSES\n        <strong>SHOULD KNOW EACH OTHER.<\/strong>\n      <\/h2>\n\n    <\/div>\n\n    <p>\n      First Glass recommends businesses it genuinely\n      trusts across automotive repair, tires, body work,\n      detailing, towing and other local services.\n    <\/p>\n\n  <\/div>\n\n  <div class=\"fgs-partners__rail\">\n\n    <article>\n      <div class=\"fgs-partners__logo\">\n        PARTNER LOGO\n      <\/div>\n\n      <small>LOCAL PARTNER 01<\/small>\n\n      <h3>BUSINESS NAME<\/h3>\n\n      <p>\n        Add the real reason First Glass recommends\n        this business.\n      <\/p>\n\n      <a href=\"#\">\n        VISIT PARTNER \u2192\n      <\/a>\n    <\/article>\n\n    <article>\n      <div class=\"fgs-partners__logo\">\n        PARTNER LOGO\n      <\/div>\n\n      <small>LOCAL PARTNER 02<\/small>\n\n      <h3>BUSINESS NAME<\/h3>\n\n      <p>\n        Add the real reason First Glass recommends\n        this business.\n      <\/p>\n\n      <a href=\"#\">\n        VISIT PARTNER \u2192\n      <\/a>\n    <\/article>\n\n    <article>\n      <div class=\"fgs-partners__logo\">\n        PARTNER LOGO\n      <\/div>\n\n      <small>LOCAL PARTNER 03<\/small>\n\n      <h3>BUSINESS NAME<\/h3>\n\n      <p>\n        Add the real reason First Glass recommends\n        this business.\n      <\/p>\n\n      <a href=\"#\">\n        VISIT PARTNER \u2192\n      <\/a>\n    <\/article>\n\n    <article>\n      <div class=\"fgs-partners__logo\">\n        PARTNER LOGO\n      <\/div>\n\n      <small>LOCAL PARTNER 04<\/small>\n\n      <h3>BUSINESS NAME<\/h3>\n\n      <p>\n        Add the real reason First Glass recommends\n        this business.\n      <\/p>\n\n      <a href=\"#\">\n        VISIT PARTNER \u2192\n      <\/a>\n    <\/article>\n\n  <\/div>\n\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.fgs-partners {\n  position: relative;\n  padding: 125px var(--fgs-page-pad) 150px;\n  overflow: hidden;\n  background: linear-gradient(180deg, #04101e 0%, #020711 100%);\n  color: white;\n}\n\n.fgs-partners::before {\n  content: \"\";\n  position: absolute;\n  left: -8%;\n  right: -8%;\n  top: -48px;\n  height: 88px;\n  transform: rotate(-1.7deg);\n  background: #04101e;\n  border-bottom: 1px solid rgba(40,170,255,.12);\n  pointer-events: none;\n}\n\n.fgs-partners__background {\n  position: absolute;\n  inset: -4%;\n  background:\n    linear-gradient(100deg, rgba(2,7,17,.88) 0%, rgba(3,13,27,.68) 100%),\n    url(\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background-3-scaled.webp\");\n  background-size: cover;\n  background-position: center 48%;\n  opacity: .66;\n  filter: saturate(.82) contrast(1.06);\n  pointer-events: none;\n}\n\n.fgs-partners__top,\n.fgs-partners__rail {\n  width: min(var(--fgs-container), 100%);\n  margin-inline: auto;\n  position: relative;\n  z-index: 2;\n}\n\n.fgs-partners__top {\n  display: grid;\n  grid-template-columns: minmax(0,1.45fr) minmax(260px,.75fr);\n  gap: clamp(55px,7vw,110px);\n  align-items: end;\n}\n\n.fgs-partners h2 {\n  margin: 25px 0 0;\n  max-width: 1060px;\n  font-family: var(--fgs-display);\n  font-size: clamp(58px,5.8vw,100px);\n  line-height: .87;\n  font-weight: 400;\n}\n\n.fgs-partners h2 strong {\n  display: block;\n  color: var(--fgs-blue);\n  font-weight: 400;\n}\n\n.fgs-partners__top > p {\n  margin: 0;\n  color: rgba(235,244,252,.70);\n  line-height: 1.75;\n}\n\n.fgs-partners__rail {\n  margin-top: 78px;\n  display: grid;\n  grid-template-columns: repeat(4,1fr);\n  gap: 18px;\n}\n\n.fgs-partners__rail article {\n  min-height: 420px;\n  position: relative;\n  padding: 26px;\n  display: flex;\n  flex-direction: column;\n  clip-path: polygon(4% 0,100% 0,96% 100%,0 97%);\n  border: 1px solid rgba(106,183,255,.30);\n  background: linear-gradient(145deg,rgba(34,95,163,.22),rgba(3,12,24,.68));\n  backdrop-filter: blur(12px) saturate(120%);\n  -webkit-backdrop-filter: blur(12px) saturate(120%);\n  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 26px 55px rgba(0,0,0,.12);\n  transition: transform 220ms ease, border-color 220ms ease, background 220ms ease;\n}\n\n.fgs-partners__rail article:nth-child(even) {\n  transform: translateY(30px);\n}\n\n.fgs-partners__rail article::before {\n  content: \"\";\n  position: absolute;\n  width: 58%;\n  height: 2px;\n  top: 0;\n  right: 4%;\n  background: linear-gradient(90deg,transparent,var(--fgs-blue-bright),rgba(212,242,255,.66),transparent);\n  box-shadow: 0 0 11px rgba(8,127,255,.40);\n}\n\n.fgs-partners__logo {\n  width: 100%;\n  min-height: 155px;\n  margin-bottom: 28px;\n  display: grid;\n  place-items: center;\n  clip-path: polygon(4% 0,100% 4%,95% 100%,0 96%);\n  border: 1px solid rgba(255,255,255,.10);\n  background:\n    radial-gradient(circle at 50% 50%,rgba(8,127,255,.15),transparent 58%),\n    linear-gradient(145deg,rgba(255,255,255,.035),rgba(5,23,42,.32));\n  color: rgba(255,255,255,.30);\n  letter-spacing: .18em;\n  font-size: 10px;\n}\n\n.fgs-partners__rail small {\n  color: var(--fgs-blue-bright);\n  font-size: 9px;\n  letter-spacing: .17em;\n}\n\n.fgs-partners__rail h3 {\n  margin: 10px 0 12px;\n  font-family: var(--fgs-display);\n  font-size: clamp(28px,2.2vw,34px);\n  font-weight: 400;\n}\n\n.fgs-partners__rail p {\n  margin: 0;\n  color: rgba(255,255,255,.61);\n  line-height: 1.62;\n  font-size: 13px;\n}\n\n.fgs-partners__rail a {\n  margin-top: auto;\n  padding-top: 25px;\n  color: var(--fgs-blue-bright);\n  text-decoration: none;\n  font-size: 10px;\n  letter-spacing: .12em;\n}\n\n.fgs-partners__rail article:hover {\n  border-color: rgba(40,170,255,.70);\n  background: linear-gradient(145deg,rgba(36,110,190,.28),rgba(3,13,27,.72));\n}\n\n.fgs-partners__rail article:nth-child(odd):hover {\n  transform: translateY(-5px);\n}\n\n.fgs-partners__rail article:nth-child(even):hover {\n  transform: translateY(25px);\n}\n\n@media (max-width: 1000px) {\n  .fgs-partners__top {\n    grid-template-columns: 1fr;\n    gap: 30px;\n  }\n\n  .fgs-partners__rail {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n@media (max-width: 620px) {\n  .fgs-partners {\n    padding: 95px 22px 120px;\n  }\n\n  .fgs-partners h2 {\n    font-size: clamp(48px,14vw,70px);\n  }\n\n  .fgs-partners__rail {\n    grid-template-columns: 1fr;\n    margin-top: 55px;\n  }\n\n  .fgs-partners__rail article,\n  .fgs-partners__rail article:nth-child(even),\n  .fgs-partners__rail article:nth-child(odd),\n  .fgs-partners__rail article:hover,\n  .fgs-partners__rail article:nth-child(even):hover,\n  .fgs-partners__rail article:nth-child(odd):hover {\n    transform: none;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const cards =\n    document.querySelectorAll(\n      \".fgs-partners__rail article\"\n    );\n\n  if (!cards.length) return;\n\n  const observer =\n    new IntersectionObserver(\n      entries => {\n\n        entries.forEach(entry => {\n\n          if (!entry.isIntersecting) return;\n\n          const index =\n            [...cards].indexOf(\n              entry.target\n            );\n\n          entry.target.animate(\n            [\n              {\n                opacity: 0,\n                transform:\n                  \"translateY(28px)\"\n              },\n              {\n                opacity: 1,\n                transform: \"\"\n              }\n            ],\n            {\n              duration: 550,\n              delay:\n                Math.max(index, 0) * 80,\n              easing:\n                \"cubic-bezier(.2,.8,.2,1)\",\n              fill: \"both\"\n            }\n          );\n\n          observer.unobserve(\n            entry.target\n          );\n\n        });\n      },\n      { threshold: .12 }\n    );\n\n  cards.forEach(\n    card => observer.observe(card)\n  );\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"9\" data-consonant-block=\"post-2-faq\" data-consonant-page=\"2\" data-consonant-source=\"post-content\" data-consonant-uuid=\"7299b855-01fe-4b12-970d-a033d7de9a11\" class=\"fgs-faq\" id=\"fgs-faq\">\n\n  <div class=\"fgs-faq__background\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"fgs-faq__inner\">\n\n    <div class=\"fgs-faq__heading\">\n\n      <div class=\"fgs-eyebrow\">\n        Frequently Asked Questions\n      <\/div>\n\n      <h2>\n        A FEW THINGS\n        <strong>\n          PEOPLE USUALLY WANT TO KNOW.\n        <\/strong>\n      <\/h2>\n\n    <\/div>\n\n    <div class=\"fgs-faq__list\">\n\n      <article class=\"fgs-faq__item\">\n\n        <button type=\"button\" aria-expanded=\"false\">\n          <span>\n            Can a rock chip be repaired without\n            replacing the windshield?\n          <\/span>\n\n          <i>+<\/i>\n        <\/button>\n\n        <div class=\"fgs-faq__answer\">\n          <p>\n            Many smaller chips can be repaired, but\n            repairability depends on the size, type\n            and location of the damage.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <article class=\"fgs-faq__item\">\n\n        <button type=\"button\" aria-expanded=\"false\">\n          <span>\n            Should I repair a small chip right away?\n          <\/span>\n\n          <i>+<\/i>\n        <\/button>\n\n        <div class=\"fgs-faq__answer\">\n          <p>\n            Yes. Road vibration and temperature\n            changes can allow small chips to spread\n            into larger cracks.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <article class=\"fgs-faq__item\">\n\n        <button type=\"button\" aria-expanded=\"false\">\n          <span>\n            Do you offer mobile windshield repair?\n          <\/span>\n\n          <i>+<\/i>\n        <\/button>\n\n        <div class=\"fgs-faq__answer\">\n          <p>\n            Yes. First Glass provides free mobile\n            service throughout its listed Idaho\n            Falls-area service territory.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <article class=\"fgs-faq__item\">\n\n        <button type=\"button\" aria-expanded=\"false\">\n          <span>\n            Can you come to my home or workplace?\n          <\/span>\n\n          <i>+<\/i>\n        <\/button>\n\n        <div class=\"fgs-faq__answer\">\n          <p>\n            Mobile service can be performed at homes,\n            workplaces and other suitable locations\n            when the required service and conditions\n            allow it.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <article class=\"fgs-faq__item\">\n\n        <button type=\"button\" aria-expanded=\"false\">\n          <span>\n            Do you replace windshields?\n          <\/span>\n\n          <i>+<\/i>\n        <\/button>\n\n        <div class=\"fgs-faq__answer\">\n          <p>\n            Yes. First Glass provides windshield\n            replacement along with supported side\n            and rear auto glass replacement.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <article class=\"fgs-faq__item\">\n\n        <button type=\"button\" aria-expanded=\"false\">\n          <span>\n            Do you service sunroofs?\n          <\/span>\n\n          <i>+<\/i>\n        <\/button>\n\n        <div class=\"fgs-faq__answer\">\n          <p>\n            No. First Glass does not service sunroofs.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n      <article class=\"fgs-faq__item\">\n\n        <button type=\"button\" aria-expanded=\"false\">\n          <span>\n            Does insurance cover windshield repair?\n          <\/span>\n\n          <i>+<\/i>\n        <\/button>\n\n        <div class=\"fgs-faq__answer\">\n          <p>\n            Some comprehensive policies include auto\n            glass coverage. Benefits, deductibles and\n            claim requirements vary by carrier and\n            policy.\n          <\/p>\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.fgs-faq {\n  position: relative;\n  padding: 130px var(--fgs-page-pad) 145px;\n  overflow: hidden;\n  background: linear-gradient(180deg, #020711 0%, #04101e 100%);\n  color: white;\n}\n\n.fgs-faq::before {\n  content: \"\";\n  position: absolute;\n  left: -9%;\n  right: -9%;\n  top: -48px;\n  height: 86px;\n  transform: rotate(1.6deg);\n  background: #020711;\n  border-bottom: 1px solid rgba(40,170,255,.11);\n  pointer-events: none;\n}\n\n.fgs-faq__background {\n  position: absolute;\n  inset: -4%;\n  background:\n    linear-gradient(100deg, rgba(2,7,17,.95), rgba(4,18,34,.76)),\n    url(\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background-3-scaled.webp\");\n  background-size: cover;\n  background-position: center;\n  opacity: .50;\n  filter: saturate(.84) contrast(1.05);\n  pointer-events: none;\n}\n\n.fgs-faq__inner {\n  width: min(var(--fgs-container), 100%);\n  margin: auto;\n  position: relative;\n  z-index: 2;\n  display: grid;\n  grid-template-columns: minmax(300px,.78fr) minmax(0,1.22fr);\n  gap: clamp(60px,7vw,110px);\n}\n\n.fgs-faq h2 {\n  margin: 25px 0 0;\n  font-family: var(--fgs-display);\n  font-size: clamp(52px,5.5vw,90px);\n  line-height: .89;\n  font-weight: 400;\n}\n\n.fgs-faq h2 strong {\n  display: block;\n  color: var(--fgs-blue);\n  font-weight: 400;\n}\n\n.fgs-faq__list {\n  display: grid;\n  gap: 8px;\n}\n\n.fgs-faq__item {\n  border: 1px solid rgba(92,162,230,.18);\n  background: rgba(4,17,32,.34);\n  backdrop-filter: blur(10px);\n  -webkit-backdrop-filter: blur(10px);\n  transition: border-color 180ms ease, background 180ms ease, transform 180ms ease;\n}\n\n.fgs-faq__item:hover {\n  border-color: rgba(92,177,255,.34);\n  background: rgba(7,31,58,.48);\n}\n\n.fgs-faq__item.is-open {\n  border-color: rgba(40,170,255,.46);\n  background: linear-gradient(120deg,rgba(13,68,124,.32),rgba(3,13,27,.58));\n}\n\n.fgs-faq__item button {\n  min-height: 82px;\n  width: 100%;\n  padding: 21px 22px 21px 26px;\n  display: grid;\n  grid-template-columns: 1fr auto;\n  align-items: center;\n  gap: 24px;\n  text-align: left;\n  color: white;\n  background: none;\n  border: 0;\n  cursor: pointer;\n  font-family: var(--fgs-display);\n  font-size: clamp(22px,1.9vw,32px);\n  line-height: 1.05;\n  text-transform: uppercase;\n}\n\n.fgs-faq__item button i {\n  width: 42px;\n  height: 42px;\n  display: grid;\n  place-items: center;\n  clip-path: polygon(8% 0,100% 5%,92% 100%,0 95%);\n  border: 1px solid rgba(40,170,255,.25);\n  background: rgba(4,23,43,.42);\n  color: var(--fgs-blue);\n  font-style: normal;\n  font-size: 24px;\n  transition: transform 180ms ease, color 180ms ease, border-color 180ms ease, background 180ms ease;\n}\n\n.fgs-faq__item.is-open button i {\n  transform: rotate(45deg);\n  color: white;\n  border-color: rgba(40,170,255,.60);\n  background: rgba(8,74,140,.42);\n}\n\n.fgs-faq__answer {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows 260ms ease;\n}\n\n.fgs-faq__answer p {\n  margin: 0;\n  overflow: hidden;\n  padding: 0 82px 0 26px;\n  color: rgba(226,238,249,.68);\n  line-height: 1.75;\n}\n\n.fgs-faq__item.is-open .fgs-faq__answer {\n  grid-template-rows: 1fr;\n}\n\n.fgs-faq__item.is-open .fgs-faq__answer p {\n  padding-bottom: 27px;\n}\n\n@media (max-width: 850px) {\n  .fgs-faq__inner {\n    grid-template-columns: 1fr;\n    gap: 55px;\n  }\n}\n\n@media (max-width: 620px) {\n  .fgs-faq {\n    padding: 95px 22px 105px;\n  }\n\n  .fgs-faq h2 {\n    font-size: clamp(46px,13.5vw,66px);\n  }\n\n  .fgs-faq__item button {\n    min-height: 74px;\n    padding: 18px;\n    font-size: clamp(22px,7vw,29px);\n  }\n\n  .fgs-faq__item button i {\n    width: 38px;\n    height: 38px;\n  }\n\n  .fgs-faq__answer p {\n    padding-right: 22px;\n    padding-left: 18px;\n  }\n\n  .fgs-faq__item.is-open .fgs-faq__answer p {\n    padding-bottom: 22px;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  document\n    .querySelectorAll(\n      \".fgs-faq__item button\"\n    )\n    .forEach(button => {\n\n      button.addEventListener(\n        \"click\",\n        () => {\n\n          const item =\n            button.closest(\n              \".fgs-faq__item\"\n            );\n\n          const open =\n            item.classList.toggle(\n              \"is-open\"\n            );\n\n          button.setAttribute(\n            \"aria-expanded\",\n            String(open)\n          );\n        }\n      );\n\n    });\n})();\n<\/script>\n\n\n\n<section data-consonant-block-name=\"core\/html\" data-consonant-block-path=\"10\" data-consonant-block=\"post-2-core-html-10\" data-consonant-page=\"2\" data-consonant-source=\"post-content\" data-consonant-uuid=\"7299b855-01fe-4b12-970d-a033d7de9a11\" class=\"fgs-final\">\n\n  <div class=\"fgs-final__background\" aria-hidden=\"true\"><\/div>\n  <div class=\"fgs-final__visual\" aria-hidden=\"true\"><\/div>\n  <div class=\"fgs-final__flare\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"fgs-final__inner\">\n\n    <div class=\"fgs-final__copy\">\n\n      <div class=\"fgs-eyebrow\">\n        Ready When You Are\n      <\/div>\n\n      <h2>\n        A CLEARER PATH\n        <strong>STARTS HERE.<\/strong>\n      <\/h2>\n\n      <p>\n        Whether you need a rock chip repaired,\n        a windshield replaced or help figuring out\n        which one you actually need, start with a\n        quick call to First Glass.\n      <\/p>\n\n      <div class=\"fgs-final__actions\">\n\n        <a\n          href=\"tel:+12087578438\"\n          class=\"fgs-shard fgs-shard--dark\"\n        >\n          <span class=\"fgs-shard__shine\"><\/span>\n          <strong>CALL (208) 757-8438<\/strong>\n        <\/a>\n\n        <a\n          href=\"#fgs-quote\"\n          class=\"fgs-shard fgs-shard--blue\"\n        >\n          <span class=\"fgs-shard__shine\"><\/span>\n          <strong>REQUEST A QUOTE<\/strong>\n          <span class=\"fgs-shard__arrow\">\u2192<\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n<style data-wp-block-html=\"css\">\n.fgs-final {\n  position: relative;\n  min-height: 760px;\n  padding: 125px var(--fgs-page-pad);\n  overflow: hidden;\n  background: #020711;\n  color: white;\n}\n\n.fgs-final::before {\n  content: \"\";\n  position: absolute;\n  left: -8%;\n  right: -8%;\n  top: -48px;\n  height: 86px;\n  transform: rotate(-1.6deg);\n  background: #04101e;\n  border-bottom: 1px solid rgba(40,170,255,.12);\n  pointer-events: none;\n}\n\n.fgs-final__background {\n  position: absolute;\n  inset: -4%;\n  background:\n    linear-gradient(90deg,rgba(2,7,17,.95),rgba(2,7,17,.82) 50%,rgba(2,7,17,.35)),\n    url(\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background-1-scaled.webp\");\n  background-size: cover;\n  background-position: center;\n  opacity: .38;\n  pointer-events: none;\n}\n\n.fgs-final__visual {\n  position: absolute;\n  z-index: 1;\n  right: -3%;\n  top: 0;\n  bottom: 0;\n  width: 57%;\n\n  background:\n    linear-gradient(90deg,rgba(2,7,17,1) 0%,rgba(2,7,17,.68) 19%,rgba(2,7,17,.12) 46%,rgba(2,7,17,.02) 100%),\n    url(\"https:\/\/staging6.gmportal.net\/wp-content\/uploads\/2026\/09\/background-3-scaled.webp\");\n\n  background-size: cover;\n  background-position: center;\n\n  -webkit-mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.30) 13%,#000 34%,#000 100%);\n  mask-image: linear-gradient(90deg,transparent 0%,rgba(0,0,0,.30) 13%,#000 34%,#000 100%);\n\n  filter: saturate(.90) contrast(1.05);\n}\n\n.fgs-final__visual::after {\n  content: \"\";\n  position: absolute;\n  left: 12%;\n  right: 6%;\n  bottom: 14%;\n  height: 1px;\n  transform: rotate(-7deg);\n  background: linear-gradient(90deg,transparent,rgba(40,170,255,.64),rgba(214,242,255,.62),transparent);\n  box-shadow: 0 0 10px rgba(40,170,255,.26);\n}\n\n.fgs-final__flare {\n  position: absolute;\n  z-index: 2;\n  width: 65%;\n  height: 2px;\n  top: 57%;\n  right: -12%;\n  transform: rotate(-14deg);\n  background: linear-gradient(90deg,transparent,var(--fgs-blue),#bde1ff,transparent);\n  box-shadow: 0 0 15px var(--fgs-blue),0 0 40px rgba(0,119,255,.25);\n  opacity: .68;\n}\n\n.fgs-final__inner {\n  width: min(var(--fgs-container),100%);\n  min-height: 520px;\n  margin: auto;\n  position: relative;\n  z-index: 3;\n  display: flex;\n  align-items: center;\n}\n\n.fgs-final__copy {\n  width: min(760px,56%);\n}\n\n.fgs-final h2 {\n  margin: 25px 0;\n  font-family: var(--fgs-display);\n  font-size: clamp(68px,6.7vw,116px);\n  line-height: .86;\n  font-weight: 400;\n}\n\n.fgs-final h2 strong {\n  display: block;\n  color: var(--fgs-blue);\n  font-weight: 400;\n}\n\n.fgs-final__copy p {\n  max-width: 610px;\n  color: rgba(235,244,252,.72);\n  font-size: 17px;\n  line-height: 1.72;\n}\n\n.fgs-final__actions {\n  margin-top: 36px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 13px;\n}\n\n@media (max-width: 900px) {\n  .fgs-final {\n    min-height: 900px;\n    padding: 100px 22px 0;\n  }\n\n  .fgs-final__inner {\n    min-height: 0;\n    align-items: flex-start;\n  }\n\n  .fgs-final__copy {\n    width: 100%;\n    padding-bottom: 420px;\n  }\n\n  .fgs-final__visual {\n    left: -7%;\n    right: -7%;\n    top: auto;\n    bottom: 0;\n    width: auto;\n    height: 430px;\n\n    background-position: center;\n\n    -webkit-mask-image: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.30) 16%,#000 38%,#000 100%);\n    mask-image: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.30) 16%,#000 38%,#000 100%);\n  }\n\n  .fgs-final__flare {\n    width: 90%;\n    right: -20%;\n    bottom: 18%;\n    top: auto;\n  }\n}\n\n@media (max-width: 620px) {\n  .fgs-final h2 {\n    font-size: clamp(52px,14vw,74px);\n  }\n\n  .fgs-final__actions {\n    flex-direction: column;\n  }\n\n  .fgs-final__actions .fgs-shard {\n    width: 100%;\n    box-sizing: border-box;\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  const section =\n    document.querySelector(\".fgs-final\");\n\n  const flare =\n    section?.querySelector(\n      \".fgs-final__flare\"\n    );\n\n  if (!section || !flare) return;\n\n  section.addEventListener(\n    \"pointermove\",\n    event => {\n\n      if (innerWidth < 800) return;\n\n      const rect =\n        section.getBoundingClientRect();\n\n      const x =\n        (event.clientX - rect.left) \/\n        rect.width;\n\n      flare.style.transform =\n        `translateX(${(x - .5) * 30}px)\n         rotate(-20deg)`;\n    }\n  );\n})();\n<\/script>\n\n\n\n\n","protected":false},"excerpt":{"rendered":"<p>Locally Owned \u2022 Idaho Falls, Idaho WINDSHIELD DAMAGE? WE\u2019LL COME TO YOU. Mobile windshield repair, rock chip repair and auto glass service throughout Idaho Falls and surrounding East Idaho communities. CALL (208) 757-8438 REQUEST A QUOTE \u2192 FREE MOBILE SERVICE IN OUR SERVICE AREA Why First Glass MAKE LOCAL THE CLEARER CHOICE. The same things [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging6.gmportal.net\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging6.gmportal.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging6.gmportal.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging6.gmportal.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging6.gmportal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":6,"href":"https:\/\/staging6.gmportal.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/staging6.gmportal.net\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/staging6.gmportal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}