/* ==========================================================================
   GEEKFRIENDS — FIELD EXPERIENCE
   GF-WEB-5B
   ========================================================================== */

:root {
    --fd-purple:#4800B9;
    --fd-purple-deep:#35008B;
    --fd-purple-soft:#F3EDFC;

    --fd-dark:#151319;
    --fd-text:#27242D;
    --fd-muted:#726B78;

    --fd-line:#E7E2EC;
    --fd-soft:#F8F7FA;
    --fd-white:#FFFFFF;

    --fd-green:#467660;
    --fd-blue:#557986;

    --fd-max:1280px;
}


.fd-page {
    overflow:hidden;

    color:var(--fd-dark);
    background:#fff;
}


.fd-shell {
    width:min(
        calc(100% - 64px),
        var(--fd-max)
    );

    margin:0 auto;
}


.fd-section {
    padding:135px 0;
}


.fd-eyebrow {
    margin:0;

    color:var(--fd-purple);

    font-size:11px;
    font-weight:900;
    letter-spacing:.14em;

    text-transform:uppercase;
}


.fd-heading {
    max-width:820px;
}


.fd-heading--center {
    margin-inline:auto;

    text-align:center;
}


.fd-heading h2 {
    margin:24px 0 0;

    font-size:
        clamp(
            46px,
            5vw,
            72px
        );

    line-height:1.04;
    letter-spacing:-.055em;
}


.fd-heading h2 span {
    color:var(--fd-purple);
}


.fd-heading > p:last-child {
    max-width:720px;

    margin:28px 0 0;

    color:var(--fd-muted);

    font-size:16px;
    line-height:1.85;
}


.fd-heading--center > p:last-child {
    margin-inline:auto;
}


/* HERO */

.fd-hero {
    position:relative;

    min-height:760px;

    padding:
        145px 0
        110px;

    background:
        radial-gradient(
            circle at 80% 12%,
            rgba(72,0,185,.09),
            transparent 29%
        ),
        linear-gradient(
            180deg,
            #fff,
            #FAF8FD
        );
}


.fd-hero__grid {
    display:grid;

    grid-template-columns:
        minmax(0,.88fr)
        minmax(560px,1.12fr);

    gap:70px;
    align-items:center;
}


.fd-hero__copy h1 {
    margin:25px 0 0;

    font-size:
        clamp(
            58px,
            6vw,
            88px
        );

    line-height:.98;
    letter-spacing:-.065em;
}


.fd-hero__copy h1 span {
    color:var(--fd-purple);
}


.fd-hero__lead {
    max-width:600px;

    margin:35px 0 0;

    color:var(--fd-text);

    font-size:16px;
    line-height:1.9;
}


.fd-hero__actions {
    display:flex;

    gap:12px;

    margin-top:38px;
}


.fd-button {
    display:inline-flex;

    min-height:48px;

    align-items:center;
    justify-content:center;

    padding:0 22px;

    border-radius:999px;

    font-size:13px;
    font-weight:800;

    text-decoration:none;
}


.fd-button--primary {
    color:#fff;

    background:var(--fd-purple);
}


.fd-button--secondary {
    color:var(--fd-dark);

    border:1px solid var(--fd-line);

    background:#fff;
}


.fd-tags {
    display:flex;
    flex-wrap:wrap;

    gap:8px;

    margin-top:38px;
}


.fd-tags span,
.fd-case__tags span {
    display:inline-flex;

    min-height:29px;

    align-items:center;

    padding:0 13px;

    border:1px solid var(--fd-line);
    border-radius:999px;

    color:#5F5864;
    background:#fff;

    font-size:10px;
    font-weight:750;
}


.fd-hero__visual {
    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        190px;

    gap:14px;

    min-width:0;
}


.fd-hero figure {
    position:relative;

    margin:0;

    overflow:hidden;

    border:1px solid
        rgba(72,0,185,.10);

    background:#fff;
}


.fd-hero__main {
    min-height:560px;

    border-radius:30px;
}


.fd-hero__main img {
    width:100%;
    height:100%;

    min-height:560px;

    object-fit:cover;
}


.fd-image-label {
    position:absolute;

    right:20px;
    bottom:20px;
    left:20px;

    padding:18px 20px;

    border:1px solid
        rgba(255,255,255,.34);

    border-radius:17px;

    color:#fff;

    background:
        rgba(20,20,24,.56);

    backdrop-filter:blur(9px);
}


.fd-image-label span {
    display:block;

    opacity:.65;

    font-size:9px;
    font-weight:900;
    letter-spacing:.12em;
}


.fd-image-label strong {
    display:block;

    margin-top:6px;

    font-size:15px;
}


.fd-hero__side {
    display:grid;

    grid-template-rows:1fr 1fr;

    gap:14px;
}


.fd-hero__side figure {
    min-height:273px;

    border-radius:23px;
}


.fd-hero__side img {
    width:100%;
    height:100%;

    object-fit:cover;
}


.fd-hero__side span {
    position:absolute;

    right:12px;
    bottom:12px;
    left:12px;

    padding:10px 11px;

    border-radius:11px;

    color:#fff;
    background:rgba(20,20,24,.58);

    font-size:8px;
    font-weight:850;
    letter-spacing:.08em;
}


/* APPROACH */

.fd-approach {
    background:#fff;
}


.fd-process-grid {
    display:grid;

    grid-template-columns:
        repeat(4,1fr);

    gap:14px;

    margin-top:72px;
}


.fd-process-grid article {
    min-height:285px;

    padding:27px;

    border:1px solid var(--fd-line);
    border-radius:24px;

    background:#fff;
}


.fd-process-no {
    color:#A49DA9;

    font-size:10px;
    font-weight:850;
}


.fd-process-grid article > strong {
    display:block;

    margin-top:40px;

    color:var(--fd-purple);

    font-size:10px;
    letter-spacing:.12em;
}


.fd-process-grid h3 {
    margin:17px 0 0;

    font-size:22px;

    letter-spacing:-.035em;
}


.fd-process-grid p {
    margin:16px 0 0;

    color:var(--fd-muted);

    font-size:13px;
    line-height:1.75;
}


/* CASE */

.fd-case {
    background:var(--fd-soft);
}


.fd-case--water {
    background:#fff;
}


.fd-case__grid {
    display:grid;

    grid-template-columns:
        minmax(0,1.08fr)
        minmax(390px,.92fr);

    gap:85px;
    align-items:center;
}


.fd-case__grid--reverse {
    grid-template-columns:
        minmax(390px,.92fr)
        minmax(0,1.08fr);
}


.fd-photo {
    position:relative;

    min-height:610px;

    margin:0;

    overflow:hidden;

    border-radius:30px;

    background:#ECE9EE;
}


.fd-photo img {
    width:100%;
    height:100%;

    min-height:610px;

    object-fit:cover;
}


.fd-photo > span {
    position:absolute;

    top:20px;
    left:20px;

    padding:11px 13px;

    border-radius:999px;

    color:#fff;
    background:rgba(20,20,24,.60);

    font-size:9px;
    font-weight:850;
    letter-spacing:.10em;
}


.fd-case__copy h2 {
    margin:24px 0 0;

    font-size:
        clamp(
            46px,
            4.8vw,
            68px
        );

    line-height:1.04;
    letter-spacing:-.055em;
}


.fd-case__copy h2 span {
    color:var(--fd-purple);
}


.fd-case__copy > p:not(.fd-eyebrow) {
    margin:30px 0 0;

    color:var(--fd-text);

    font-size:15px;
    line-height:1.9;
}


.fd-case__tags {
    display:flex;
    flex-wrap:wrap;

    gap:8px;

    margin-top:30px;
}


.fd-case__statement {
    margin-top:35px;
    padding:24px 25px;

    border-left:3px solid
        var(--fd-purple);

    background:#fff;
}


.fd-case--water
.fd-case__statement {
    background:var(--fd-soft);
}


.fd-case__statement strong {
    display:block;

    color:var(--fd-purple);

    font-size:10px;
    font-weight:900;
    letter-spacing:.10em;
}


.fd-case__statement p {
    margin:11px 0 0;

    color:var(--fd-muted);

    font-size:13px;
    line-height:1.7;
}


/* FARM MONITOR */

.fd-monitor-field {
    background:
        linear-gradient(
            180deg,
            #FAF9FC,
            #F4F1F8
        );
}


.fd-monitor-card {
    margin-top:65px;
    padding:20px;

    border:1px solid
        rgba(72,0,185,.11);

    border-radius:30px;

    background:#fff;
}


.fd-monitor-card__top {
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:8px 9px 20px;
}


.fd-monitor-card__top span {
    display:block;

    color:#96909B;

    font-size:9px;
    font-weight:850;
    letter-spacing:.11em;
}


.fd-monitor-card__top strong {
    display:block;

    margin-top:5px;

    font-size:19px;
}


.fd-monitor-card__top i {
    padding:8px 11px;

    border-radius:999px;

    color:#37825F;
    background:#ECF5F0;

    font-size:8px;
    font-style:normal;
    font-weight:850;
}


.fd-monitor-card__image {
    overflow:hidden;

    border-radius:18px;

    background:#F5F5F6;
}


.fd-monitor-card__image img {
    display:block;

    width:100%;
    height:auto;
}


.fd-monitor-card__footer {
    display:flex;
    flex-wrap:wrap;

    gap:8px;

    padding:18px 7px 2px;
}


.fd-monitor-card__footer span {
    padding:8px 12px;

    border:1px solid var(--fd-line);
    border-radius:999px;

    color:var(--fd-muted);

    font-size:9px;
    font-weight:750;
}


/* GROUP */

.fd-group {
    background:#fff;
}


.fd-group__grid {
    display:grid;

    grid-template-columns:
        minmax(360px,.72fr)
        minmax(0,1.28fr);

    gap:85px;
    align-items:center;
}


.fd-group__copy h2 {
    margin:24px 0 0;

    font-size:
        clamp(
            46px,
            4.8vw,
            67px
        );

    line-height:1.04;
    letter-spacing:-.055em;
}


.fd-group__copy h2 span {
    color:var(--fd-purple);
}


.fd-group__copy > p:not(.fd-eyebrow) {
    margin:30px 0 0;

    color:var(--fd-text);

    font-size:15px;
    line-height:1.9;
}


.fd-group__points {
    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:8px;

    margin-top:34px;
}


.fd-group__points article {
    min-height:105px;

    padding:17px;

    border:1px solid var(--fd-line);
    border-radius:16px;

    background:var(--fd-soft);
}


.fd-group__points strong {
    display:block;

    color:var(--fd-purple);

    font-size:9px;
    letter-spacing:.10em;
}


.fd-group__points span {
    display:block;

    margin-top:18px;

    color:var(--fd-muted);

    font-size:11px;
    line-height:1.45;
}


.fd-group__visual figure {
    margin:0;
    padding:16px;

    overflow:hidden;

    border:1px solid var(--fd-line);
    border-radius:29px;

    background:#F7F6F8;
}


.fd-group__visual img {
    display:block;

    width:100%;

    border-radius:17px;
}


/* SYSTEM */

.fd-system {
    color:#fff;

    background:var(--fd-dark);
}


.fd-system .fd-eyebrow {
    color:#B38AEC;
}


.fd-system .fd-heading h2 span {
    color:#fff;
}


.fd-system
.fd-heading > p:last-child {
    color:rgba(255,255,255,.60);
}


.fd-system-flow {
    display:grid;

    grid-template-columns:
        1fr 32px
        1fr 32px
        1fr 32px
        1fr;

    gap:10px;
    align-items:center;

    margin-top:72px;
}


.fd-system-flow article {
    min-height:250px;

    padding:23px;

    border:1px solid
        rgba(255,255,255,.11);

    border-radius:22px;

    background:
        rgba(255,255,255,.035);
}


.fd-system-flow article.is-primary {
    border-color:
        rgba(180,138,236,.55);

    background:
        linear-gradient(
            145deg,
            rgba(72,0,185,.66),
            rgba(72,0,185,.25)
        );
}


.fd-system-flow article > span {
    color:
        rgba(255,255,255,.38);

    font-size:9px;
    font-weight:850;
}


.fd-system-flow article > div {
    display:grid;

    height:80px;

    place-items:center;

    margin-top:25px;

    border:1px solid
        rgba(255,255,255,.11);

    border-radius:17px;

    font-size:9px;
    font-weight:850;
    letter-spacing:.10em;
}


.fd-system-flow h3 {
    margin:24px 0 0;

    font-size:18px;
}


.fd-system-flow p {
    margin:7px 0 0;

    color:
        rgba(255,255,255,.47);

    font-size:11px;
}


.fd-system-flow > i {
    color:
        rgba(255,255,255,.28);

    font-style:normal;
    text-align:center;
}


.fd-system-message {
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:25px;

    margin-top:28px;
    padding:20px 23px;

    border:1px solid
        rgba(255,255,255,.09);

    border-radius:16px;

    background:
        rgba(255,255,255,.035);
}


.fd-system-message span {
    color:
        rgba(255,255,255,.48);

    font-size:9px;
    font-weight:850;
    letter-spacing:.08em;
}


.fd-system-message strong {
    color:#B998EE;

    font-size:11px;
}


/* SUMMARY */

.fd-summary {
    background:var(--fd-soft);
}


.fd-summary__grid {
    display:grid;

    grid-template-columns:
        minmax(300px,.7fr)
        minmax(0,1.3fr);

    gap:70px;

    margin-top:60px;
}


.fd-summary__lead {
    min-height:370px;

    display:flex;
    flex-direction:column;

    padding:34px;

    border-radius:25px;

    color:#fff;

    background:
        linear-gradient(
            145deg,
            #5B00D0,
            #35008B
        );
}


.fd-summary__lead > span {
    opacity:.68;

    font-size:9px;
    font-weight:850;
    letter-spacing:.10em;
}


.fd-summary__lead strong {
    margin-top:auto;

    font-size:
        clamp(
            28px,
            3vw,
            39px
        );

    line-height:1.13;
    letter-spacing:-.045em;
}


.fd-summary__lead p {
    margin:22px 0 0;

    color:
        rgba(255,255,255,.70);

    font-size:12px;
    line-height:1.75;
}


.fd-summary__list {
    margin:0;
}


.fd-summary__list > div {
    display:grid;

    grid-template-columns:
        minmax(100px,.32fr)
        minmax(0,.68fr);

    gap:25px;

    padding:25px 0;

    border-bottom:
        1px solid #DDD8E2;
}


.fd-summary__list dt {
    color:#8B8490;

    font-size:11px;
}


.fd-summary__list dd {
    margin:0;

    color:var(--fd-dark);

    font-size:13px;
    font-weight:750;
}


/* CTA */

.fd-cta {
    padding:100px 0;

    color:#fff;

    background:var(--fd-purple);
}


.fd-cta__inner {
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:60px;
}


.fd-cta .fd-eyebrow {
    color:
        rgba(255,255,255,.63);
}


.fd-cta h2 {
    margin:21px 0 0;

    font-size:
        clamp(
            38px,
            4.8vw,
            64px
        );

    line-height:1.06;
    letter-spacing:-.05em;
}


.fd-button--light {
    flex:0 0 auto;

    color:var(--fd-purple);

    background:#fff;
}


/* RESPONSIVE */

@media(max-width:1100px) {

    .fd-hero__grid {
        grid-template-columns:1fr;
    }

    .fd-hero__visual {
        max-width:900px;
    }

    .fd-process-grid {
        grid-template-columns:
            repeat(2,1fr);
    }

    .fd-case__grid,
    .fd-case__grid--reverse,
    .fd-group__grid {
        grid-template-columns:1fr;

        gap:50px;
    }

    .fd-case__grid--reverse
    .fd-case__copy {
        order:2;
    }

    .fd-case__grid--reverse
    .fd-case__visual {
        order:1;
    }

    .fd-system-flow {
        grid-template-columns:
            repeat(4,minmax(0,1fr));
    }

    .fd-system-flow > i {
        display:none;
    }

}


@media(max-width:800px) {

    .fd-shell {
        width:min(
            calc(100% - 40px),
            var(--fd-max)
        );
    }

    .fd-section {
        padding:95px 0;
    }

    .fd-hero {
        padding:
            115px 0
            85px;
    }

    .fd-hero__visual {
        grid-template-columns:1fr;
    }

    .fd-hero__side {
        grid-template-columns:
            repeat(2,1fr);

        grid-template-rows:auto;
    }

    .fd-hero__side figure {
        min-height:220px;
    }

    .fd-process-grid {
        grid-template-columns:1fr 1fr;
    }

    .fd-photo,
    .fd-photo img {
        min-height:480px;
    }

    .fd-group__points {
        grid-template-columns:1fr;
    }

    .fd-system-flow {
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:12px;
    }

    .fd-summary__grid {
        grid-template-columns:1fr;

        gap:35px;
    }

    .fd-cta__inner {
        align-items:flex-start;
        flex-direction:column;
    }

}


@media(max-width:560px) {

    .fd-shell {
        width:calc(100% - 30px);
    }

    .fd-section {
        padding:78px 0;
    }

    .fd-hero {
        min-height:auto;

        padding:
            100px 0
            70px;
    }

    .fd-hero__copy h1 {
        font-size:
            clamp(
                46px,
                13.5vw,
                62px
            );
    }

    .fd-heading h2,
    .fd-case__copy h2,
    .fd-group__copy h2 {
        font-size:
            clamp(
                38px,
                11.5vw,
                50px
            );
    }

    .fd-hero__lead,
    .fd-case__copy > p:not(.fd-eyebrow),
    .fd-group__copy > p:not(.fd-eyebrow) {
        font-size:14px;
    }

    .fd-hero__actions {
        align-items:stretch;
        flex-direction:column;
    }

    .fd-button {
        width:100%;
    }

    .fd-hero__main,
    .fd-hero__main img {
        min-height:420px;
    }

    .fd-hero__side {
        grid-template-columns:1fr;
    }

    .fd-process-grid {
        grid-template-columns:1fr;
    }

    .fd-process-grid article {
        min-height:230px;
    }

    .fd-photo,
    .fd-photo img {
        min-height:390px;
    }

    .fd-monitor-card {
        padding:10px;

        border-radius:22px;
    }

    .fd-monitor-card__image {
        border-radius:14px;
    }

    .fd-system-flow {
        grid-template-columns:1fr;

        margin-top:48px;
    }

    .fd-system-flow > i {
        display:block;

        transform:rotate(90deg);
    }

    .fd-system-flow article {
        min-height:195px;
    }

    .fd-system-message {
        align-items:flex-start;
        flex-direction:column;

        gap:8px;
    }

    .fd-summary__lead {
        min-height:330px;
    }

    .fd-summary__list > div {
        grid-template-columns:1fr;

        gap:8px;
    }

    .fd-cta {
        padding:75px 0;
    }

}

/* GF-WEB-5B-1B START */

/*
 * New 4:3 field-installation photograph.
 * Preserve the complete flow meter / pipe installation instead of
 * cropping it with the generic field-photo cover behavior.
 */
.gf-field-flow-install-v2 {
    display: block;
    width: 100%;
    height: 100% !important;
    max-width: 100%;
    object-fit: contain !important;
    object-position: center center !important;
    background: #f3f5f8;
}

/* Keep the whole installation visible on tablet/mobile as well. */
@media (max-width: 800px) {
    .gf-field-flow-install-v2 {
        object-fit: contain !important;
        object-position: center center !important;
    }
}

/* GF-WEB-5B-1B END */

/* GF-WEB-5B-1C START */

/*
 * HERO / IRRIGATION DATA
 * Reuse the clean 1600x1200 installation photograph.
 *
 * The hero side card is intentionally narrow and vertical.
 * Cover keeps the card visually strong while object-position
 * shifts the crop toward the installed flow meter and pipework.
 */
.gf-field-hero-irrigation-v2 {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: 72% 50% !important;
}

/*
 * On narrower screens retain the flow meter side of the photograph
 * instead of reverting to a centered crop.
 */
@media (max-width: 800px) {
    .gf-field-hero-irrigation-v2 {
        object-position: 72% 50% !important;
    }
}

/* GF-WEB-5B-1C END */


/* GF-WEB-CROSS-UI-1B START
   FIELD EXPERIENCE — SMART-1B readability harmonization
   ========================================================================== */


/* Field tags */

.fd-tags,
.fd-case__tags {
    gap: 8px;
}

.fd-tags span,
.fd-case__tags span {
    min-height: 38px;

    padding: 0 14px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    font-size: 14px;
    font-weight: 700;
    line-height: 1;

    white-space: nowrap;
}


/* Primary field CTA */

.fd-button {
    min-height: 50px;

    padding: 0 22px;

    font-size: 15px;
    font-weight: 800;
}


/* Field process — +2~3px */

.fd-process-no {
    font-size: 13px;
}

.fd-process-grid article > strong {
    font-size: 13px;
}

.fd-process-grid p {
    font-size: 15px;
}


/* Group / organization points */

.fd-group__points strong {
    font-size: 12px;
}

.fd-group__points span {
    font-size: 14px;
}


/* System flow */

.fd-system-flow article > span {
    font-size: 12px;
}

.fd-system-flow article > div {
    font-size: 12px;
}

.fd-system-flow p {
    font-size: 14px;
}

.fd-system-message span {
    font-size: 12px;
}

.fd-system-message strong {
    font-size: 14px;
}


/* Summary labels */

.fd-summary__lead > span {
    font-size: 12px;
}

.fd-summary__list dt {
    font-size: 13px;
}

.fd-summary__list dd {
    font-size: 15px;
}


/* Mobile */

@media (max-width: 850px) {

    .fd-tags span,
    .fd-case__tags span {
        min-height: 34px;
        padding: 0 11px;
        font-size: 12px;
    }

    .fd-button {
        min-height: 48px;
        padding: 0 19px;
        font-size: 14px;
    }

    .fd-process-no,
    .fd-process-grid article > strong {
        font-size: 12px;
    }

    .fd-process-grid p {
        font-size: 14px;
    }

    .fd-group__points strong {
        font-size: 11px;
    }

    .fd-group__points span {
        font-size: 13px;
    }

    .fd-system-flow article > span,
    .fd-system-flow article > div,
    .fd-system-message span {
        font-size: 11px;
    }

    .fd-system-flow p,
    .fd-system-message strong {
        font-size: 13px;
    }

}

/* GF-WEB-CROSS-UI-1B END */


/* GF-WEB-FIELD-1A START
   FIELD EXPERIENCE hero desktop Korean heading wrap
   ========================================================================== */

@media (min-width: 1181px) {

    /*
     * Preserve the intentional HTML <br>,
     * but prevent Korean words inside each semantic line
     * from wrapping again.
     */

    .fd-hero h1 {
        white-space: nowrap;
    }

    /*
     * Give the copy column enough horizontal space
     * for "데이터로 검증합니다." at the existing font size.
     */

    .fd-hero__layout {
        grid-template-columns:
            minmax(610px, .94fr)
            minmax(0, 1.06fr);
    }

}


/*
 * Tablet/mobile retain normal responsive wrapping.
 */

@media (max-width: 1180px) {

    .fd-hero h1 {
        white-space: normal;
    }

}

/* GF-WEB-FIELD-1A END */

/* GF-WEB-HERO-2B START
   Field hero — real field validation readability
   ========================================================================== */


/*
 * Override the previous desktop forced-nowrap behaviour.
 * The heading must remain inside the text column and never
 * draw underneath the right-side media.
 */

@media (min-width: 1181px) {

    .fd-hero__layout {
        grid-template-columns:
            minmax(0, .92fr)
            minmax(0, 1.08fr);

        gap: 54px;
    }

    .fd-hero__layout > * {
        min-width: 0;
    }

    .fd-hero h1 {
        max-width: 650px;

        font-size:
            clamp(
                50px,
                4.1vw,
                64px
            );

        line-height: 1.08;

        letter-spacing: -.052em;

        white-space: normal !important;
        word-break: keep-all;
        overflow-wrap: normal;
    }

    .fd-hero h1 span {
        white-space: normal !important;
    }


    /*
     * Hero explanatory copy.
     */

    .fd-hero p:not(.fd-eyebrow) {
        max-width: 620px;

        font-size: 18px;
        line-height: 1.8;

        word-break: keep-all;
    }

    .fd-hero .fd-eyebrow {
        font-size: 12px;
        line-height: 1.4;
    }


    /*
     * Main field-photo caption.
     */

    .fd-hero .fd-image-label span {
        font-size: 11px;
        line-height: 1.35;
    }

    .fd-hero .fd-image-label strong {
        font-size: 17px;
        line-height: 1.35;
    }


    /*
     * Secondary media captions:
     * IRRIGATION DATA / GROUP MONITORING.
     */

    .fd-hero__side span {
        padding: 11px 12px;

        font-size: 10px;
        line-height: 1.35;

        font-weight: 850;
    }

}


/*
 * Explicitly cancel nowrap below large desktop as well.
 */

@media (max-width: 1180px) {

    .fd-hero h1,
    .fd-hero h1 span {
        white-space: normal !important;
    }

}


/* GF-WEB-HERO-2B END */