.kc-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.kc-hero{padding:90px 0 100px;background:linear-gradient(115deg,#0d1929 0%,#17324a 55%,#234f62 100%);color:#fff}
.kc-eyebrow{font-size:.76rem!important;letter-spacing:.18em;font-weight:700;text-transform:uppercase;color:#b58c5a;margin:0 0 18px}
.kc-hero .kc-eyebrow{color:#e2b97f}
.kc-hero h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1.08;color:#fff;margin:0 0 23px}
.kc-intro{font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.75;max-width:740px;color:#e1e8ed}
.kc-hero-link{display:inline-block;margin-top:20px;padding:14px 22px;border:1px solid #b8cad4;border-radius:4px;color:#fff;text-decoration:none}
.kc-hero-link:hover{background:#ffffff18;color:#fff}
.kc-section{padding:78px 0}
.kc-section-head{max-width:800px;margin-bottom:38px}
.kc-section-head h2,.kc-ai-section h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.2;margin:0 0 14px}
.kc-section-head p,.kc-ai-section p{line-height:1.75}
.kc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.kc-card{border:1px solid #dce3e8;border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 8px 25px #0b20300b}
.kc-card-art{min-height:190px;display:flex;align-items:end;padding:19px 23px;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.13em}
.kc-card-troubleshooting .kc-card-art{background:linear-gradient(130deg,#122a39,#41646c,#9b765c)}
.kc-card-color .kc-card-art{background:linear-gradient(120deg,#182944,#326b8a 48%,#af8655)}
.kc-card-materials .kc-card-art{background:linear-gradient(120deg,#303d43,#5a7574,#bca58c)}
.kc-card-cases .kc-card-art{background:linear-gradient(120deg,#1e3040,#455d66,#85725f)}
.kc-card-body{padding:28px}
.kc-card h3{margin:0 0 12px;font-size:1.4rem}
.kc-card p{line-height:1.7;margin:0 0 19px}
.kc-card-meta{display:block;font-size:.81rem;color:#6a7782;font-weight:600}
.kc-ai-section{background:#f2f5f6}
.kc-ai-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start}
.kc-ai-panel{background:white;border:1px solid #d7e0e5;padding:32px;border-radius:7px;box-shadow:0 12px 32px #0b20300c}
.kc-ai-label{font-size:.76rem;letter-spacing:.12em;font-weight:700;color:#677c89}
.kc-ai-panel h3{margin:9px 0 14px}
.kc-ai-panel label{display:block;font-weight:700;margin:20px 0 9px}
.kc-ai-panel textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #cbd4da;border-radius:4px;padding:13px;font:inherit}
.kc-ai-panel button{margin-top:14px;width:100%;padding:13px;border:0;border-radius:4px;background:#254558;color:#fff;font:inherit;font-weight:700}
.kc-ai-panel button:disabled{opacity:.55;cursor:not-allowed}
.kc-ai-note{font-size:.84rem;color:#6b7780}
.kc-ai-quota{font-weight:700}
@media(max-width:760px){.kc-hero{padding:65px 0}.kc-section{padding:52px 0}.kc-grid,.kc-ai-layout{grid-template-columns:1fr}.kc-ai-layout{gap:26px}.kc-card-art{min-height:145px}.kc-ai-panel{padding:22px}}


/* KNOWLEDGE CENTER MEDIA IMAGES V1 */

/* Main hero image */
.kc-hero {
    background:
        linear-gradient(
            90deg,
            rgba(8, 24, 39, 0.91) 0%,
            rgba(11, 31, 47, 0.77) 45%,
            rgba(12, 32, 46, 0.30) 100%
        ),
        url("/media/fc83c3817476424894c98a2ab2f6cb4e.jpg")
        center center / cover no-repeat;
}

/* Shared card image settings */
.kc-card-art {
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    min-height: 230px;
    position: relative;
    isolation: isolate;
}

.kc-card-art::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        0deg,
        rgba(9, 25, 39, 0.68),
        rgba(9, 25, 39, 0.02) 65%
    );
    z-index: -1;
}

/* Printing Troubleshooting */
.kc-card-troubleshooting .kc-card-art {
    background-image:
        url("/media/ff61baab9a5147368221f97b34a9b618.jpg");
}

/* Color & Printing Tools */
.kc-card-color .kc-card-art {
    background-image:
        url("/media/9a44b5b0376c410d9391348e145d5e3c.jpg");
}

/* Materials & Applications */
.kc-card-materials .kc-card-art {
    background-image:
        url("/media/228dcd11dcb14231a00c8381a48bd459.jpg");
}

/* Production Case Studies */
.kc-card-cases .kc-card-art {
    background-image:
        url("/media/d28f2f8a15f44d25b62a671a5c04c9c2.jpg");
}

@media (max-width: 760px) {
    .kc-hero {
        background-position: 58% center;
    }

    .kc-card-art {
        min-height: 185px;
    }
}