/* Independent review only. No production publish authorized. */





html:root body.empire-design{--ed-sans:Lato,"Source Serif 4 Approved",sans-serif;--ed-display:Oswald,"Source Serif 4 Approved","Source Serif 4 Approved",sans-serif;--ed-space:48px;--ed-navy:#123c59;--ed-blue:#145e91;--ed-sky:#eaf3f9;--ed-pale:#f5f9fc;--warm-space:48px;--warm-sky:#eaf3f9;--warm-copper:#145e91;--warm-ink:#17384d;font-family:"Source Serif 4 Approved","Times New Roman"!important}
html:root body.empire-design main :is(h1,h2,h3,h4,h5,h6,h1 *,h2 *,h3 *){font-family:"Source Serif 4 Approved","Times New Roman"!important;font-weight:500!important;letter-spacing:.005em!important;line-height:1.2!important}
html:root body.empire-design main h1{font-size:44px!important;line-height:1.15!important}
html:root body.empire-design.ce-blend main.page>.hero h1{font-size:46px!important;line-height:1.16!important}
html:root body.empire-design main h2{font-size:32px!important;line-height:1.2!important}
html:root body.empire-design main :is(h3,h4,h5,h6){font-size:22px!important;line-height:1.25!important}
html:root body.empire-design main :is(p,li,dd,dt,.body-copy){font-size:16px!important;line-height:1.6!important}
html:root body.empire-design main :is(.eyebrow,.gd-eyebrow,.gd-kicker,.section-label){font-size:12px!important;line-height:1.4!important;letter-spacing:.1em!important}
html:root body.empire-design main :is(figcaption,.preflight-photo-caption,.ed-photo-caption){font-size:13px!important;line-height:1.5!important}
html:root body.empire-design.ce-blend main.page>.hero{padding-top:36px!important;padding-bottom:40px!important;gap:40px!important}
html:root body.empire-design.ce-blend main.page .hero-photo{min-height:340px!important;max-height:410px!important}
html:root body.empire-design.ce-blend main.page>.section{padding-top:48px!important;padding-bottom:48px!important}
html:root body.empire-design.ce-blend main.page .section-heading{margin-bottom:26px!important}
/* White brand row and a distinct blue navigation row. Existing links/IDs are retained. */
html:root body.empire-design:has(.warm-brand) .gd-header{background:#fff!important;border-bottom:0!important}
html:root body.empire-design:has(.warm-brand) .gd-header .gd-header-inner{min-height:88px!important;max-width:1280px!important;gap:24px!important;width:calc(100% - 80px)!important;flex-wrap:nowrap!important}
html:root body.empire-design:has(.warm-brand) .gd-header .gd-header-cta{font-size:15px!important;min-height:44px!important;padding:11px 20px!important;background:#145e91!important}
.gd-nav-band{background:#145e91;position:relative}
.gd-nav-band-inner{width:min(1280px,calc(100% - 80px));margin:auto;position:relative}
html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band .gd-nav{display:flex;gap:30px!important;min-height:52px;align-items:stretch;flex-wrap:nowrap;max-height:none;padding:0}
html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band .gd-nav-group>summary{color:#fff!important;font-size:16px!important;font-weight:700!important;min-height:52px;padding:12px 0!important}
html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band .gd-nav-group>summary::after{color:#fff!important}
html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band .gd-panel{background:#fff!important;border:1px solid #cbdce7!important;box-shadow:0 12px 24px #123c591a;max-height:70vh;overflow:auto}
html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band .gd-panel a{color:#17384d!important;font-family:"Source Serif 4 Approved","Times New Roman"!important;font-size:15px!important}
html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band .gd-panel h2{font-family:"Source Serif 4 Approved","Times New Roman"!important;color:#123c59!important;font-size:21px!important}
html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band .gd-products{position:static!important}
html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band .gd-product-panel{left:0!important;right:0!important;width:100%!important;top:100%!important}
/* One live HTML grid on desktop, tablet and mobile; original composite asset is retained. */
html:root body.empire-design.ce-blend main.page>.families{padding:44px var(--ed-gutter)!important;background:#fff}
html:root body.empire-design.ce-blend .families :is(.families-desktop,.family-desktop-links){display:none!important}
html:root body.empire-design.ce-blend .families .families-mobile{display:block!important;padding:0!important;width:100%!important;max-width:1280px;margin:auto}
html:root body.empire-design.ce-blend .families .family-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin-top:28px!important}
html:root body.empire-design.ce-blend .families .family-card{display:grid;grid-template-rows:190px auto 1fr;gap:14px;background:#f5f9fc;padding:20px;border-top:3px solid #145e91;min-width:0;text-align:left}
html:root body.empire-design.ce-blend .families .family-card img{width:100%;height:190px!important;object-fit:contain!important;background:#fff;margin:0!important}
html:root body.empire-design.ce-blend .families .family-card h3{margin:0!important;min-height:2.5em;font-size:22px!important}
html:root body.empire-design.ce-blend .families .family-card p{margin:0!important}
/* Equal content tracks, not fixed paragraph heights or line clamps. Long text grows the row. */
html:root body.empire-design.ce-blend main.page .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;grid-template-rows:auto auto auto auto;align-items:stretch}
html:root body.empire-design.ce-blend main.page .project-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-row:span 4;grid-template-rows:subgrid;gap:16px;padding:24px!important;border:1px solid #cbdce7!important;border-top:3px solid #145e91!important;background:#fff!important;min-width:0}
html:root body.empire-design.ce-blend main.page .project-card svg{width:36px;height:36px;margin:0!important;grid-row:auto!important;stroke:#145e91}
html:root body.empire-design.ce-blend main.page .project-card h3{margin:0!important}
html:root body.empire-design.ce-blend main.page .project-card .body-copy{max-width:none!important;margin:0!important;grid-column:auto!important}
html:root body.empire-design.ce-blend main.page .project-card a{margin:0!important;padding-top:4px;min-height:44px;font-size:15px!important;grid-column:auto!important;color:#145e91!important;align-self:end}
/* Photo above, text below: titles share a baseline even when captions/body vary. */
html:root body.empire-design.ce-blend main.page .story-panorama{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;background:transparent!important}
html:root body.empire-design.ce-blend main.page .story-scene{position:static!important;display:grid;grid-template-rows:230px 1fr;min-height:0!important;overflow:visible;border:1px solid #cbdce7;border-radius:0;background:#fff}
html:root body.empire-design.ce-blend main.page .story-scene::after{display:none!important;content:none!important}
html:root body.empire-design.ce-blend main.page .story-scene>img{position:static!important;inset:auto!important;width:100%;height:230px!important;object-fit:cover!important}
html:root body.empire-design.ce-blend main.page .story-scene-copy{position:static!important;inset:auto!important;display:grid;grid-template-rows:auto minmax(39px,auto) 1fr;gap:12px;padding:22px;color:#17384d!important}
html:root body.empire-design.ce-blend main.page .story-scene-copy h3{color:#123c59!important;margin:0!important}
html:root body.empire-design.ce-blend main.page .story-scene-copy p{color:#17384d!important;max-width:none!important;margin:0!important;min-height:0!important;font-size:16px!important;line-height:1.6!important}
html:root body.empire-design.ce-blend main.page .story-scene-copy p.preflight-photo-caption{font-size:13px!important;line-height:1.5!important;color:#526b7a!important;align-self:start}
/* Industry headings, images and labels now share a deliberate compact scale. */
html:root body.empire-design.ce-blend main.page #industries{background:#eaf3f9!important;padding-top:44px!important;padding-bottom:44px!important}
html:root body.empire-design.ce-blend main.page .industry-grid{gap:20px!important;align-items:stretch}
html:root body.empire-design.ce-blend main.page .industry-grid figure{margin:0!important;background:#fff;display:flex;flex-direction:column;min-width:0}
html:root body.empire-design.ce-blend main.page .industry-grid img{display:block;width:100%;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;margin:0!important}
html:root body.empire-design.ce-blend main.page .industry-grid figcaption{margin:0!important;padding:14px 16px;flex:1;min-height:56px;font-family:"Source Serif 4 Approved","Times New Roman"!important;font-size:18px!important;line-height:1.4!important;color:#17384d}
html:root body.empire-design.ce-blend main.page>section.certified{padding:28px var(--ed-gutter)!important;background:#eaf3f9!important;min-height:0!important}
html:root body.empire-design.ce-blend main.page .certified-frame{display:block;position:relative;height:260px;min-height:0!important;background:#eaf3f9!important;max-width:1280px;margin:auto;overflow:hidden}
html:root body.empire-design.ce-blend main.page .certified-copy{position:relative;z-index:1;width:42%;padding:32px!important}
html:root body.empire-design.ce-blend main.page .certified-copy h2{font-size:32px!important;line-height:1.2!important;margin:10px 0 14px!important}
html:root body.empire-design.ce-blend main.page .certified-copy .body-copy{margin:0!important;max-width:none!important}
html:root body.empire-design.ce-blend main.page .certified-art{position:absolute!important;inset:0!important;width:100%;height:260px!important;object-fit:cover!important;object-position:center!important}
@media(max-width:1100px){html:root body.empire-design.ce-blend .families .family-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:900px){
 html:root body.empire-design.ce-blend main.page .project-grid{grid-template-columns:1fr;grid-template-rows:none;gap:18px}
 html:root body.empire-design.ce-blend main.page .project-card{grid-row:auto;grid-template-rows:auto auto auto auto;gap:12px}
 html:root body.empire-design.ce-blend main.page .story-panorama{grid-template-columns:1fr;gap:20px}
 html:root body.empire-design.ce-blend main.page .story-scene-copy{grid-template-rows:auto auto auto}
 html:root body.empire-design:has(.warm-brand) .gd-header .gd-header-inner{width:calc(100% - 40px)!important;min-height:76px!important;padding:10px 0!important}
 html:root body.empire-design:has(.warm-brand) .gd-header .gd-menu-toggle{display:inline-flex!important;font-family:"Source Serif 4 Approved","Times New Roman"!important}
 html:root body.empire-design:has(.warm-brand) .gd-header .gd-header-cta{display:none!important}
 .gd-nav-band{display:none}.gd-header[data-menu-open] .gd-nav-band{display:block}
 .gd-nav-band-inner{width:calc(100% - 40px)}
 html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band .gd-nav{flex-direction:column;gap:0!important;max-height:70dvh;overflow:auto;padding:0 0 20px}
 html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band .gd-nav-group{width:100%;border-bottom:1px solid #ffffff38}
 html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band .gd-panel{position:static!important;max-height:none!important;border:0!important}
 html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band .gd-product-panel{width:100%!important;display:block!important}
 html:root body.empire-design:has(.warm-brand) .gd-header .gd-nav-band #gd-navigation a.gd-mobile-rfq{background:#fff!important;border-color:#fff!important;color:#145e91!important}
}
@media(max-width:760px){
 html:root body.empire-design main h1{font-size:34px!important}
 html:root body.empire-design.ce-blend main.page>.hero h1{font-size:36px!important}
 html:root body.empire-design main h2{font-size:28px!important}
 html:root body.empire-design main :is(h3,h4,h5,h6){font-size:21px!important}
 html:root body.empire-design.ce-blend main.page>.hero{padding:28px 20px 32px!important;gap:24px!important}
 html:root body.empire-design.ce-blend main.page .hero-photo{height:270px!important;min-height:270px!important;max-height:270px!important}
 html:root body.empire-design.ce-blend main.page>.section{padding-top:32px!important;padding-bottom:32px!important}
 html:root body.empire-design.ce-blend main.page>.families{padding:32px 20px!important}
 html:root body.empire-design.ce-blend .families .family-card{grid-template-rows:160px auto 1fr;padding:18px}
 html:root body.empire-design.ce-blend .families .family-card img{height:160px!important}
 html:root body.empire-design.ce-blend .families .family-card h3{min-height:0!important;font-size:21px!important}
 html:root body.empire-design.ce-blend main.page .project-grid{grid-template-columns:1fr;grid-template-rows:none;gap:18px}
 html:root body.empire-design.ce-blend main.page .project-card{grid-row:auto;grid-template-rows:auto auto auto auto;gap:12px;padding:22px!important}
 html:root body.empire-design.ce-blend main.page .story-panorama{grid-template-columns:1fr;gap:20px}
 html:root body.empire-design.ce-blend main.page .story-scene{grid-template-rows:230px 1fr}
 html:root body.empire-design.ce-blend main.page .story-scene-copy{grid-template-rows:auto auto auto}
 html:root body.empire-design.ce-blend main.page .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
 html:root body.empire-design.ce-blend main.page .industry-grid figcaption{font-size:16px!important;padding:12px}
 html:root body.empire-design.ce-blend main.page .certified-frame{height:auto;min-height:0!important}
 html:root body.empire-design.ce-blend main.page .certified-copy{width:100%;padding:24px 20px!important}
 html:root body.empire-design.ce-blend main.page .certified-copy h2{font-size:28px!important}
 html:root body.empire-design.ce-blend main.page .certified-art{position:static!important;width:180%!important;max-width:none!important;margin-left:-80%;height:190px!important;object-fit:cover!important;object-position:right center!important}
}
@media(max-width:480px){html:root body.empire-design.ce-blend .families .family-grid{grid-template-columns:1fr!important}}