/* Media replacements only. Geometry, gradients, sizing and position remain in the original Krueger stylesheet. */
.c-hero-slide-content._1 { background-image: linear-gradient(0deg, rgba(27,27,27,.62), rgba(255,255,255,0)), linear-gradient(90deg, rgba(0,0,0,.52), rgba(0,0,0,0) 49%, rgba(0,0,0,.52)), url('/assets/gomen/gomen-hero-generated.webp') !important; }
.c-hero-slide-content._2 { background-image: linear-gradient(81deg, rgba(0,0,0,.54), rgba(0,0,0,.22) 50%, rgba(0,0,0,.54)), url('/assets/gomen/roof-detail-1.webp') !important; }
.c-hero-slide-content._3 { background-image: linear-gradient(83deg, rgba(0,0,0,.54), rgba(0,0,0,.14) 50%, rgba(0,0,0,.54)), url('/assets/gomen/roof-home-2.webp') !important; }
.c-hero-slide-content._4 { background-image: linear-gradient(86deg, rgba(0,0,0,.54), rgba(0,0,0,.22) 50%, rgba(0,0,0,.54)), url('/assets/gomen/roof-flashing-1.webp') !important; }
.div-block-4 { background-image: linear-gradient(rgba(255,255,255,.96), rgba(255,255,255,.97) 24%, #fff 52%, rgba(255,255,255,.95) 78%, #fff), url('/assets/gomen/roof-home-3.webp') !important; }
.div-block-25 { background-image: url('/assets/gomen/gomen-about-generated.webp') !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; }
.lottie-animation { background-image: url('/assets/gomen/gomen-logo-400.webp') !important; }
.div-block-85._1 { background-image: url('/assets/gomen/roof-detail-1.webp') !important; }
.div-block-85._2 { background-image: url('/assets/gomen/roof-home-2.webp') !important; }
.div-block-85._3 { background-image: url('/assets/gomen/roof-gutter-1.webp') !important; }
.div-block-455._1.we { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-home-1.webp') !important; }
.div-block-455._1._2 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-home-3.webp') !important; }
.div-block-455._1._3 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-detail-2.webp') !important; }
.div-block-455._1._4 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-gutter-1.webp') !important; }
.div-block-455._1._5 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-home-4.webp') !important; }
.div-block-455._1._5._6 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-flashing-1.webp') !important; }
.projects__item._1 { background-image: linear-gradient(359deg, rgba(0,0,0,.6), rgba(255,255,255,0) 23%), url('/assets/gomen/roof-home-1.webp') !important; }
.projects__item._1._2 { background-image: linear-gradient(359deg, rgba(0,0,0,.6), rgba(255,255,255,0) 54%), url('/assets/gomen/roof-home-3.webp') !important; }
.projects__item._1._3 { background-image: linear-gradient(359deg, rgba(0,0,0,.6), rgba(255,255,255,0) 54%), url('/assets/gomen/roof-detail-2.webp') !important; }
.projects__item._1._4 { background-image: linear-gradient(359deg, rgba(0,0,0,.6), rgba(255,255,255,0) 54%), url('/assets/gomen/roof-gutter-1.webp') !important; }
.div-block-141._1 { background-image: url('/assets/gomen/roof-home-1.webp') !important; }
.div-block-141._1._2 { background-image: url('/assets/gomen/roof-home-3.webp') !important; }
.div-block-141._3 { background-image: url('/assets/gomen/roof-detail-1.webp') !important; }
.div-block-141._4 { background-image: url('/assets/gomen/roof-detail-2.webp') !important; }
.div-block-141._5 { background-image: url('/assets/gomen/roof-home-4.webp') !important; }
.div-block-141._6 { background-image: url('/assets/gomen/roof-gutter-1.webp') !important; }
.div-block-522 { background-image: url('/assets/gomen/roof-home-2.webp') !important; }
.footer { background-image: linear-gradient(rgba(0,0,0,0) 75%, rgb(172,68,69)), url('/assets/gomen/roof-home-2.webp'), linear-gradient(rgba(255,255,255,.95), #fff), url('/assets/gomen/roof-home-4.webp') !important; }
.text-span-5 { background-image: url('/assets/gomen/roof-detail-2.webp') !important; }

/* Interior hero media: retain the original per-page overlay strength, crop and positioning. */
.hero-sidepage._1:not(._5) { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.4) 50%, rgba(0,0,0,.88)), url('/assets/gomen/roof-home-3.webp') !important; }
.hero-sidepage._2._90._900:not(.erty) { background-image: linear-gradient(rgba(0,0,0,.96), rgba(0,0,0,.32) 50%, rgba(0,0,0,.86)), url('/assets/gomen/roof-detail-1.webp') !important; }
.hero-sidepage._2._44 { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.3) 50%, rgba(0,0,0,.72)), url('/assets/gomen/roof-home-4.webp') !important; }
.hero-sidepage._2.sghj { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.3) 50%, rgba(0,0,0,.72)), url('/assets/gomen/roof-detail-1.webp') !important; }
.hero-sidepage._2:not(._90):not(._44):not(.sghj):not(._0192):not(._192):not(.rht):not(.erty) { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.3) 50%, rgba(0,0,0,.72)), url('/assets/gomen/roof-home-1.webp') !important; }
.hero-sidepage._2._0192 { background-image: linear-gradient(rgba(0,0,0,.58), rgba(0,0,0,.3) 50%, rgba(0,0,0,.72)), url('/assets/gomen/roof-detail-2.webp') !important; }
.hero-sidepage._2._192 { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.3) 50%, rgba(0,0,0,.72)), url('/assets/gomen/roof-home-2.webp') !important; }
.hero-sidepage._1._5 { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.5) 50%, rgba(0,0,0,.86)), url('/assets/gomen/roof-flashing-1.webp') !important; }
.hero-sidepage._2.rht { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.3) 50%, rgba(0,0,0,.72)), url('/assets/gomen/roof-home-4.webp') !important; }
.hero-sidepage._2.erty { background-image: linear-gradient(rgba(0,0,0,.96), rgba(0,0,0,.32) 50%, rgba(0,0,0,.86)), url('/assets/gomen/roof-gutter-1.webp') !important; }

/* Photo backgrounds in interior content and project cards; existing gradients and layer order are retained. */
.div-block-357:not(.srg) { background-image: linear-gradient(rgb(255,255,255), rgba(255,255,255,.97) 50%, rgb(255,255,255)), url('/assets/gomen/roof-home-3.webp') !important; }
.div-block-357.srg { background-image: url('https://cdn.prod.website-files.com/685dd2ffabdb125ed9524e33/68a50693c35eb5d9ed946798_LINESSS.png'), linear-gradient(rgb(255,255,255), rgba(255,255,255,.97) 50%, rgb(255,255,255)), url('/assets/gomen/roof-home-3.webp') !important; }
.div-block-100 { background-image: linear-gradient(rgb(20,26,32), rgba(22,28,35,0) 50%, rgb(24,30,37)), url('/assets/gomen/roof-detail-2.webp') !important; }
.div-block-48:not(.df) { background-image: url('/assets/gomen/roof-home-1.webp') !important; }
.div-block-48.df._5 { background-image: url('/assets/gomen/roof-home-4.webp') !important; }
.div-block-373.sf:not(._5465) { background-image: url('/assets/gomen/roof-detail-1.webp') !important; }
.div-block-373.sf._5465 { background-image: url('/assets/gomen/roof-home-2.webp') !important; }
.div-block-376._22:not(.wrty) { background-image: url('/assets/gomen/roof-detail-2.webp') !important; }
.div-block-376._22.wrty { background-image: url('/assets/gomen/roof-flashing-1.webp') !important; }
.div-block-384._9.dg { background-image: linear-gradient(rgba(0,0,0,.63), rgba(0,0,0,.63)), url('/assets/gomen/roof-detail-1.webp') !important; }
.div-block-360.tryu { background-image: linear-gradient(rgb(255,255,255), rgba(255,255,255,.96) 50%, rgb(255,255,255)), url('/assets/gomen/roof-home-3.webp') !important; }
.div-block-484.lpp { background-image: linear-gradient(rgb(255,255,255), rgba(255,255,255,.97) 50%, rgb(255,255,255)), url('/assets/gomen/roof-home-4.webp') !important; }
.div-block-119 { background-image: linear-gradient(rgb(172,68,69), rgba(172,68,69,.94) 50%, rgb(172,68,69)), url('/assets/gomen/roof-home-4.webp') !important; }
.div-block-79._2._00 { background-image: url('https://cdn.prod.website-files.com/685dd2ffabdb125ed9524e33/68a50693c35eb5d9ed946798_LINESSS.png'), linear-gradient(rgb(255,255,255), rgba(255,255,255,.89) 51%, rgb(255,255,255)), url('/assets/gomen/roof-home-3.webp') !important; }
.div-block-493._2._5 { background-image: url('/assets/gomen/roof-detail-1.webp') !important; }
.page-2 { background-image: linear-gradient(rgba(255,255,255,.99), rgba(255,255,255,.98) 50%, rgb(255,255,255)), url('/assets/gomen/roof-home-3.webp') !important; }
.lottie-animation-4 { background-image: url('/assets/gomen/gomen-logo-400.webp') !important; }
.div-block-455 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-home-1.webp') !important; }


/* Responsive 800px photo sources: image choice only; original framing and overlays stay intact. */
@media (max-width: 1024px) {
/* Media replacements only. Geometry, gradients, sizing and position remain in the original Krueger stylesheet. */
.c-hero-slide-content._1 { background-image: linear-gradient(0deg, rgba(27,27,27,.62), rgba(255,255,255,0)), linear-gradient(90deg, rgba(0,0,0,.52), rgba(0,0,0,0) 49%, rgba(0,0,0,.52)), url('/assets/gomen/gomen-hero-generated-900.webp') !important; }
.c-hero-slide-content._2 { background-image: linear-gradient(81deg, rgba(0,0,0,.54), rgba(0,0,0,.22) 50%, rgba(0,0,0,.54)), url('/assets/gomen/roof-detail-1-800.webp') !important; }
.c-hero-slide-content._3 { background-image: linear-gradient(83deg, rgba(0,0,0,.54), rgba(0,0,0,.14) 50%, rgba(0,0,0,.54)), url('/assets/gomen/roof-home-2-800.webp') !important; }
.c-hero-slide-content._4 { background-image: linear-gradient(86deg, rgba(0,0,0,.54), rgba(0,0,0,.22) 50%, rgba(0,0,0,.54)), url('/assets/gomen/roof-flashing-1-800.webp') !important; }
.div-block-4 { background-image: linear-gradient(rgba(255,255,255,.96), rgba(255,255,255,.97) 24%, #fff 52%, rgba(255,255,255,.95) 78%, #fff), url('/assets/gomen/roof-home-3-800.webp') !important; }
.div-block-25 { background-image: url('/assets/gomen/gomen-about-generated-900.webp') !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; }
.div-block-85._1 { background-image: url('/assets/gomen/roof-detail-1-800.webp') !important; }
.div-block-85._2 { background-image: url('/assets/gomen/roof-home-2-800.webp') !important; }
.div-block-85._3 { background-image: url('/assets/gomen/roof-gutter-1-800.webp') !important; }
.div-block-455._1.we { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-home-1-800.webp') !important; }
.div-block-455._1._2 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-home-3-800.webp') !important; }
.div-block-455._1._3 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-detail-2-800.webp') !important; }
.div-block-455._1._4 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-gutter-1-800.webp') !important; }
.div-block-455._1._5 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-home-4-800.webp') !important; }
.div-block-455._1._5._6 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-flashing-1-800.webp') !important; }
.projects__item._1 { background-image: linear-gradient(359deg, rgba(0,0,0,.6), rgba(255,255,255,0) 23%), url('/assets/gomen/roof-home-1-800.webp') !important; }
.projects__item._1._2 { background-image: linear-gradient(359deg, rgba(0,0,0,.6), rgba(255,255,255,0) 54%), url('/assets/gomen/roof-home-3-800.webp') !important; }
.projects__item._1._3 { background-image: linear-gradient(359deg, rgba(0,0,0,.6), rgba(255,255,255,0) 54%), url('/assets/gomen/roof-detail-2-800.webp') !important; }
.projects__item._1._4 { background-image: linear-gradient(359deg, rgba(0,0,0,.6), rgba(255,255,255,0) 54%), url('/assets/gomen/roof-gutter-1-800.webp') !important; }
.div-block-141._1 { background-image: url('/assets/gomen/roof-home-1-800.webp') !important; }
.div-block-141._1._2 { background-image: url('/assets/gomen/roof-home-3-800.webp') !important; }
.div-block-141._3 { background-image: url('/assets/gomen/roof-detail-1-800.webp') !important; }
.div-block-141._4 { background-image: url('/assets/gomen/roof-detail-2-800.webp') !important; }
.div-block-141._5 { background-image: url('/assets/gomen/roof-home-4-800.webp') !important; }
.div-block-141._6 { background-image: url('/assets/gomen/roof-gutter-1-800.webp') !important; }
.div-block-522 { background-image: url('/assets/gomen/roof-home-2-800.webp') !important; }
.footer { background-image: linear-gradient(rgba(0,0,0,0) 75%, rgb(172,68,69)), url('/assets/gomen/roof-home-2-800.webp'), linear-gradient(rgba(255,255,255,.95), #fff), url('/assets/gomen/roof-home-4-800.webp') !important; }
.text-span-5 { background-image: url('/assets/gomen/roof-detail-2-800.webp') !important; }
/* Interior hero media: retain the original per-page overlay strength, crop and positioning. */
.hero-sidepage._1:not(._5) { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.4) 50%, rgba(0,0,0,.88)), url('/assets/gomen/roof-home-3-800.webp') !important; }
.hero-sidepage._2._90._900:not(.erty) { background-image: linear-gradient(rgba(0,0,0,.96), rgba(0,0,0,.32) 50%, rgba(0,0,0,.86)), url('/assets/gomen/roof-detail-1-800.webp') !important; }
.hero-sidepage._2._44 { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.3) 50%, rgba(0,0,0,.72)), url('/assets/gomen/roof-home-4-800.webp') !important; }
.hero-sidepage._2.sghj { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.3) 50%, rgba(0,0,0,.72)), url('/assets/gomen/roof-detail-1-800.webp') !important; }
.hero-sidepage._2:not(._90):not(._44):not(.sghj):not(._0192):not(._192):not(.rht):not(.erty) { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.3) 50%, rgba(0,0,0,.72)), url('/assets/gomen/roof-home-1-800.webp') !important; }
.hero-sidepage._2._0192 { background-image: linear-gradient(rgba(0,0,0,.58), rgba(0,0,0,.3) 50%, rgba(0,0,0,.72)), url('/assets/gomen/roof-detail-2-800.webp') !important; }
.hero-sidepage._2._192 { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.3) 50%, rgba(0,0,0,.72)), url('/assets/gomen/roof-home-2-800.webp') !important; }
.hero-sidepage._1._5 { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.5) 50%, rgba(0,0,0,.86)), url('/assets/gomen/roof-flashing-1-800.webp') !important; }
.hero-sidepage._2.rht { background-image: linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.3) 50%, rgba(0,0,0,.72)), url('/assets/gomen/roof-home-4-800.webp') !important; }
.hero-sidepage._2.erty { background-image: linear-gradient(rgba(0,0,0,.96), rgba(0,0,0,.32) 50%, rgba(0,0,0,.86)), url('/assets/gomen/roof-gutter-1-800.webp') !important; }
/* Photo backgrounds in interior content and project cards; existing gradients and layer order are retained. */
.div-block-357:not(.srg) { background-image: linear-gradient(rgb(255,255,255), rgba(255,255,255,.97) 50%, rgb(255,255,255)), url('/assets/gomen/roof-home-3-800.webp') !important; }
.div-block-357.srg { background-image: url('https://cdn.prod.website-files.com/685dd2ffabdb125ed9524e33/68a50693c35eb5d9ed946798_LINESSS.png'), linear-gradient(rgb(255,255,255), rgba(255,255,255,.97) 50%, rgb(255,255,255)), url('/assets/gomen/roof-home-3-800.webp') !important; }
.div-block-100 { background-image: linear-gradient(rgb(20,26,32), rgba(22,28,35,0) 50%, rgb(24,30,37)), url('/assets/gomen/roof-detail-2-800.webp') !important; }
.div-block-48:not(.df) { background-image: url('/assets/gomen/roof-home-1-800.webp') !important; }
.div-block-48.df._5 { background-image: url('/assets/gomen/roof-home-4-800.webp') !important; }
.div-block-373.sf:not(._5465) { background-image: url('/assets/gomen/roof-detail-1-800.webp') !important; }
.div-block-373.sf._5465 { background-image: url('/assets/gomen/roof-home-2-800.webp') !important; }
.div-block-376._22:not(.wrty) { background-image: url('/assets/gomen/roof-detail-2-800.webp') !important; }
.div-block-376._22.wrty { background-image: url('/assets/gomen/roof-flashing-1-800.webp') !important; }
.div-block-384._9.dg { background-image: linear-gradient(rgba(0,0,0,.63), rgba(0,0,0,.63)), url('/assets/gomen/roof-detail-1-800.webp') !important; }
.div-block-360.tryu { background-image: linear-gradient(rgb(255,255,255), rgba(255,255,255,.96) 50%, rgb(255,255,255)), url('/assets/gomen/roof-home-3-800.webp') !important; }
.div-block-484.lpp { background-image: linear-gradient(rgb(255,255,255), rgba(255,255,255,.97) 50%, rgb(255,255,255)), url('/assets/gomen/roof-home-4-800.webp') !important; }
.div-block-119 { background-image: linear-gradient(rgb(172,68,69), rgba(172,68,69,.94) 50%, rgb(172,68,69)), url('/assets/gomen/roof-home-4-800.webp') !important; }
.div-block-79._2._00 { background-image: url('https://cdn.prod.website-files.com/685dd2ffabdb125ed9524e33/68a50693c35eb5d9ed946798_LINESSS.png'), linear-gradient(rgb(255,255,255), rgba(255,255,255,.89) 51%, rgb(255,255,255)), url('/assets/gomen/roof-home-3-800.webp') !important; }
.div-block-493._2._5 { background-image: url('/assets/gomen/roof-detail-1-800.webp') !important; }
.page-2 { background-image: linear-gradient(rgba(255,255,255,.99), rgba(255,255,255,.98) 50%, rgb(255,255,255)), url('/assets/gomen/roof-home-3-800.webp') !important; }
.div-block-455 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/roof-home-1-800.webp') !important; }
}

/* Preserve the original carousel setup while making its motion and slide changes easier to see. */
@keyframes gomen-hero-drift-1 {
  from { background-position: 0 0, 0 0, 50% 50%; }
  to { background-position: 0 0, 0 0, 54% 50%; }
}
@keyframes gomen-hero-drift-2 {
  from { background-position: 0 0, 50% 100%; }
  to { background-position: 0 0, 54% 100%; }
}
@keyframes gomen-hero-drift-3 {
  from { background-position: 0 0, 50% 50%; }
  to { background-position: 0 0, 54% 50%; }
}
@keyframes gomen-hero-drift-4 {
  from { background-position: 0 0, 50% 50%; }
  to { background-position: 0 0, 54% 50%; }
}
@keyframes gomen-slide-copy-enter {
  from { opacity: 0; transform: translate3d(0, 12px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.hero-slide .c-hero-slide-content {
  filter: brightness(1.02) saturate(1.04);
  transition: filter .9s cubic-bezier(.22,.61,.36,1);
}
.hero-slide:not([aria-hidden="true"]) .c-hero-slide-content {
  filter: brightness(1.14) saturate(1.16);
}
html.gomen-entry-finished .hero-slide:not([aria-hidden="true"]) .c-hero-slide-content._1 { animation: gomen-hero-drift-1 5.8s cubic-bezier(.25,.46,.45,.94) both; }
html.gomen-entry-finished .hero-slide:not([aria-hidden="true"]) .c-hero-slide-content._2 { animation: gomen-hero-drift-2 5.8s cubic-bezier(.25,.46,.45,.94) both; }
html.gomen-entry-finished .hero-slide:not([aria-hidden="true"]) .c-hero-slide-content._3 { animation: gomen-hero-drift-3 5.8s cubic-bezier(.25,.46,.45,.94) both; }
html.gomen-entry-finished .hero-slide:not([aria-hidden="true"]) .c-hero-slide-content._4 { animation: gomen-hero-drift-4 5.8s cubic-bezier(.25,.46,.45,.94) both; }
html.gomen-entry-finished .hero-slide:not([aria-hidden="true"]) .hero-slide-header,
html.gomen-entry-finished .hero-slide:not([aria-hidden="true"]) .hero-slide-p,
html.gomen-entry-finished .hero-slide:not([aria-hidden="true"]) .button4 {
  animation: gomen-slide-copy-enter .72s cubic-bezier(.22,.61,.36,1) both;
}
html.gomen-entry-finished .hero-slide:not([aria-hidden="true"]) .hero-slide-p { animation-delay: .1s; }
html.gomen-entry-finished .hero-slide:not([aria-hidden="true"]) .button4 { animation-delay: .18s; }
.hero-sidepage { filter: brightness(1.1) saturate(1.08); }
.projects__item, .div-block-455, .div-block-141 {
  transition: filter .45s ease;
}
.projects__item:hover, .div-block-455:hover, .div-block-141:hover {
  filter: brightness(1.12) saturate(1.18);
}
.button4 .button2_icon, .link-block-3 .button2_icon, .link-block-25 .button2_icon {
  transition: transform .28s ease;
}
.button4:hover .button2_icon, .link-block-3:hover .button2_icon, .link-block-25:hover .button2_icon {
  transform: translateX(5px);
}
@media (prefers-reduced-motion: reduce) {
  .hero-slide .c-hero-slide-content, .hero-slide .hero-slide-header, .hero-slide .hero-slide-p,
  .projects__item, .div-block-455, .div-block-141, .button4 .button2_icon,
  .link-block-3 .button2_icon, .link-block-25 .button2_icon {
    animation: none !important;
    transition: none !important;
  }
}


/* Gomen brand palette: navy header with brick-red accents. Color overrides only. */
:root { --gomen-navy: #1d2a47; --gomen-red: #ac4445; --gomen-silver: #b8c3d2; }
.navigation { background-color: var(--gomen-navy) !important; }

/* Polished Gomen navigation, supplied mark, responsive gallery and photo-free footer. */
:root {
  --gomen-navy: #1d2a47;
  --gomen-red: #ac4445;
  --gomen-silver: #b8c3d2;
  --gomen-ink: #182237;
  --gomen-line: #d8dee7;
}
.navigation {
  height: 82px !important;
  background: var(--gomen-navy) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  box-shadow: 0 8px 24px rgba(12,22,42,.14);
}
.navigation .link-block-2 {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 11px;
  width: auto;
  min-width: 0;
  text-decoration: none;
}
.navigation .gomen-seal {
  display: block !important;
  flex: 0 0 54px;
  width: 54px !important;
  height: 54px !important;
  border: 1px solid rgba(255,255,255,.66);
  border-radius: 50%;
  object-fit: cover;
  object-position: center;
  box-shadow: 0 3px 12px rgba(0,0,0,.2);
}
.brand-name-lockup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
}
.brand-name-lockup strong {
  color: #fff;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 19px;
  font-weight: 800;
  letter-spacing: .105em;
}
.brand-name-lockup > span {
  color: rgba(255,255,255,.86);
  font-family: Montserrat, Arial, sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .105em;
}
.navigation .menu {
  width: auto;
  max-width: none;
  margin-left: auto;
  gap: clamp(18px, 2.1vw, 32px);
}
.navigation .menu > .dropdown { flex: 0 0 auto; }
.navigation .menu .dropdown-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 42px;
  padding: 8px 0;
  border: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .075em;
  text-decoration: none;
}
.navigation .menu .text-block-124 {
  color: inherit;
  font-family: Roboto Condensed, Arial, sans-serif;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  text-transform: uppercase;
}
.navigation .menu .dropdown-toggle.w--current { color: #fff; }
.navigation .menu .dropdown-toggle.w--current .text-block-124 { color: #fff; }
.navigation .menu .dropdown-toggle:hover,
.navigation .menu .dropdown-toggle:hover .text-block-124 { color: #e5a4a5; }
.navigation .menu .button4 { flex: 0 0 auto; margin-left: 4px; }
.navigation .menu-parent-2 {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  margin-left: 16px;
  padding: 11px 7px 7px;
  border-radius: 4px;
}
.navigation .menu-bar-2 {
  width: 30px;
  height: 2px;
  margin-bottom: 6px;
  background: #fff;
}
.footer {
  height: auto !important;
  min-height: 0 !important;
  padding: 72px 5% 24px !important;
  background-color: var(--gomen-navy) !important;
  background-image: none !important;
  color: #fff;
}
.footer .div-block-90 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: auto !important;
  gap: 48px;
}
.footer .div-block-95 {
  display: grid !important;
  grid-template-columns: minmax(235px, 1.5fr) minmax(105px, .65fr) minmax(190px, 1.1fr) minmax(230px, 1.25fr);
  align-items: start;
  gap: clamp(22px, 3.6vw, 58px);
  width: 100%;
}
.footer .div-block-91,
.footer .div-block-92 {
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
.footer .footer-gomen-logo {
  display: block;
  width: 76px;
  height: 76px;
  margin: 0 0 16px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 4px 18px rgba(0,0,0,.2);
}
.footer .text-block-54 {
  color: #fff;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.3;
  -webkit-text-stroke-width: 0;
}
.footer .text-block-55 {
  max-width: 300px;
  margin-top: 16px;
  color: #fff;
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.15;
}
.footer .text-span-5 {
  background-image: none !important;
  color: #e5a4a5 !important;
  background-color: transparent !important;
}
.footer .div-block-93 { margin-top: 20px; }
.footer .text-block-56 {
  margin: 0 0 12px;
  color: #fff;
  font-family: Roboto Condensed, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.footer .div-block-94 {
  width: 38px;
  height: 2px;
  margin: 0 0 16px;
  background: var(--gomen-red);
}
.footer .button-4 {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0;
  padding: 5px 0;
  background: transparent !important;
  color: rgba(255,255,255,.8) !important;
  font-family: Montserrat, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.footer a.button-4:hover { color: #fff !important; }
.footer .div-block-96 {
  width: 100%;
  margin: 0;
  padding: 15px 0 0;
  border-top: 1px solid rgba(255,255,255,.16);
}
.footer .text-block-58 { color: rgba(255,255,255,.76); font-size: 12px; }
.footer .text-block-58 .bold-text { color: #fff; }
.footer .div-block-98 {
  margin: 44px -5vw 0;
  padding: 22px 5vw 0;
  border-top: 1px solid rgba(255,255,255,.16);
  background: transparent !important;
}
.footer .text-block-57 {
  color: rgba(255,255,255,.66);
  font-family: Montserrat, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.8;
  text-align: left;
}
.footer .link { color: #fff; }
.footer::before,
.footer::after { background-image: none !important; }

/* The red project panel is meant to span its entire containing section on small screens. */
@media screen and (max-width: 991px) {
  .navigation {
    height: 76px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
  .navigation .menu-parent-2 { display: flex !important; }
  .navigation .menu {
    top: 76px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 24 !important;
    width: 100% !important;
    height: calc(100dvh - 76px) !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 14px 24px 34px !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    background: #fff !important;
    box-shadow: 0 15px 28px rgba(14,27,50,.16);
  }
  .navigation .menu > .dropdown {
    width: 100% !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--gomen-line);
  }
  .navigation .menu .dropdown-toggle {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 62px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--gomen-ink) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-align: left !important;
  }
  .navigation .menu .dropdown-toggle .text-block-124 {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
  }
  .navigation .menu .dropdown-toggle.w--current,
  .navigation .menu .dropdown-toggle.w--current .text-block-124 { color: var(--gomen-red) !important; }
  .navigation .menu .dropdown-toggle:hover,
  .navigation .menu .dropdown-toggle:hover .text-block-124 { color: var(--gomen-red) !important; }
  .navigation .menu .div-block-23 { display: none !important; }
  .navigation .menu .button4 {
    display: flex;
    align-self: flex-start;
    min-width: 188px;
    margin: 24px 0 0 !important;
    border-radius: 999px;
  }
  .navigation .menu-parent-2 { z-index: 26; margin-left: auto; }
  .div-block-503 {
    right: 0 !important;
    left: 0 !important;
    width: auto !important;
    max-width: none !important;
    margin-left: 0 !important;
  }
  .footer { padding: 56px 28px 22px !important; }
  .footer .div-block-95 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 36px 28px;
  }
  .footer .div-block-91 { grid-column: 1 / -1; }
  .footer .div-block-92.sd { grid-column: 1 / -1; }
  .footer .div-block-98 { margin-right: -28px; margin-left: -28px; padding-right: 28px; padding-left: 28px; }
}
@media screen and (max-width: 479px) {
  .navigation { height: 74px !important; padding: 0 18px !important; }
  .navigation .gomen-seal { flex-basis: 46px; width: 46px !important; height: 46px !important; }
  .navigation .link-block-2 { gap: 9px; }
  .brand-name-lockup strong { font-size: 16px; }
  .brand-name-lockup > span { font-size: 7px; }
  .navigation .menu-parent-2 { width: 42px; height: 42px; padding-left: 6px; padding-right: 6px; }
  .navigation .menu-bar-2 { width: 28px; }
  .navigation .menu { top: 74px !important; height: calc(100dvh - 74px) !important; padding: 10px 22px 28px !important; }
  .footer { padding: 48px 22px 20px !important; }
  .footer .div-block-95 { gap: 30px 18px; }
  .footer .footer-gomen-logo { width: 68px; height: 68px; }
  .footer .text-block-55 { font-size: 24px; }
  .footer .div-block-98 { margin-right: -22px; margin-left: -22px; padding-right: 22px; padding-left: 22px; }
}

/* Use the supplied job photos for project cards and the portfolio lightboxes. */
.projects__item._1 { background-image: linear-gradient(359deg, rgba(0,0,0,.62), rgba(255,255,255,0) 32%), url('/assets/gomen/work-roofing-retouched.webp') !important; }
.projects__item._1._2 { background-image: linear-gradient(359deg, rgba(0,0,0,.62), rgba(255,255,255,0) 45%), url('/assets/gomen/work-soffit.webp') !important; }
.projects__item._1._3 { background-image: linear-gradient(359deg, rgba(0,0,0,.62), rgba(255,255,255,0) 45%), url('/assets/gomen/work-roofing-1.webp') !important; }
.projects__item._1._4 { background-image: linear-gradient(359deg, rgba(0,0,0,.62), rgba(255,255,255,0) 45%), url('/assets/gomen/work-siding-retouched.webp') !important; }
.div-block-455._1.we { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/work-roofing-retouched.webp') !important; }
.div-block-455._1._2 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/work-siding-retouched.webp') !important; }
.div-block-455._1._3 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/work-roofing-2.webp') !important; }
.div-block-455._1._4 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/work-soffit.webp') !important; }
.div-block-455._1._5 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/work-siding-3.webp') !important; }
.div-block-455._1._5._6 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/work-siding-gutter.webp') !important; }
.div-block-141._1 { background-image: url('/assets/gomen/work-roofing-retouched.webp') !important; }
.div-block-141._1._2 { background-image: url('/assets/gomen/work-siding-retouched.webp') !important; }
.div-block-141._3 { background-image: url('/assets/gomen/work-roofing-1.webp') !important; }
.div-block-141._4 { background-image: url('/assets/gomen/work-soffit.webp') !important; }
.div-block-141._5 { background-image: url('/assets/gomen/work-siding-2.webp') !important; }
.div-block-141._6 { background-image: url('/assets/gomen/work-gutter-1.webp') !important; }
@media screen and (max-width: 1024px) {
  .projects__item._1 { background-image: linear-gradient(359deg, rgba(0,0,0,.62), rgba(255,255,255,0) 32%), url('/assets/gomen/work-roofing-retouched-800.webp') !important; }
  .projects__item._1._2 { background-image: linear-gradient(359deg, rgba(0,0,0,.62), rgba(255,255,255,0) 45%), url('/assets/gomen/work-soffit-800.webp') !important; }
  .projects__item._1._3 { background-image: linear-gradient(359deg, rgba(0,0,0,.62), rgba(255,255,255,0) 45%), url('/assets/gomen/work-roofing-1-800.webp') !important; }
  .projects__item._1._4 { background-image: linear-gradient(359deg, rgba(0,0,0,.62), rgba(255,255,255,0) 45%), url('/assets/gomen/work-siding-retouched-800.webp') !important; }
  .div-block-455._1.we { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/work-roofing-retouched-800.webp') !important; }
  .div-block-455._1._2 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/work-siding-retouched-800.webp') !important; }
  .div-block-455._1._3 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/work-roofing-2-800.webp') !important; }
  .div-block-455._1._4 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/work-soffit-800.webp') !important; }
  .div-block-455._1._5 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/work-siding-3-800.webp') !important; }
  .div-block-455._1._5._6 { background-image: linear-gradient(359deg, rgba(0,0,0,.67), rgba(255,255,255,0)), url('/assets/gomen/work-siding-gutter-800.webp') !important; }
  .div-block-141._1 { background-image: url('/assets/gomen/work-roofing-retouched-800.webp') !important; }
  .div-block-141._1._2 { background-image: url('/assets/gomen/work-siding-retouched-800.webp') !important; }
  .div-block-141._3 { background-image: url('/assets/gomen/work-roofing-1-800.webp') !important; }
  .div-block-141._4 { background-image: url('/assets/gomen/work-soffit-800.webp') !important; }
  .div-block-141._5 { background-image: url('/assets/gomen/work-siding-2-800.webp') !important; }
  .div-block-141._6 { background-image: url('/assets/gomen/work-gutter-1-800.webp') !important; }
}

/* Refine branded page marks and footer spacing without changing interaction timing. */
.gomen-section-logo {
  display: block !important;
  width: 58px !important;
  height: 58px !important;
  max-width: 58px !important;
  margin: 0 0 16px !important;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 3px 12px rgba(17,32,57,.12);
}
.navigation .menu .button4_text { color: var(--gomen-ink) !important; }
.footer { padding-top: 100px !important; }
.footer .div-block-96 { display: none !important; }
.footer .div-block-98 { margin-top: 36px; }
@media screen and (max-width: 991px) {
  .footer { padding-top: 92px !important; }
}

/* Keep portfolio copy readable over its photography and keep footer content in flow. */
.div-block-455.j {
  background-image: linear-gradient(180deg, rgba(22,35,58,.28), rgba(22,35,58,.14) 42%, rgba(22,35,58,.82)), url('/assets/gomen/work-siding-retouched.webp') !important;
  background-position: center;
  background-size: cover;
}
.div-block-455.j .heading-2 { color: #fff !important; }
.div-block-455.j .text-span-161 { color: #f1a2a5 !important; }
.div-block-455.j .paragraph-2 { color: rgba(255,255,255,.94) !important; }
.footer .div-block-98 {
  position: relative !important;
  inset: auto !important;
  height: auto !important;
  width: 100%;
  display: block !important;
}
@media screen and (max-width: 1024px) {
  .div-block-455.j {
    background-image: linear-gradient(180deg, rgba(22,35,58,.26), rgba(22,35,58,.14) 42%, rgba(22,35,58,.82)), url('/assets/gomen/work-siding-retouched-800.webp') !important;
  }
}

/* Preserve contrast for the existing navigation CTA at every breakpoint. */
.navigation .menu .button4_text { color: #fff !important; }
.footer { scroll-margin-top: 90px; }
@media screen and (max-width: 991px) {
  .navigation .menu .button4_text { color: var(--gomen-ink) !important; }
}


/* Text-only roofing questions: remove the previous photo-card treatment. */
.gomen-faq .gomen-faq-title {
  color: #152443;
  margin: 1rem 0 0;
  font-family: Poppins, sans-serif;
  font-size: clamp(1.8rem, 3.5vw, 3rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -.035em;
}
.gomen-faq .gomen-question-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 30px 0 0;
  padding: 0;
  list-style: none;
}
.gomen-faq .gomen-question-item {
  display: flex;
  align-items: center;
  min-height: 150px;
  padding: 24px 22px;
  background: #fff;
  border: 1px solid rgba(21, 36, 67, .12);
  border-top: 4px solid #ac4445;
  box-shadow: 0 12px 30px rgba(21, 36, 67, .07);
  transition: transform .35s cubic-bezier(.22,.61,.36,1), box-shadow .35s ease, border-color .35s ease;
}
.gomen-faq .gomen-question-item:hover {
  transform: translateY(-4px);
  border-top-color: #b22234;
  box-shadow: 0 18px 38px rgba(21, 36, 67, .12);
}
.gomen-faq .gomen-question {
  margin: 0;
  color: #152443;
  font-family: Poppins, sans-serif;
  font-size: clamp(1.05rem, 1.45vw, 1.3rem);
  font-weight: 600;
  line-height: 1.4;
}

/* Branded loading screen in the U.S. flag palette; the original Lottie animation stays intact. */
.model {
  overflow: hidden;
  isolation: isolate;
  background: transparent;
}
.top-model {
  position: relative;
  background: #152443;
}
.top-model::before {
  content: "✦  ✦  ✦  ✦  ✦";
  position: absolute;
  top: 18%;
  left: 50%;
  transform: translateX(-50%);
  color: rgba(255,255,255,.72);
  font-size: clamp(13px, 2vw, 19px);
  letter-spacing: .45em;
  white-space: nowrap;
}
.bottom-model {
  background: repeating-linear-gradient(to bottom, #b22234 0 7.15vh, #fff 7.15vh 14.3vh);
}
.model-brand {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  padding-top: clamp(78px, 9vh, 92px);
  pointer-events: none;
}
.gomen-loader-logo {
  display: block;
  width: min(46vw, 188px);
  height: auto;
  padding: 7px;
  background: #fff;
  border: 1px solid rgba(21,36,67,.12);
  border-radius: 16px;
  box-shadow: 0 20px 56px rgba(0,0,0,.26);
}
@media (max-width: 767px) {
  .gomen-faq .gomen-question-list { grid-template-columns: 1fr; gap: 10px; margin-top: 22px; }
  .gomen-faq .gomen-question-item { min-height: 0; padding: 20px 18px; }
  .gomen-faq .gomen-question { font-size: 1.1rem; }
}
@media (prefers-reduced-motion: reduce) {
  .gomen-faq .gomen-question-item { transition: none; }
}