/* Independent preview. Sep 28 palette/type + Oct 4 content, imagery and logo. */
@font-face{font-family:"Empire Cormorant Q";src:url("../group-design-20260926/cormorant-q-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Empire Source Serif";src:url("../group-design-20260926/source-serif-400-600.woff2") format("woff2");font-weight:400 600;font-style:normal;font-display:swap}
html:root body.ce-blend{
 --warm-paper:#fff;--warm-ink:#173d59;--warm-muted:#425d70;--warm-copper:#285e86;
 --warm-navy:#173d59;--warm-sky:#edf3f7;--warm-line:#cddee9;--warm-white:#fff;
 --warm-footer:#e6eef4;--warm-footer-ink:#173d59;--warm-footer-muted:#425d70;--warm-footer-line:#cbdce7;
 --warm-space:clamp(40px,4vw,58px);--paper:#fff;--navy:#173d59;--copper:#285e86;--body:#263e50;--line:#cddee9;
 --serif:"Empire Cormorant Q",Georgia,serif;--sans:"Empire Source Serif",Georgia,serif;
 --font:"Empire Source Serif",Georgia,serif;--font-display:"Empire Cormorant Q",Georgia,serif;--font-aux:var(--font);
 background:#fff!important;color:#263e50!important;font-family:var(--font)!important;font-size:18px;line-height:1.55;
 -webkit-font-smoothing:antialiased;font-optical-sizing:auto;
}
html:root body.ce-blend main{background:#fff!important;color:#263e50!important}
html:root body.ce-blend :is(.skip-link,.empire-skip-link):not(:focus){position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
html:root body.ce-blend :is(.skip-link,.empire-skip-link):focus{position:fixed!important;top:8px!important;left:8px!important;z-index:10001!important;background:white!important;padding:10px 16px!important}
html:root body.ce-blend main :is(h1,h2){font-family:var(--font-display)!important;font-weight:500!important;letter-spacing:-.02em!important;color:#173d59!important}
html:root body.ce-blend main h1{font-size:clamp(44px,4.8vw,70px)!important;line-height:1.07!important}
html:root body.ce-blend main h2{font-size:clamp(34px,3.25vw,48px)!important;line-height:1.14!important}
html:root body.ce-blend main :is(h3,h4,h5,h6){font-family:var(--font)!important;font-weight:600!important;letter-spacing:0!important;font-size:24px!important;line-height:1.3!important}
html:root body.ce-blend main :is(p,li,dd,dt,figcaption,.feature-text,.body-copy){font-family:var(--font)!important}
html:root body.ce-blend main :is(p,li,.feature-text){font-size:19px!important;line-height:1.6!important;color:var(--warm-muted)!important}
html:root body.ce-blend main :is(.lead,.section-sub,.pg-sub,.hero .body-copy){font-size:21px!important;line-height:1.55!important}
html:root body.ce-blend main :is(figcaption,small,.file-hint,.technical-note,.visual-note,.gd-note,.gd-table-hint,.gd-grade-note,.gd-application-note,.gd-grade-status,.gd-scroll-hint,.gd-scope-note,.candidate-visual-note){font-family:var(--font)!important;font-size:15px!important;line-height:1.5!important}
html:root body.ce-blend main :is(.eyebrow,.section-label,.pg-kicker,.ft-kicker,.gd-eyebrow,.gd-kicker,.breadcrumb,.breadcrumbs,.empire-page-index){font-family:var(--font)!important;font-size:13px!important;line-height:1.5!important;letter-spacing:.06em!important;color:#285e86!important}
html:root body.ce-blend :is(button,input,select,textarea,label,summary){font-family:var(--font)!important}
html:root body.ce-blend main table,html:root body.ce-blend main table :is(th,td){font-family:var(--font)!important;font-size:17px!important;line-height:1.5!important;font-variant-numeric:tabular-nums}
html:root body.ce-blend main table :is(th,td){padding:12px 15px!important}
html:root body.ce-blend main table :is(th,thead td,.gd-header-cell){background:#d8e8f3!important;color:#173d59!important}

/* Spacing is hierarchical: compact within a section, generous between themes. */
html:root body.ce-blend main :is(section,.section,.section-tight,.page-section){padding-block:var(--warm-space)!important}
html:root body.ce-blend main section section{padding-block:24px!important}
html:root body.ce-blend main :is(.section-heading,.section-head,.page-heading,.pg-heading){margin-bottom:26px!important}
html:root body.ce-blend main p+p{margin-top:14px!important}
html:root body.ce-blend main :is(.hero,.page-hero,.hero-section,.hero-grid){min-height:0!important}
html:root body.ce-blend main :is(.page-hero,.guide-hero,.industry-hero,.resource-hero,.contact-hero,.download-hero,.faq-hero,.case-hero){padding-block:40px!important}
html:root body.ce-blend main.gd-technical-page>.page-hero{padding-block:32px!important}
html:root body.ce-blend main :is(.page-hero,.hero) h1{margin-bottom:18px!important}
html:root body.ce-blend main :is(.page-hero,.hero) .lead{margin-bottom:22px!important}
html:root body.ce-blend main :is(.grid,.cards,.card-grid,.product-grid,.industry-grid,.case-grid,.feature-grid){gap:clamp(20px,2vw,28px)!important}
html:root body.ce-blend main .warm-visual-story{margin:28px auto!important;padding-block:0!important}
html:root body.ce-blend main .warm-story-copy{padding:28px!important}
html:root body.ce-blend main .warm-story-copy h2{margin-bottom:20px!important}
html:root body.ce-blend main .warm-story-facts{gap:16px!important}
html:root body.ce-blend main .warm-story-facts>div{border-top:0!important;padding-top:0!important}
html:root body.ce-blend main .warm-story-facts h3{font-size:20px!important;margin-bottom:6px!important}
html:root body.ce-blend main .warm-story-facts p{font-size:17px!important;line-height:1.5!important}
html:root body.ce-blend main .gd-grade-controls{padding:24px!important;margin-block:26px!important}
html:root body.ce-blend main .warm-technical-band{margin-block:28px!important;padding:28px!important}
html:root body.ce-blend main .warm-technical-band>p{margin-bottom:24px!important}
html:root body.ce-blend main .candidate-record-grid article{border-top:0!important;padding-top:0!important}
html:root body.ce-blend main .candidate-visual-note{margin:18px auto 28px!important}

/* Preserve the Oct 4 home composition and all of its picture assets. */
html:root body.ce-blend main.page>.container{width:100%!important;max-width:1440px!important;margin-inline:0!important}
html:root body.ce-blend main.page>.hero{padding-block:36px!important;gap:36px!important;background:#fff!important}
html:root body.ce-blend main.page>.hero h1{font-size:clamp(48px,5.3vw,76px)!important;line-height:1.02!important}
html:root body.ce-blend main.page .hero-photo{min-height:380px;transform:none!important}
html:root body.ce-blend main.page>.families{padding-block:16px 26px!important;background:#fff!important}
html:root body.ce-blend main.page>.certified{padding-block:20px 26px!important}
html:root body.ce-blend main.page :is(.certified-frame,.certified-mobile){background:#edf3f7!important}
html:root body.ce-blend main.page .certified-copy{padding:30px 40px!important}
html:root body.ce-blend main.page #industries{background:#edf3f7!important}
html:root body.ce-blend main.page #certifications{background:#f5f8fa!important}
html:root body.ce-blend main.page :is(.manufacturing .body-copy,.hero .body-copy){margin-top:18px!important}
html:root body.ce-blend main.page .hero-actions{margin-top:22px!important;gap:22px!important}
html:root body.ce-blend main.page .quality-points{gap:9px!important;margin-top:18px!important}
html:root body.ce-blend main.page .project-card{padding:24px!important}
html:root body.ce-blend main.page .project-card svg{margin-bottom:14px!important}
html:root body.ce-blend main.page .project-card h3{margin-bottom:12px!important}
html:root body.ce-blend main.page .logo-slot{height:84px}
html:root body.ce-blend main.page :is(.advantage-copy h3,.story-scene-copy h3,.story-scene-copy p,.story-card-copy h3,.story-card-copy p){color:#fff!important}
html:root body.ce-blend main.page .story-scene-copy p{font-size:17px!important;line-height:1.45!important}
html:root body.ce-blend main.page .certificate-preview{font-family:var(--font)!important}
html:root body.ce-blend .certificate-dialog{background:#fff;color:#173d59}

/* Remove decorative underlines, not functional field borders, data grids or focus. */
html:root body.ce-blend a,html:root body.ce-blend a:hover,html:root body.ce-blend a:focus{ text-decoration:none!important }
html:root body.ce-blend :is(.text-link,.industry-more>a,.gd-text-link,.r2-text-link,.rep-text-link){border-bottom:0!important;box-shadow:none!important;background-image:none!important}
html:root body.ce-blend main :is(h1,h2,h3,h4,.eyebrow,.section-label)::after,
html:root body.ce-blend main :is(h1,h2,h3,h4,.eyebrow,.section-label)::before{content:none!important;display:none!important}
html:root body.ce-blend :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #285e86!important;outline-offset:3px!important}
html:root body.ce-blend main a:not([class*="btn"]):not(.button):not(.primary-link):not(.case-cta):hover{color:#173d59!important}
html:root body.ce-blend main :is(.btn-primary,.button,.case-cta,.primary-link){background:#285e86!important;border-color:#285e86!important;color:#fff!important}
html:root body.ce-blend main :is(.btn-primary,.button,.case-cta,.primary-link):hover{background:#173d59!important;border-color:#173d59!important;color:#fff!important}
html:root body.ce-blend main :is(.cta-band,.gd-cta-band){background:#e6eef4!important}
html:root body.ce-blend .cookie-actions button{background:#fff;border-color:#285e86;color:#285e86}
html:root body.ce-blend .cookie-actions button[data-consent=accepted]{background:#285e86;color:white}

/* Footer content retained, no accidental section padding from home main. */
html:root body.ce-blend footer.warm-footer{background:#e6eef4!important;color:#263e50!important;border-top:0!important}
html:root body.ce-blend .warm-footer-top{padding:40px 0 28px!important;gap:40px!important}
html:root body.ce-blend .warm-footer-links{gap:24px!important;padding-bottom:28px!important}
html:root body.ce-blend .warm-footer-links section{padding:0!important;margin:0!important}
html:root body.ce-blend .warm-footer-links h2{font-family:var(--font)!important;font-size:17px!important;line-height:1.35!important;color:#173d59!important;letter-spacing:0!important;margin-bottom:14px!important}
html:root body.ce-blend .warm-footer-links a{font-family:var(--font)!important;font-size:15px!important;line-height:1.5!important;color:#425d70!important}
html:root body.ce-blend .warm-footer-contact :is(p,a){font-family:var(--font)!important;font-size:17px!important;color:#425d70!important}
html:root body.ce-blend .warm-footer-bottom :is(p,a){font-family:var(--font)!important;font-size:14px!important;color:#425d70!important}
html:root body.ce-blend .warm-footer-brandmark small{color:#456374!important}
/* Match the user's supplied serif EMPIRE wordmark reference, without changing its symbol or wording. */
html:root body.ce-blend .gd-header .warm-brand .warm-brand-type b,
html:root body.ce-blend .warm-brand .warm-brand-type b,
html:root body.ce-blend .warm-footer-brandmark b{font-family:"Empire Source Serif",Georgia,serif!important;font-weight:600!important}
html:root body.ce-blend .gd-header .warm-brand .warm-brand-type small,
html:root body.ce-blend .warm-brand .warm-brand-type small,
html:root body.ce-blend .warm-footer-brandmark small{font-family:"Empire Source Serif",Georgia,serif!important;font-weight:600!important}

@media(max-width:900px){
 html:root body.ce-blend{--warm-space:40px}
 html:root body.ce-blend main :is(section,.section,.section-tight,.page-section){padding-block:40px!important}
 html:root body.ce-blend main section section{padding-block:20px!important}
 html:root body.ce-blend main :is(p,li,.feature-text){font-size:18px!important}
 html:root body.ce-blend main :is(.lead,.section-sub,.pg-sub,.hero .body-copy){font-size:19px!important}
 html:root body.ce-blend main.page>.container{padding-inline:24px!important}
 html:root body.ce-blend main.page .families-mobile{padding:24px!important}
 html:root body.ce-blend main.page .families-mobile h2{margin-bottom:24px!important}
 html:root body.ce-blend .warm-footer-links section{padding:0!important}
}
@media(max-width:600px){
 html:root body.ce-blend main h1{font-size:40px!important;line-height:1.1!important}
 html:root body.ce-blend main h2{font-size:34px!important;line-height:1.15!important}
 html:root body.ce-blend main :is(h3,h4,h5,h6){font-size:22px!important}
 html:root body.ce-blend main :is(.page-hero,.guide-hero,.industry-hero,.resource-hero,.contact-hero){padding-block:28px!important}
 html:root body.ce-blend main.page>.hero{padding:28px 20px!important;gap:24px!important}
 html:root body.ce-blend main.page>.hero h1{font-size:46px!important;line-height:1.05!important}
 html:root body.ce-blend main.page .hero-photo{min-height:0}
 html:root body.ce-blend main.page>.container{padding-inline:20px!important}
 html:root body.ce-blend main.page .certified-copy{padding:24px!important}
 html:root body.ce-blend main.page .story-scene-copy p{font-size:16px!important}
 html:root body.ce-blend main table :is(th,td){font-size:16px!important;padding:10px 12px!important}
 /* A pinned pair of columns must not cover the remaining data on phones. */
 html:root body.ce-blend main table :is(th,td):is(:first-child,:nth-child(2)){position:static!important;left:auto!important;right:auto!important;z-index:auto!important}
 html:root body.ce-blend main .grade-selection-context .table-wrap>table{min-width:640px!important}
 html:root body.ce-blend .warm-footer-links a{min-height:44px!important}
 html:root body.ce-blend .warm-footer-links section{padding:0!important}
}
html:root body.ce-blend main p.eyebrow,
html:root body.ce-blend main :is(.section-label,.pg-kicker,.ft-kicker,.gd-eyebrow,.gd-kicker){font-size:13px!important;line-height:1.5!important}
html:root body.ce-blend main p.candidate-visual-note{font-size:14px!important;line-height:1.5!important}
html:root body.ce-blend main{--accent:#285e86;--accent-dark:#173d59;--primary:#285e86;--blue:#285e86}
html:root body.ce-blend main :is(.stats-num,.check,.ft-stage-label,.feature-icon){color:#285e86!important}
html:root body.ce-blend main .stats-bar{background:#edf3f7!important;border-color:#cddee9!important}
html:root body.ce-blend main table tr:nth-child(even){background:#f4f7f9!important}
html:root body.ce-blend main table td{border-color:#cddee9!important}
/* Explicitly beat inherited hero/surface link rules, which otherwise darken primary CTAs. */
html:root body.ce-blend:has(.warm-brand) main :is(.page-hero,section,.cta-band,.gd-cta-band) :is(a.btn.btn-primary,button.btn.btn-primary,a.case-cta),
html:root body.ce-blend:has(.warm-brand) main .rfq-form button[type="submit"]{color:#fff!important;background:#285e86!important;border-color:#285e86!important}
html:root body.ce-blend:has(.warm-brand) main :is(.page-hero,section,.cta-band,.gd-cta-band) :is(a.btn.btn-primary,button.btn.btn-primary,a.case-cta):hover{color:#fff!important;background:#173d59!important;border-color:#173d59!important}
html:root body.ce-blend:has(.warm-brand) .gd-header .warm-brand .warm-brand-type small{font-size:15px!important;line-height:.9!important;letter-spacing:2.1px!important}
@media(max-width:600px){html:root body.ce-blend:has(.warm-brand) .gd-header .warm-brand .warm-brand-type small{font-size:10px!important;letter-spacing:1.2px!important}}
@media(max-width:360px){html:root body.ce-blend:has(.warm-brand) .gd-header .warm-brand .warm-brand-type small{font-size:9px!important;letter-spacing:1px!important}}

/* October 4 visual review: preserve the approved imagery and remove inherited layout conflicts. */
html:root body.ce-blend:has(.warm-brand) main .ce-decision-path{background:#edf3f7!important;color:#173d59!important}
html:root body.ce-blend:has(.warm-brand) main .ce-decision-path .eyebrow{background:transparent!important;padding:0!important;border-radius:0!important}
/* The section already supplies its vertical spacing. */
html:root body.ce-blend:has(.warm-brand) main .ce-visual-proof>.container{padding-block:0!important}
html:root body.ce-blend:has(.warm-brand) main .warm-visual-story{padding-block:0!important}
html:root body.ce-blend main{--blue-500:#285e86;--blue-600:#285e86;--blue-700:#173d59}
html:root body.ce-blend:has(.warm-brand) main :is(.family-link,.ffs-child-link,.gd-material-directory a,.rep-text-link,.gd-text-link){color:#285e86!important;font-weight:600!important}
html:root body.ce-blend:has(.warm-brand) main :is(.family-card,.product-card):is(:hover,:focus-visible){border-color:#285e86!important}
/* Isolated product forms must remain fully visible in their common thumbnail frame. */
html:root body.ce-blend:has(.warm-brand) main .family-img{background:#fff!important}
html:root body.ce-blend:has(.warm-brand) main .family-img img{object-fit:contain!important;transform:none!important;background:#fff!important}
/* This existing source has generous white space around the complete product group. */
html:root body.ce-blend:has(.warm-brand) main .family-img img[src*="empire-product-smco-range"]{object-fit:cover!important}
html:root body.ce-blend:has(.warm-brand) main.page .advantage-visual::after{inset:0;background:linear-gradient(180deg,transparent 0%,rgba(13,25,37,.12) 48%,rgba(13,25,37,.88) 100%)}
html:root body.ce-blend:has(.warm-brand) main.page .story-scene::after{inset:0;background:linear-gradient(180deg,rgba(9,19,29,.04) 0%,rgba(9,19,29,.18) 30%,rgba(9,19,29,.76) 55%,rgba(9,19,29,.94) 100%)}
html:root body.ce-blend:has(.warm-brand) :is(.certificate-preview .preview-label,.warm-footer-links a):hover{text-decoration:none!important;color:#173d59!important}
html:root body.ce-blend:has(.warm-brand) .cookie-panel{font-family:var(--font)!important;font-size:16px!important;line-height:1.5!important;padding:16px!important}
html:root body.ce-blend:has(.warm-brand) .cookie-panel :is(p,button){font-family:var(--font)!important;font-size:15px!important;line-height:1.5!important}
html:root body.ce-blend:has(.warm-brand) .cookie-panel .cookie-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
html:root body.ce-blend:has(.warm-brand) .cookie-panel button{min-height:44px!important;padding:10px 14px!important;white-space:nowrap}
html:root body.ce-blend:has(.warm-brand) .cookie-panel button[data-consent=accepted]{background:#285e86!important;color:#fff!important;border-color:#285e86!important}
html:root body.ce-blend:has(.warm-brand) .cookie-panel a{color:#285e86!important;font-weight:600}
html:root body.ce-blend:has(.warm-brand) main .rfq-form :is(p.rep-note,p.file-hint){font-size:15px!important;line-height:1.5!important}
@media(max-width:900px){
 /* Width already reserves the outer gutter; inherited padding had doubled it. */
 html:root body.ce-blend:has(.warm-brand) main:not(.page) :is(.container,.wrap,.gd-container){padding-inline:0!important}
}
@media(max-width:600px){
 html:root body.ce-blend:has(.warm-brand) main.page .families-mobile{width:100%!important;padding-inline:20px!important}
 html:root body.ce-blend:has(.warm-brand) main:not(.page) .card{padding:20px!important}
 html:root body.ce-blend:has(.warm-brand) main .warm-story-copy{padding:24px!important}
 html:root body.ce-blend:has(.warm-brand) main .ce-visual-proof-intro{gap:20px!important}
 html:root body.ce-blend:has(.warm-brand) main .gd-material-directory{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px!important;padding-block:12px!important}
 html:root body.ce-blend:has(.warm-brand) main .gd-material-directory a{display:flex;align-items:center;min-height:44px;line-height:1.4;font-size:16px!important}
 html:root body.ce-blend:has(.warm-brand) .warm-footer-links a{display:flex!important;align-items:center;margin-bottom:0!important}
 html:root body.ce-blend:has(.warm-brand) .warm-footer-bottom{flex-direction:column!important;gap:12px!important}
 html:root body.ce-blend:has(.warm-brand) .warm-footer .warm-footer-bottom :is(p,a){font-size:14px!important;line-height:1.5!important}
}