/* Jamrock responsive layout refresh, November 2026.
   Loaded last on all published pages to normalize medium and small screens.
   Does not alter tracking, form actions, navigation links, or desktop media. */
@media (max-width: 1120px) {
  html { -webkit-text-size-adjust:100%; scroll-padding-top:86px }
  body { max-width:100%; overflow-x:clip }
  #jamrock-pro, #jamrock-service-page, #jamrock-area-page { max-width:100%; min-width:0 }
  #jamrock-pro *, #jamrock-service-page *, #jamrock-area-page * { box-sizing:border-box; min-width:0 }
  #jamrock-pro img, #jamrock-service-page img, #jamrock-area-page img,
  body > main img { max-width:100% }
  #jamrock-pro h1, #jamrock-pro h2, #jamrock-service-page h1,
  #jamrock-service-page h2, #jamrock-area-page h1, #jamrock-area-page h2,
  body > main h1, body > main h2 { overflow-wrap:break-word }
  #jamrock-pro :is(input,select,textarea), #jamrock-service-page :is(input,select,textarea),
  #jamrock-area-page :is(input,select,textarea) { max-width:100% }

  /* Make navigation usable on narrow laptops and in resized desktop windows. */
  #jamrock-pro .fp-nav, #jamrock-pro .fp-header-cta,
  #jamrock-service-page .jr-nav, #jamrock-service-page .jr-header-cta,
  #jamrock-area-page .ja-nav, #jamrock-area-page .ja-header-cta,
  body > header.header .nav, body > header.header .header-cta { display:none !important }
  #jamrock-pro .fp-mobile-btn, #jamrock-service-page .jr-mobile-btn,
  #jamrock-area-page .ja-mobile-btn, body > header.header .mobile-btn {
    display:flex !important; flex-direction:column; align-items:center; justify-content:center;
    gap:5px; margin-left:auto !important; width:46px; height:46px;
    padding:9px; flex-shrink:0; border:1px solid rgba(255,255,255,.4);
    border-radius:6px; background:rgba(3,42,26,.15); cursor:pointer;
  }
  #jamrock-pro .fp-mobile-btn span, #jamrock-service-page .jr-mobile-btn span,
  #jamrock-area-page .ja-mobile-btn span, body > header.header .mobile-btn span {
    display:block; width:22px; height:2px; margin:0; background:#fff; flex:none
  }
  #jamrock-pro .fp-header, #jamrock-service-page .jr-header,
  #jamrock-area-page .ja-header, body > header.header { position:sticky !important;top:0;z-index:210 !important }
  #jamrock-pro .fp-header-inner { min-height:78px; height:auto !important; padding-block:8px }
  #jamrock-service-page .jr-header, #jamrock-area-page .ja-header,
  body > header.header { height:78px !important; padding-inline:clamp(14px,3vw,26px) !important }
  #jamrock-pro .fp-mobile-menu, #jamrock-service-page .jr-mobile-menu,
  #jamrock-area-page .ja-mobile-menu, body > header.header .mobile-menu {
    position:absolute !important; top:100% !important; left:0 !important; right:0 !important;
    width:100% !important; max-height:calc(100dvh - 78px) !important;
    overflow-y:auto !important; overscroll-behavior:contain;
    padding:14px 18px calc(22px + env(safe-area-inset-bottom)) !important;
    background:#043b26 !important; z-index:220 !important;
    border-bottom:2px solid #e68e38; box-shadow:0 18px 32px rgba(0,0,0,.22)
  }
  #jamrock-pro .fp-mobile-menu.open, #jamrock-service-page .jr-mobile-menu.open,
  #jamrock-area-page .ja-mobile-menu.open, body > header.header .mobile-menu.open { display:block !important }
  #jamrock-pro .fp-mobile-menu:not(.open), #jamrock-service-page .jr-mobile-menu:not(.open),
  #jamrock-area-page .ja-mobile-menu:not(.open), body > header.header .mobile-menu:not(.open) { display:none !important }
  #jamrock-pro .fp-mobile-menu a, #jamrock-pro .fp-mobile-submenu-toggle,
  #jamrock-service-page .jr-mobile-menu a, #jamrock-area-page .ja-mobile-menu a,
  body > header.header .mobile-menu a {
    display:block; min-height:44px; padding:11px 12px; line-height:1.5;
    color:#fff; font-size:13px; font-weight:750; text-align:left; border-bottom:1px solid rgba(255,255,255,.12);
    touch-action:manipulation
  }
  #jamrock-pro .fp-mobile-submenu-toggle { width:100%; background:transparent; border-top:0; border-left:0; border-right:0; color:#fff; cursor:pointer }
  #jamrock-pro .fp-mobile-submenu { display:none; padding:6px 0 8px 12px; background:rgba(255,255,255,.035) }
  #jamrock-pro .fp-mobile-submenu.open { display:block }

  /* Service pages: avoid 500 to 620px-tall full-bleed images after the grids stack. */
  #jamrock-service-page .jr-shell { width:min(calc(100% - 40px),1000px) !important; max-width:100% }
  #jamrock-service-page .jr-overview-grid {
    grid-template-columns:minmax(0,1fr) !important; gap:32px !important;
    align-items:stretch !important; padding-block:clamp(40px,5vw,66px) !important
  }
  #jamrock-service-page .jr-overview-grid > div { width:min(100%,900px); margin-inline:auto }
  #jamrock-service-page .jr-overview-photo {
    display:block; width:min(100%,690px) !important; max-width:690px !important;
    height:clamp(245px,43vw,375px) !important; min-height:0 !important;
    max-height:375px !important; margin:0 auto !important; overflow:hidden;
    border-radius:12px; box-shadow:0 13px 28px rgba(0,0,0,.11)
  }
  #jamrock-service-page .jr-overview-photo img {
    display:block; width:100% !important; height:100% !important;
    object-fit:cover !important; object-position:center center
  }
  #jamrock-service-page .jr-why-grid {
    display:grid !important; grid-template-columns:minmax(0,1fr) !important;
    gap:0 !important; align-items:stretch !important
  }
  #jamrock-service-page .jr-why-photo {
    width:100% !important; height:clamp(250px,43vw,375px) !important;
    min-height:0 !important; max-height:375px !important;
    overflow:hidden !important
  }
  #jamrock-service-page .jr-why-photo img {
    display:block; width:100% !important; height:100% !important;
    object-fit:cover !important; object-position:center center
  }
  #jamrock-service-page .jr-why-copy {
    padding:clamp(35px,5vw,64px) clamp(22px,5vw,60px) !important
  }
  #jamrock-service-page .jr-use-grid, #jamrock-service-page .jr-process-grid,
  #jamrock-service-page .jr-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important }
  #jamrock-service-page .jr-use-card { min-height:0 !important; padding:24px !important }
  #jamrock-service-page .jr-check-list { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important }
  #jamrock-service-page .jr-check-list li { min-height:50px; padding:11px 13px; font-size:clamp(12px,1.3vw,14px);line-height:1.42 }
  #jamrock-service-page :is(.jr-overview,.jr-why,.jr-use-cases,.jr-process,.jr-final,.jr-locations,.jr-related) h2 {
    font-size:clamp(34px,5.2vw,53px) !important;line-height:1.05 !important
  }
  #jamrock-service-page .jr-faq-grid, #jamrock-service-page .jr-location-grid {
    grid-template-columns:minmax(0,1fr) !important; gap:25px !important
  }
  #jamrock-service-page .jr-final { padding:clamp(50px,7vw,75px) 0 !important }
  #jamrock-service-page .jr-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:26px !important }

  /* Community pages: avoid crammed cards and awkward two-column images. */
  #jamrock-area-page .ja-shell { width:min(calc(100% - 40px),1020px) !important;max-width:100% }
  #jamrock-area-page .ja-hero, #jamrock-area-page .ja-hero-inner { min-height:0 !important }
  #jamrock-area-page .ja-hero-copy { padding:clamp(46px,6vw,68px) 0 !important }
  #jamrock-area-page .ja-intro-grid { grid-template-columns:minmax(0,1fr) !important;gap:30px !important }
  #jamrock-area-page .ja-intro-photo {
    display:block; width:min(100%,700px) !important; height:clamp(245px,42vw,370px) !important;
    min-height:0 !important; max-height:370px !important; margin:auto !important;overflow:hidden;border-radius:12px
  }
  #jamrock-area-page .ja-intro-photo img {width:100%;height:100%;object-fit:cover}
  #jamrock-area-page .ja-service-grid, #jamrock-area-page .ja-remove-grid,
  #jamrock-area-page .ja-use-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important }
  #jamrock-area-page .ja-service-card { min-height:280px !important }
  #jamrock-area-page .ja-local-card { grid-template-columns:minmax(0,1fr) !important }
  #jamrock-area-page .ja-local-illustration, #jamrock-area-page .ja-local-card img {
    width:100%; height:260px !important; min-height:0 !important;max-height:260px;object-fit:cover
  }
  #jamrock-area-page .ja-local-copy { padding:clamp(28px,5vw,45px) !important }
  #jamrock-area-page .ja-faq-grid { grid-template-columns:minmax(0,1fr) !important;gap:24px !important }
  #jamrock-area-page .ja-section { padding:clamp(44px,6vw,66px) 0 !important }
  #jamrock-area-page .ja-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:24px !important }
  #jamrock-area-page .jg-layout { grid-template-columns:minmax(0,1fr) !important;gap:24px !important }
  #jamrock-area-page .jg-side { position:static !important;max-width:100% }
  #jamrock-area-page .jg-content { width:100%;min-width:0;max-width:820px }
  #jamrock-area-page .jg-main { padding-block:42px 60px }

  /* Homepage: card layout and project photos respond to window size. */
  #jamrock-pro .fp-about-grid, #jamrock-pro .fp-local-grid,
  #jamrock-pro .fp-ba-grid { grid-template-columns:minmax(0,1fr) !important;gap:30px !important }
  #jamrock-pro .fp-about-photo {
    width:min(100%,730px) !important; max-width:730px !important;
    height:clamp(280px,44vw,410px) !important;margin-inline:auto !important;overflow:hidden
  }
  #jamrock-pro .fp-local-photo { width:min(100%,730px) !important;max-width:730px;height:clamp(270px,44vw,420px) !important;margin-inline:auto !important }
  #jamrock-pro .fp-help-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:16px !important }
  #jamrock-pro .jr-project-gallery { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:14px !important }
  #jamrock-pro .fp-icon-grid, #jamrock-pro .fp-more-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important }
  #jamrock-pro .fp-ba-slider { max-width:730px;width:100%;margin-inline:auto }
  #jamrock-pro .fp-ba-wrap { min-width:0;max-width:100% }
  #jamrock-pro .fp-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:24px !important }

  /* About and Reviews pages retain two service cards per row. */
  body > main .grid2, body > main .story, body > main .google-inner,
  body > main .google-panel { grid-template-columns:minmax(0,1fr) !important;gap:28px !important }
  body > main .photo { height:clamp(270px,44vw,400px) !important;max-width:740px;margin-inline:auto }
  body > main .story img { width:100% !important;height:clamp(260px,43vw,390px) !important;min-height:0 !important;object-fit:cover }
  body > main .story-copy { padding:clamp(25px,4vw,42px) !important }
  body > main .services, body > main .values, body > main .service-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:16px !important
  }
  body > main .service { min-height:270px !important }
  body > main .section { padding:clamp(44px,6vw,68px) 0 !important }
  body > footer .footer-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:26px !important}
}

@media (max-width:820px) {
  #jamrock-service-page .jr-shell, #jamrock-area-page .ja-shell {width:calc(100% - 30px) !important}
  #jamrock-service-page .jr-hero, #jamrock-service-page .jr-hero-inner,
  #jamrock-area-page .ja-hero, #jamrock-area-page .ja-hero-inner {min-height:0 !important}
  #jamrock-service-page .jr-hero {padding:36px 0 42px !important}
  #jamrock-service-page .jr-hero-inner {padding:0 !important}
  #jamrock-service-page .jr-overview-grid {padding-block:42px !important;gap:24px !important}
  #jamrock-service-page .jr-overview-photo {height:clamp(220px,49vw,335px) !important;max-height:335px !important}
  #jamrock-service-page .jr-why-photo {height:clamp(230px,48vw,345px) !important;max-height:345px !important}
  #jamrock-service-page .jr-why-copy {padding:38px 22px !important}
  #jamrock-service-page .jr-use-grid, #jamrock-service-page .jr-process-grid,
  #jamrock-service-page .jr-related-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  #jamrock-area-page .ja-intro-photo {height:clamp(225px,45vw,340px) !important}
  #jamrock-area-page .ja-service-card {min-height:250px !important}
  #jamrock-area-page .ja-service-icon {padding-top:38px}
  #jamrock-pro .fp-hero {min-height:0 !important}
  #jamrock-pro .fp-about-photo {height:clamp(230px,52vw,345px) !important}
  #jamrock-pro .fp-local-photo {height:clamp(240px,52vw,350px) !important}
  #jamrock-pro .jr-project-gallery {grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body > main .services, body > main .values, body > main .service-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important
  }
}

@media (max-width:600px) {
  #jamrock-pro .fp-shell {width:calc(100% - 28px) !important}
  #jamrock-pro .fp-header-inner {min-height:72px !important;padding-block:4px}
  #jamrock-service-page .jr-header, #jamrock-area-page .ja-header,
  body > header.header {height:72px !important}
  #jamrock-pro .fp-mobile-menu, #jamrock-service-page .jr-mobile-menu,
  #jamrock-area-page .ja-mobile-menu, body > header.header .mobile-menu {
    max-height:calc(100dvh - 72px) !important
  }
  #jamrock-service-page .jr-shell, #jamrock-area-page .ja-shell {width:calc(100% - 26px) !important}
  #jamrock-service-page .jr-overview-grid {padding-block:34px !important;gap:22px !important}
  #jamrock-service-page .jr-overview-photo {height:clamp(205px,61vw,290px) !important;max-height:290px !important}
  #jamrock-service-page .jr-why-photo {height:clamp(210px,59vw,290px) !important;max-height:290px !important}
  #jamrock-service-page .jr-why-copy {padding:34px 18px !important}
  #jamrock-service-page .jr-check-list {grid-template-columns:minmax(0,1fr) !important;gap:9px !important}
  #jamrock-service-page .jr-check-list li {font-size:13px;padding:11px 13px}
  #jamrock-service-page .jr-fact-grid {grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:9px !important}
  #jamrock-service-page .jr-fact-grid div {padding:14px 11px !important}
  #jamrock-service-page .jr-use-grid, #jamrock-service-page .jr-process-grid,
  #jamrock-service-page .jr-related-grid, #jamrock-service-page .jr-footer-grid {
    grid-template-columns:minmax(0,1fr) !important;gap:12px !important
  }
  #jamrock-service-page .jr-use-card {padding:20px !important;min-height:0 !important}
  #jamrock-service-page .jr-hero h1 {font-size:clamp(35px,9.5vw,52px) !important}
  #jamrock-service-page :is(.jr-overview,.jr-why,.jr-use-cases,.jr-process,.jr-final,.jr-locations,.jr-related) h2 {
    font-size:clamp(30px,8.1vw,43px) !important;line-height:1.08 !important
  }
  #jamrock-area-page .ja-service-grid, #jamrock-area-page .ja-remove-grid,
  #jamrock-area-page .ja-use-grid, #jamrock-area-page .ja-footer-grid {
    grid-template-columns:minmax(0,1fr) !important
  }
  #jamrock-area-page .ja-service-card {min-height:225px !important}
  #jamrock-area-page .ja-service-icon {padding-top:18px !important}
  #jamrock-area-page .ja-service-icon svg {width:72px !important;height:72px !important}
  #jamrock-area-page .ja-service-copy {padding:20px !important}
  #jamrock-area-page .ja-intro-photo {height:clamp(210px,60vw,300px) !important}
  #jamrock-area-page .ja-local-illustration {height:215px !important}
  #jamrock-area-page .ja-section {padding:39px 0 !important}
  #jamrock-area-page .jg-hero {min-height:0 !important}
  #jamrock-area-page .jg-hero .ja-shell {padding:42px 0 !important}
  #jamrock-area-page .jg-main {padding:28px 0 46px !important}
  #jamrock-area-page .jg-side {padding:19px !important}
  #jamrock-pro .fp-help-grid, #jamrock-pro .jr-project-gallery,
  #jamrock-pro .fp-icon-grid, #jamrock-pro .fp-more-grid,
  #jamrock-pro .fp-footer-grid {grid-template-columns:minmax(0,1fr) !important;gap:13px !important}
  #jamrock-pro .jr-project-gallery figure {aspect-ratio: 4/3 !important}
  #jamrock-pro .fp-help-card {min-height:270px !important}
  #jamrock-pro .fp-local-photo, #jamrock-pro .fp-about-photo {height:clamp(220px,64vw,300px) !important}
  body > main .services, body > main .values, body > main .service-grid,
  body > footer .footer-grid {grid-template-columns:minmax(0,1fr) !important}
  body > main .service {min-height:235px !important}
  body > main .story img, body > main .photo {height:clamp(210px,65vw,285px) !important;min-height:0 !important}
  body > main .section {padding:40px 0 !important}
}

@media (max-width:380px) {
  #jamrock-service-page .jr-shell, #jamrock-area-page .ja-shell {width:calc(100% - 22px) !important}
  #jamrock-service-page .jr-actions, #jamrock-area-page .ja-actions,
  #jamrock-pro .fp-hero-actions {max-width:100%}
  #jamrock-service-page .jr-hero h1, #jamrock-area-page .ja-hero h1 {font-size:36px !important}
  #jamrock-service-page .jr-check-list li {font-size:12px}
  #jamrock-pro .fp-hero h1 {font-size:clamp(38px,11vw,48px) !important}
}

@media (prefers-reduced-motion:reduce) {
  #jamrock-pro .fp-help-card, #jamrock-pro .jr-project-gallery img,
  #jamrock-service-page .jr-use-card, #jamrock-area-page .ja-service-card {transition:none !important}
}


/* Avoid adjacent full-width photographs when service page layouts stack.
   Keep desktop editorial imagery, but show one primary visual on tablet and phone.
   On the two shed-related before/after pages, keep both frames together. */
#jamrock-service-page .jr-photo-pair { position:relative }
#jamrock-service-page .jr-photo-pair-item:first-child {
  position:absolute; inset:0; overflow:hidden;
}
#jamrock-service-page .jr-photo-pair-item:nth-child(2) { display:none }
#jamrock-service-page .jr-photo-pair-item img {
  display:block; width:100%; height:100%; object-fit:cover;
}
#jamrock-service-page .jr-photo-pair-badge { display:none }

@media (max-width:1120px) {
  /* Previously overview picture was directly followed by the why-section picture. */
  #jamrock-service-page .jr-why-photo { display:none !important }
  #jamrock-service-page .jr-why-grid {display:block !important}
  #jamrock-service-page .jr-why-copy {
    width:100% !important;
    max-width:950px !important;
    margin-inline:auto !important;
  }
  #jamrock-service-page .jr-photo-pair {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
    width:min(100%,690px) !important;
    height:clamp(245px,35vw,345px) !important;
    max-height:345px !important;
    margin-inline:auto !important;
    overflow:visible !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  #jamrock-service-page .jr-photo-pair-item,
  #jamrock-service-page .jr-photo-pair-item:first-child {
    display:block !important;
    position:relative !important;
    inset:auto !important;
    height:100%;
    min-width:0;
    overflow:hidden;
    border-radius:12px;
    background:#0b3827;
    box-shadow:0 10px 25px rgba(0,0,0,.12);
  }
  #jamrock-service-page .jr-photo-pair-item:nth-child(2) {display:block !important}
  #jamrock-service-page .jr-photo-pair-item img {
    width:100% !important; height:100% !important; object-fit:cover !important;
  }
  #jamrock-service-page .jr-photo-pair-badge {
    position:absolute;
    left:12px; bottom:12px;
    display:inline-block !important;
    padding:7px 11px;
    background:rgba(3,42,26,.92);
    border-radius:7px;
    color:#fff;
    font-size:11px;
    font-family:Montserrat,Arial,sans-serif;
    font-weight:900;
    letter-spacing:.09em;
    line-height:1;
  }
}

@media (max-width:600px) {
  /* Swipeable before/after strip with part of the second photo visible. */
  #jamrock-service-page .jr-photo-pair {
    display:flex !important;
    flex-flow:row nowrap !important;
    align-items:stretch;
    width:100% !important;
    height:clamp(225px,66vw,285px) !important;
    max-height:285px !important;
    gap:10px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 0 9px !important;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:1px;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }
  #jamrock-service-page .jr-photo-pair-item,
  #jamrock-service-page .jr-photo-pair-item:first-child {
    flex:0 0 84% !important;
    width:84% !important;
    height:100% !important;
    scroll-snap-align:start;
  }
}


/* 2026-11-12 image visibility repair.
   Preserve the secondary service photograph at every viewport. The photo
   follows its explanatory copy on narrow phones instead of stacking directly
   after another full-width photograph. */
#jamrock-service-page .jr-overview-photo img,
#jamrock-service-page .jr-why-photo img,
#jamrock-service-page .jr-photo-pair-item img,
#jamrock-area-page .ja-intro-photo img {
  max-width:100%;
  display:block;
}
@media(max-width:1120px){
  #jamrock-service-page .jr-why-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1.3fr) minmax(230px,.85fr) !important;
    gap:0 !important;
    align-items:stretch !important;
  }
  #jamrock-service-page .jr-why-copy{
    order:1 !important;
    width:100% !important;
    max-width:none !important;
    padding:clamp(30px,4vw,54px) !important;
  }
  #jamrock-service-page .jr-why-photo {
    display:block !important;
    order:2 !important;
    width:100% !important;
    min-width:0 !important;
    min-height:270px !important;
    height:auto !important;
    max-height:none !important;
    overflow:hidden !important;
    margin:0 !important;
  }
  #jamrock-service-page .jr-why-photo img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:270px !important;
    object-fit:cover !important;
  }
  /* The paired gallery already shows both pictures; do not repeat the
     After image below it on phones and tablets. */
  #jamrock-service-page.jr-has-photo-pair .jr-why-grid{
    display:block !important;
  }
  #jamrock-service-page.jr-has-photo-pair .jr-why-photo{
    display:none !important;
  }
}
@media(max-width:700px){
  #jamrock-service-page .jr-why-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
  }
  #jamrock-service-page .jr-why-copy{
    order:1 !important;
    padding:35px 19px 25px !important;
  }
  #jamrock-service-page .jr-why-photo{
    order:2 !important;
    display:block !important;
    width:min(calc(100% - 32px),520px) !important;
    height:clamp(195px,56vw,275px) !important;
    min-height:0 !important;
    max-height:275px !important;
    margin:0 auto 25px !important;
    border-radius:11px !important;
    box-shadow:0 9px 25px rgba(0,0,0,.12);
  }
  #jamrock-service-page .jr-why-photo img{
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
  }
  #jamrock-service-page.jr-has-photo-pair .jr-why-photo{
    display:none !important;
  }
  #jamrock-service-page.jr-has-photo-pair .jr-why-grid{
    display:block !important;
  }
}


/* City-page photo visibility, Nov 2026: show an actual photo behind every
   location hero and protect readability with an independent overlay. */
#jamrock-area-page .ja-hero-bg {
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#063b24 !important;
}
#jamrock-area-page .ja-hero-overlay {
  background:linear-gradient(90deg,
    rgba(2,33,22,.96) 0%,
    rgba(3,42,26,.90) 30%,
    rgba(3,42,26,.73) 65%,
    rgba(3,42,26,.28) 100%) !important;
}
#jamrock-area-page .ja-intro-photo {
  overflow:hidden !important;
  background:#eaf1eb !important;
}
#jamrock-area-page .ja-intro-photo img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
@media(max-width:820px){
  #jamrock-area-page .ja-hero-bg {
    background-position:center 46% !important;
  }
  #jamrock-area-page .ja-hero-overlay {
    background:linear-gradient(180deg,
      rgba(3,42,26,.76) 0%,
      rgba(3,42,26,.70) 52%,
      rgba(3,42,26,.93) 100%) !important;
  }
}


/* Unified photography treatment across home, service and city pages.
   Use repository-hosted photos rather than blank gradient-only panels. */
#jamrock-pro .fp-hero-photo {
  background-image:url("/assets/jamrock-hero-trailer.webp") !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  background-position:center 48% !important;
  opacity:1 !important;
}
#jamrock-pro .fp-help-photo {
  background:#063b24 url("/assets/client/yard-property-junk.webp") center/cover no-repeat !important;
}
#jamrock-pro .fp-final-photo {
  background:#063b24 url("/assets/client/cleared-garage.webp") center/cover no-repeat !important;
}
#jamrock-pro .fp-help-shade,
#jamrock-pro .fp-final-shade {
  background:linear-gradient(90deg,rgba(2,33,22,.91) 0%,rgba(3,42,26,.76) 53%,rgba(3,42,26,.33) 100%) !important;
}
#jamrock-service-page .jr-hero-photo,
#jamrock-area-page .ja-hero-bg {
  display:block !important;
  opacity:1 !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}
#jamrock-service-page .jr-hero-overlay,
#jamrock-area-page .ja-hero-overlay {
  background:linear-gradient(90deg,rgba(2,33,22,.92) 0%,rgba(3,42,26,.77) 47%,rgba(3,42,26,.27) 100%) !important;
}
#jamrock-service-page .jr-overview-photo img,
#jamrock-service-page .jr-why-photo img,
#jamrock-area-page .ja-intro-photo img,
#jamrock-pro .fp-about-photo img,
#jamrock-pro .fp-local-photo img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
@media (max-width:820px) {
  #jamrock-pro .fp-hero-photo { background-position:58% center !important; }
  #jamrock-pro .fp-hero-shade {
    background:linear-gradient(180deg,rgba(3,42,26,.42) 0%,rgba(3,42,26,.65) 48%,rgba(3,42,26,.94) 100%) !important;
  }
  #jamrock-service-page .jr-hero-overlay,
  #jamrock-area-page .ja-hero-overlay {
    background:linear-gradient(180deg,rgba(3,42,26,.60) 0%,rgba(3,42,26,.71) 50%,rgba(3,42,26,.94) 100%) !important;
  }
  #jamrock-pro .fp-help-photo,
  #jamrock-pro .fp-final-photo {background-position:center center !important;}
}