body.case-jordbruksverket {
                --page-bg: #1d3b22;
                --gryt-orange: var(--page-bg);
                background: var(--page-bg) !important;
            }

            /* underline color on this case */
            body.case-jordbruksverket .marked-title::after {
                background: #97b36a !important;
            }

            body.case-jordbruksverket.case-detail .case-page {
                padding-top: 44px;
            }

            .jb-section {
                padding: 44px 0;
            }
            .jb-section + .jb-section {
                padding-top: 18px;
            }

            .jb-grid-2 {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 22px;
                align-items: start;
            }
            .jb-grid-3 {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 18px;
                align-items: start;
            }
            @media (max-width: 900px) {
                .jb-grid-2,
                .jb-grid-3 {
                    grid-template-columns: 1fr;
                }
            }

            .jb-grid-2 video,
            .jb-grid-3 video,
            .jb-video {
                width: 100%;
                border-radius: 18px;
                display: block;
                background: #0a0a0a;
            }

            .jb-grid-2 img {
                width: 100%;
                border-radius: 18px;
                display: block;
                object-fit: cover;
                cursor: zoom-in;
            }

            .jb-subtitle {
                font-size: 18px;
                line-height: 1.6;
                opacity: 0.92;
                margin: 12px 0 0;
                max-width: 70ch;
            }

            /* Greppa cards: centered + underline heading */
            .jb-card {
                text-align: center;
            }
            .jb-cardtitle {
                margin: 14px 0 8px;
                font-size: 18px;
                line-height: 1.25;
                display: inline-block;
                position: relative;
                padding-bottom: 8px;
            }
            .jb-cardtitle::after {
                content: "";
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                bottom: 0;
                width: 46px;
                height: 3px;
                background: #97b36a;
                border-radius: 99px;
                opacity: 0.95;
            }
            .jb-cardtext {
                font-size: 15px;
                line-height: 1.7;
                opacity: 0.92;
                margin: 0 auto 0;
                max-width: 58ch;
            }
            
            /* Greppa card titles: underline should match full title width */
            .jb-cardtitle::after{
                width: 100% !important;
                left: 0 !important;
                transform: none !important;
                height: 2px !important;
                border-radius: 0 !important;
            }
/* Center section headings + body text for this collected case */
            .jb-section { text-align: center; }
            .jb-section .jb-subtitle { margin-left: auto; margin-right: auto; }
            .jb-section .marked-title { display: inline-block; }

            /* Full-width underline under section titles (match title width) */
            body.case-jordbruksverket .marked-title { padding-bottom: 10px; }
            body.case-jordbruksverket .marked-title::after {
                width: 100% !important;
                left: 0 !important;
                transform: none !important;
                height: 2px !important;
                border-radius: 0 !important;
                opacity: .95 !important;
            }

            /* Ensure consistent gaps between animation grid and the following large video */
            .jb-grid-2 { gap: 28px; }
            .jb-grid-2 + .jb-video { margin-top: 22px !important; }

        
            /* Match Qstar: remove hero overlay layer (helps Safari text rendering) */
            body.case-jordbruksverket.case-detail .case-hero-video::before {
                content: none !important;
            }

            /* Safari: remove text-shadow on hero + headings to avoid "double" look */
            body.case-jordbruksverket .case-hero-title,
            body.case-jordbruksverket .case-hero-kicker,
            body.case-jordbruksverket h1,
            body.case-jordbruksverket h2,
            body.case-jordbruksverket h3 {
                text-shadow: none !important;
                -webkit-text-stroke: 0 transparent !important;
                -webkit-text-stroke-width: 0 !important;
                font-synthesis: none !important;
                font-weight: 400 !important;
            }
body.safari-poster-fix .qs-video-shell {
                position: relative;
                overflow: hidden;
                border-radius: 18px;
            }
            body.safari-poster-fix .qs-video-shell video {
                display: block;
                width: 100%;
                border-radius: 18px;
                background: #0a0a0a;
            }
            body.safari-poster-fix .qs-poster {
                position: relative;
                position: absolute;
                inset: 0;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                border-radius: 18px;
            }
            body.safari-poster-fix .qs-poster::after {
                content: "";
                width: 74px;
                height: 74px;
                border-radius: 999px;
                background: rgba(0, 0, 0, 0.35);
                backdrop-filter: saturate(120%) blur(2px);
                -webkit-backdrop-filter: saturate(120%) blur(2px);
                box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);
                position: relative;
            }
            body.safari-poster-fix .qs-poster::before {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                border-left: 18px solid #fff;
                border-top: 12px solid transparent;
                border-bottom: 12px solid transparent;
                transform: translateX(4px);
                z-index: 20;
            }
            body.safari-poster-fix .qs-video-shell.is-playing .qs-poster {
                display: none;
            }

            

        
            /* Jordbruksverket spacing + centered interviews */
            .jb-grid-2 { gap: 40px; margin-top: 26px; }
            .jb-grid-3 { gap: 28px; }
            .jb-subtitle { max-width: 980px; margin-left: auto; margin-right: auto; }
            .jb-subtitle + .jb-video { margin-top: 38px !important; }
            .jb-video + .jb-subtitle { margin-top: 24px !important; }
            .jb-video { margin-bottom: 10px; }
            .jb-interviews-centered { text-align: center; margin-top: 26px; }
            .jb-interviews-centered .jb-grid-3 { margin-left: auto; margin-right: auto; }



            /* Safari 26+ – reduce "double-rendered" text on headings/links */
            @supports (-webkit-touch-callout: none) {
                html.is-safari body {
                    -webkit-font-smoothing: antialiased;
                    text-rendering: geometricPrecision;
                }
                html.is-safari h1,
                html.is-safari h2,
                html.is-safari h3,
                html.is-safari .case-hero-title,
                html.is-safari .marked-title,
                html.is-safari .we-do-title,
                html.is-safari .top-nav a,
                html.is-safari .mobile-menu a {
                    font-synthesis: none !important;
                    font-synthesis-weight: none !important;
                    font-synthesis-style: none !important;
                    -webkit-text-stroke-width: 0 !important;
                    -webkit-text-stroke: 0 transparent !important;
                    text-shadow: none !important;
                    filter: none !important;
                    transform: none !important;
                }
                /* Force Junge to its actual available weight in Safari */
                html.is-safari h1,
                html.is-safari h2,
                html.is-safari h3,
                html.is-safari .case-hero-title,
                html.is-safari .marked-title,
                html.is-safari .we-do-title {
                    font-weight: 400 !important;
                }
            }
        

            /* Safari/WebKit – prevent double-rendered headings (synthetic bold / layer issues) */
            @supports (-webkit-touch-callout: none) {
                html.is-safari body {
                    -webkit-font-smoothing: antialiased;
                    text-rendering: geometricPrecision;
                }
                html.is-safari h1,
                html.is-safari h2,
                html.is-safari h3,
                html.is-safari .case-hero-title,
                html.is-safari .marked-title,
                html.is-safari .jb-cardtitle,
                html.is-safari .we-do-title,
                html.is-safari .top-nav a,
                html.is-safari .mobile-menu a {
                    font-synthesis: none !important;
                    font-synthesis-weight: none !important;
                    font-synthesis-style: none !important;
                    -webkit-text-stroke: 0 transparent !important;
                    -webkit-text-stroke-width: 0 !important;
                    text-shadow: none !important;
                    filter: none !important;
                }
                html.is-safari h1,
                html.is-safari h2,
                html.is-safari h3,
                html.is-safari .case-hero-title,
                html.is-safari .marked-title,
                html.is-safari .jb-cardtitle,
                html.is-safari .we-do-title {
                    font-weight: 400 !important;
                }
            }
        

            /* WebKit/Safari: disable "fake bold" shadow/stroke used on some titles */
            @supports (-webkit-touch-callout: none) {
                html.is-safari .services-title,
                html.is-safari .clients-title,
                html.is-safari .we-title,
                html.is-safari .marked-title,
                html.is-safari .jb-cardtitle,
                html.is-safari .case-hero-title,
                html.is-safari h1, html.is-safari h2, html.is-safari h3 {
                    text-shadow: none !important;
                    -webkit-text-stroke: 0 transparent !important;
                    -webkit-text-stroke-width: 0 !important;
                    font-synthesis: none !important;
                    font-synthesis-weight: none !important;
                    font-synthesis-style: none !important;
                    font-weight: 400 !important;
                }
            }
        

            /* Safari poster fix: remove native 'dim' poster overlay by using a custom poster layer */
            body.safari-poster-fix .qs-video-shell {
                position: relative;
                overflow: hidden;
                border-radius: 18px;
            }
            body.safari-poster-fix .qs-video-shell video {
                display: block;
                width: 100%;
                border-radius: 18px;
                background: #0a0a0a;
            }
            body.safari-poster-fix .qs-poster {
                position: relative;
                position: absolute;
                inset: 0;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                border-radius: 18px;
            }
            body.safari-poster-fix .qs-poster::after {
                content: "";
                width: 74px;
                height: 74px;
                border-radius: 999px;
                background: rgba(0, 0, 0, 0.35);
                backdrop-filter: saturate(120%) blur(2px);
                -webkit-backdrop-filter: saturate(120%) blur(2px);
                box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);
                position: relative;
            }
            body.safari-poster-fix .qs-poster::before {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                border-left: 18px solid #fff;
                border-top: 12px solid transparent;
                border-bottom: 12px solid transparent;
                transform: translateX(4px);
                z-index: 20;
            }
            body.safari-poster-fix .qs-video-shell.is-playing .qs-poster {
                display: none;
        

/* Safari poster fix: remove native 'dim' poster overlay by using a custom poster layer */
            body.safari-poster-fix .qs-video-shell {
                position: relative;
                overflow: hidden;
                border-radius: 18px;
            }
            body.safari-poster-fix .qs-video-shell video {
                display: block;
                width: 100%;
                border-radius: 18px;
                background: #0a0a0a;
            }
            body.safari-poster-fix .qs-poster {
                position: relative;
                position: absolute;
                inset: 0;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                border-radius: 18px;
            }
            body.safari-poster-fix .qs-poster::after {
                content: "";
                width: 74px;
                height: 74px;
                border-radius: 999px;
                background: rgba(0, 0, 0, 0.35);
                backdrop-filter: saturate(120%) blur(2px);
                -webkit-backdrop-filter: saturate(120%) blur(2px);
                box-shadow: 0 10px 26px rgba(0, 0, 0, 0.25);
                position: relative;
            }
            body.safari-poster-fix .qs-poster::before {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                border-left: 18px solid #fff;
                border-top: 12px solid transparent;
                border-bottom: 12px solid transparent;
                transform: translateX(4px);
                z-index: 20;
            }
            body.safari-poster-fix .qs-video-shell.is-playing .qs-poster {
                display: none;
            }

            /* --- Safari/Chrome video clipping + no dim overlay --- */
            .q-media,
            .qs-video-shell {
                overflow: hidden !important;
                border-radius: 18px !important;
                background: #000;
            }
            .q-media video,
            .qs-video-shell video {
                display: block;
                width: 100%;
                height: 100%;
                border-radius: 0 !important;
                background: #000;
            }
            /* kill any accidental dimming overlays */
            .q-media::before,
            .q-media::after,
            .qs-video-shell::before,
            .qs-video-shell::after {
                background: none !important;
                box-shadow: none !important;
                opacity: 1 !important;
                filter: none !important;
            }

            .q-two + .q-two {
                margin-top: 32px;
            }

            .q-kunder-grid img {
                border-radius: 16px;
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18);
            }
        
            body.safari-poster-fix .qs-poster { z-index: 20; }
            body.safari-poster-fix .qs-video-shell video { position: relative; z-index: 1; }
            /* If any global hover styles dim video, override */
            body.case-jordbruksverket video:hover { filter: none !important; opacity: 1 !important; }



  /* Jordbruksverket – spacing + centering (scoped, minimal, no global impact) */
  body.case-jordbruksverket .jb-section{ margin-top: 60px; }
  body.case-jordbruksverket .jb-section p{ margin-bottom: 18px; }

  body.case-jordbruksverket .jb-video{ margin-top: 28px !important; margin-bottom: 18px !important; }
  body.case-jordbruksverket .jb-grid-2{ gap: 36px !important; }
  body.case-jordbruksverket .jb-grid-3{ gap: 26px !important; }

  /* Center interview section under Research */
  body.case-jordbruksverket .jb-interviews-centered{
    text-align: center !important;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
  body.case-jordbruksverket .jb-interviews-centered .jb-subtitle{
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
  }

  /* Prevent any hover dimming */
  body.case-jordbruksverket video:hover{ filter:none !important; opacity:1 !important; }


/* center the 3R interview gallery */
.case-jordbruksverket .jb-interviews-centered .jb-grid-3{
  justify-content: center !important;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}


/* Center 3R interview gallery perfectly */
.case-jordbruksverket .jb-interviews-centered{
  text-align:center;
}

.case-jordbruksverket .jb-interviews-centered .jb-grid-3{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:24px;
  max-width:1000px;
  margin:0 auto;
}

/* ensure each video card stays aligned */
.case-jordbruksverket .jb-interviews-centered .jb-grid-3 > *{
  flex: 0 0 calc(33.333% - 24px);
}

/* better spacing between rows */
.case-jordbruksverket .jb-interviews-centered .jb-grid-3 > *:nth-child(n+4){
  margin-top: 6px;
}


            html body.case-detail,
            html body.case-detail * {
                -webkit-font-smoothing: antialiased;
                text-rendering: geometricPrecision;
            }

            body.case-detail .q-center-title,
            body.case-detail .q-text h3,
            body.case-detail .we-do-title,
            body.case-detail .we-do-list,
            body.case-detail .we-do-list li,
            body.case-detail .marked-title,
            body.case-detail .top-nav a {
                text-shadow: none !important;
                -webkit-text-stroke: 0 transparent !important;
                -webkit-text-stroke-width: 0 !important;
                font-synthesis: none !important;
                font-synthesis-weight: none !important;
                font-synthesis-style: none !important;
                text-decoration: none !important;
                box-shadow: none !important;
            }

            body.case-detail .q-center-title,
            body.case-detail .q-text h3,
            body.case-detail .we-do-title,
            body.case-detail .we-do-list li,
            body.case-detail .marked-title,
            body.case-detail .top-nav a {
                font-weight: 400 !important;
            }