/*
 * Client corrections — 2026-08-04
 * Loaded after every page stylesheet so approved typography and artwork are
 * not reverted by legacy selectors.
 */

:root {
    --stigma-client-blue: #3046a1;
    --stigma-client-purple: #503255;
    --stigma-client-red: #8b1f2b;
    --stigma-client-ink: #121419;
    --stigma-client-copy: #7d818a;
}

/* Shared copy rhythm: same values as the approved Industrial Robot SI intro. */
body.stigma-sub-page .about-redesign .about-intro__description,
body.stigma-sub-page .si-overview-page .si-overview__lead,
body.stigma-sub-page .robot-product-page .robot-page-lead,
body.stigma-sub-page .fabric-product-page .fabric-product-lead,
body.stigma-sub-page .stigma-history-description {
    font-family: "Roboto", "Pretendard", sans-serif !important;
    font-size: clamp(15px, 1.02vw, 17px) !important;
    font-weight: 400 !important;
    letter-spacing: -.025em !important;
    line-height: 1.72 !important;
}

body.stigma-sub-page .about-redesign .about-intro__description span,
body.stigma-sub-page .si-overview-page .si-overview__lead span,
body.stigma-sub-page .si-overview-page .si-overview__lead strong,
body.stigma-sub-page .robot-product-page .robot-page-lead span,
body.stigma-sub-page .fabric-product-page .fabric-product-lead span {
    font: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    word-spacing: 0 !important;
}

body.stigma-sub-page .about-redesign .about-intro__description,
body.stigma-sub-page .si-overview-page .si-overview__lead,
body.stigma-sub-page .robot-product-page .robot-page-lead,
body.stigma-sub-page .fabric-product-page .fabric-product-lead {
    color: var(--stigma-client-copy) !important;
}

/* Restore the approved emphasis after the shared `font: inherit` reset. */
body.stigma-sub-page .si-overview-page .si-overview__lead strong {
    color: var(--stigma-client-ink) !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    font-weight: 700 !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
}

/* About Us is the one approved exception: its principal copy stays solid black. */
body.stigma-sub-page .about-redesign .about-intro__headline {
    background: none !important;
    color: var(--stigma-client-ink) !important;
    -webkit-text-fill-color: var(--stigma-client-ink) !important;
}

/* The supplied third artwork has its own black letterbox and must not be cropped. */
.about-redesign .about-pillar--contain .about-pillar__visual {
    background: #05070b !important;
}

.about-redesign .about-pillar--contain .about-pillar__visual img {
    object-fit: contain !important;
}

/* Keep the fabric hero at the intended visual scale, above legacy h1 rules. */
body.stigma-sub-page main.fabric-product-page h1#fabricProductHeadline {
    --fabric-client-headline-size: clamp(48px, 3.8vw, 72px);
    font-family: "Roboto", "Pretendard", sans-serif !important;
    font-size: var(--fabric-client-headline-size) !important;
    font-weight: 650 !important;
    letter-spacing: -.05em !important;
    line-height: 1.28 !important;
    margin: clamp(46px, 4vw, 66px) auto 32px !important;
    max-width: 1220px;
}

body.stigma-sub-page main.fabric-product-page h1#fabricProductHeadline,
body.stigma-sub-page main.fabric-product-page h1#fabricProductHeadline .fabric-headline-set {
    background: linear-gradient(180deg, var(--stigma-client-blue) 0%, var(--stigma-client-purple) 56%, var(--stigma-client-red) 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

body.stigma-sub-page main.fabric-product-page h1#fabricProductHeadline .fabric-headline-set,
body.stigma-sub-page main.fabric-product-page h1#fabricProductHeadline .fabric-headline-set > span {
    font-family: "Roboto", "Pretendard", sans-serif !important;
    font-size: var(--fabric-client-headline-size) !important;
    font-weight: 650 !important;
    letter-spacing: -.05em !important;
    line-height: 1.28 !important;
}

/* "검사 시스템 주요 사양" is a tertiary heading, not a section headline. */
body.stigma-sub-page .fabric-product-page .fabric-specifications--visible > h2 {
    color: var(--stigma-client-ink) !important;
    font-size: 18px !important;
    font-weight: 750 !important;
    letter-spacing: -.035em !important;
    line-height: 1.4 !important;
    margin: 0 0 15px !important;
}

.fabric-product-page .fabric-specifications--visible {
    border-bottom: 0 !important;
    border-top: 0 !important;
    padding-bottom: 0 !important;
}

/* The Software reference image starts on the same left axis as its diagram. */
.fabric-product-page .fabric-technology-card--software .fabric-software-diagram,
.fabric-product-page .fabric-technology-card--software .fabric-software-ui {
    left: 0 !important;
    right: auto !important;
    transform: none !important;
}

/* Supplied result SVGs remain native 100×100 assets; CSS only controls display. */
.robot-product-page .stigma-result-icon,
.fabric-product-page .stigma-result-icon {
    display: block;
    height: 78px !important;
    margin: 0 auto 22px;
    object-fit: contain;
    width: 78px !important;
}

/* Captions supplied for the three Byeokjin verification images. */
.robot-case-gallery__item {
    margin: 0;
    min-width: 0;
}

.robot-case-gallery__item figcaption {
    color: var(--stigma-client-ink);
    font-family: "Roboto", "Pretendard", sans-serif !important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.45;
    margin-top: 11px;
    text-align: center;
}

/* Both contact locations remain fully interactive Kakao maps. */
#map1.stigma-kakao-map { min-height: 355px; }

/* Social labels use the same stack, scale and tracking as the contact details. */
body.stigma-sub-page .stigma-contact-social-link,
body.stigma-sub-page .stigma-contact-social-link span {
    font-family: "Roboto", "Pretendard", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    letter-spacing: -.015em !important;
    line-height: 1.5 !important;
}

/* NVIDIA badge sits over the 2026 content column, as in the supplied layout. */
.stigma-history-logo--nvidia {
    margin-left: auto !important;
    margin-right: auto !important;
}

@media (max-width: 991px) {
    /* The header becomes fixed here; keep each page's first category fully below it. */
    body.stigma-sub-page #stigmaPageContent {
        padding-top: 24px;
    }
}

@media (max-width: 767px) {

    body.stigma-sub-page .about-redesign .about-intro__description,
    body.stigma-sub-page .si-overview-page .si-overview__lead,
    body.stigma-sub-page .robot-product-page .robot-page-lead,
    body.stigma-sub-page .fabric-product-page .fabric-product-lead,
    body.stigma-sub-page .stigma-history-description {
        font-size: 14px !important;
        letter-spacing: -.018em !important;
        line-height: 1.72 !important;
    }

    body.stigma-sub-page main.fabric-product-page h1#fabricProductHeadline {
        --fabric-client-headline-size: clamp(31px, 8.6vw, 41px);
        font-size: var(--fabric-client-headline-size) !important;
        line-height: 1.32 !important;
        margin: 30px auto 22px !important;
    }

    body.stigma-sub-page .fabric-product-page .fabric-specifications--visible > h2 {
        font-size: 17px !important;
    }

    .robot-product-page .stigma-result-icon,
    .fabric-product-page .stigma-result-icon {
        height: 62px !important;
        margin-bottom: 19px;
        width: 62px !important;
    }
}

/* Keep the AI-3D vision case video action at the far edge, matching other case pages. */
.robot-vision-page .robot-case-heading {
    align-items: center;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.robot-vision-page .robot-case-heading__copy {
    min-width: 0;
}

.robot-vision-page .robot-case-heading .robot-video-button {
    margin: 0 0 0 auto;
}

@media (max-width: 767px) {
    .robot-vision-page .robot-case-heading {
        align-items: start;
        grid-template-columns: 1fr;
    }

    .robot-vision-page .robot-case-heading .robot-video-button {
        justify-self: start;
        margin: 4px 0 0;
    }
}