/* Deeper navy, traditional section typography and square borders. */
.industrial{font-family:Arial,Helvetica,sans-serif;background:#0d1d35}
.industrial h1{letter-spacing:-.03em}.industrial .i-company-copy h2,.industrial .section-head h2,.industrial .i-contact h2{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.025em}
.industrial .i-about{background:linear-gradient(115deg,#172c4b,#203658)}
.industrial .i-products{background:#10223c}.industrial .i-card-grid article{background:#203655;border:1px solid #677b96}
.industrial .i-card-grid .card-copy{border-top:2px solid #8191a9}
.industrial .i-contact{background:#c2cfe5;color:#152b49}.industrial .location{background:#132844}
.industrial:not(.amber) .i-about>.eyebrow,.industrial:not(.amber) .section-head>.eyebrow{color:#e0bd84}
.industrial .i-card-grid .linecard-open{color:#e9c997!important}.industrial .email{color:#6b4918}
.industrial:not(.amber) .i-hero-foot,.industrial:not(.amber) .contact-details{border-top-color:#8899b1}
.industrial .section-head h2,.industrial .i-company-copy h2{text-shadow:none;-webkit-text-stroke:0}
.industrial .slideshow-controls button{border-color:#93a4bb;border-radius:0}
#linecard{border:1px solid #8291a9;border-radius:0}

/* Preserve the latest requested functional and contact refinements. */
.login-pending img{width:9.487368px;height:11.068596px}
.industrial:not(.amber) .contact-details{border-top-color:#fff;margin-top:34px;padding-top:12px}
.industrial .contact-details p{letter-spacing:.025em;line-height:1.7;white-space:nowrap;font-size:14px}
.industrial .contact-details{column-gap:28px;row-gap:12px}.industrial .phone-grid{column-gap:10px;font-size:14px}
.industrial .i-card-grid article{border-radius:0}
.industrial .email.button{background:#183858;border:1px solid #536f91;color:#f1f5ff}.industrial .email.button:hover{background:#254c73;color:#fff}
@media(max-width:600px){.login-pending img{width:9.487368px;height:11.068596px}}
@media(max-width:360px){.industrial .contact-details{column-gap:18px}.industrial .contact-details p,.industrial .phone-grid{font-size:13px}}

/* Foundry navy with balanced Royal + Gold accents; dark-gold product/chart role. */
:root{--accent-gold:#ffca59;--product-gold:#c89d52}
.industrial:not(.amber) .i-hero-copy>.eyebrow,.industrial:not(.amber) .i-about>.eyebrow,.industrial:not(.amber) .section-head>.eyebrow{color:var(--accent-gold)}
.industrial .i-card-grid .linecard-open{color:var(--product-gold)!important;text-shadow:none!important;-webkit-text-stroke:0!important}
.industrial .linecard-open:focus-visible{outline-color:var(--product-gold)}
.industrial .email.button{background:var(--accent-gold);border-color:var(--accent-gold);color:#10233f}.industrial .email.button:hover{background:#ffe3a0;color:#10233f}
.linecard-bar{background:#132844;justify-content:space-between;gap:12px;padding:8px 10px}.linecard-bar #linecard-title{position:static;width:auto;height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal;color:var(--product-gold);font:600 15px/1.35 Arial,sans-serif;flex:1}.linecard-bar #linecard-close{flex-shrink:0}

/* Private lighter amber revision: retain Foundry navy and Georgia typography. */
:root{--accent-gold:#ffda85;--product-gold:#ffda85}
.industrial .i-contact{background:#fff0cc;color:#152b49}
.industrial .i-contact>.eyebrow{color:#785316}
.industrial .email.button{background:#ffda85;border-color:#ffda85;color:#10233f}
.industrial .email.button:hover{background:#ffe5a8;color:#10233f}
/* Thin black letter outline on the three product links, without box borders. */
.industrial .i-card-grid .linecard-open{-webkit-text-stroke:.35px #000!important;paint-order:stroke fill;text-shadow:none!important}
/* Very light amber introduction paragraph. */
.industrial .i-company-copy p{color:#fff0cc}
/* Match all four eyebrow headings in darker amber. */
.industrial:not(.amber) .i-hero-copy>.eyebrow,.industrial:not(.amber) .i-about>.eyebrow,.industrial:not(.amber) .section-head>.eyebrow,.industrial .i-contact>.eyebrow{color:#aa782a}
/* Equal heading roles and matching darker amber email control. */
.industrial .section-head h2{font-size:clamp(2rem,3vw,2.8rem)}
.industrial .email.button{background:#aa782a;border:1px solid #fff;font-weight:700;color:#10233f}
@media(max-width:360px){.industrial .contact-details p:last-child{font-size:13px}}
/* Private simpler-color review; preserve preceding candidate unchanged. */
.industrial .i-company-copy p{color:#fff}
.industrial .i-card-grid .linecard-open{color:#fff!important}
/* Simplify the palette: amber labels, white content across navy sections. */
.industrial .i-contact{background:#203655;color:#fff}
.industrial .i-contact h2,.industrial .i-contact>div>p,.industrial .contact-details p,.industrial .phone-grid,.industrial .contact-details{color:#fff}
.industrial .i-hero-copy .hero-sub,.industrial .i-hero-foot,.industrial .location address,.industrial footer{color:#fff}
.industrial .email.button{background:#fff;border:1px solid #fff;color:#10233f;font-weight:700}
.industrial .email.button:hover{background:#edf2f8;color:#10233f}
.linecard-bar #linecard-title{color:#fff}
/* Restore the requested light-amber contact subsection with readable navy text. */
.industrial .i-contact{background:#fff0cc;color:#152b49}
.industrial .i-contact h2,.industrial .i-contact>div>p,.industrial .contact-details p,.industrial .phone-grid,.industrial .contact-details{color:#152b49}
/* Recolor existing subsection borders and dividers; keep their widths unchanged. */
.industrial header,.industrial .i-about,.industrial .i-card-grid article,.industrial .i-card-grid .card-copy,.industrial footer{border-color:#aa782a}
.industrial:not(.amber) .i-hero-foot,.industrial:not(.amber) .contact-details{border-top-color:#aa782a}
/* Background-specific amber label colors for readable contrast. */
.industrial:not(.amber) .i-hero-copy>.eyebrow,.industrial:not(.amber) .i-about>.eyebrow,.industrial:not(.amber) .section-head>.eyebrow{color:#ffda85}
.industrial .i-contact>.eyebrow{color:#785316}
.industrial:not(.amber) .i-contact>.eyebrow{color:#785316!important}
/* Keep the mobile photo backdrop dark enough for the amber location label. */
@media(max-width:600px){.industrial .i-hero:after{background:linear-gradient(90deg,#0b1932ed 0%,#0b1932c7 52%,#0b1932bf 100%)}}
/* Latest request: existing section and subsection divider lines are white. */
.industrial header,.industrial .i-about,.industrial .i-card-grid .card-copy,.industrial footer{border-color:#fff}
.industrial:not(.amber) .i-hero-foot,.industrial:not(.amber) .contact-details{border-top-color:#fff}
/* Sheets image: one 20% presentation zoom, within the unchanged card window. */
.industrial .linecard-image-open[data-card="sheets"]{overflow:hidden}
.industrial .linecard-image-open[data-card="sheets"] img{transform:scale(1.232);transform-origin:65% 50%}
/* Final EMAIL treatment: blue fill, bold white label, strong amber border. */
.industrial .email.button{background:#183858;color:#fff;border:1px solid #aa782a;font-weight:700}
.industrial .email.button:hover{background:#254c73;color:#fff;border-color:#aa782a}
/* Keep the thin rods and angle visible in narrow card crops. */
.industrial .linecard-image-open[data-card="sheets"] img{object-position:65% center}
/* Balanced sheet-first framing with side products retained on narrow screens. */
.industrial .linecard-image-open[data-card="sheets"]{background:#fff}
.industrial .linecard-image-open[data-card="sheets"] img{object-fit:contain;object-position:center}
/* Publication on hold. Smaller borderless EMAIL face with a 44px minimum hit area. */
.industrial .email.button{position:relative;padding:7px 12px;border:0;min-width:44px;font-size:13px;line-height:1.4}
.industrial .email.button::before{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
/* Compact address block: bold company name, regular-weight address. */
.industrial .location-copy address{font-size:14px;line-height:1.4;font-weight:400}
.industrial .location-copy address strong{font-weight:400}
.industrial .location-copy{padding-top:10px}
/* Owner revision after v35: white header, light-blue contact and white headings/dividers. */
.industrial header{background:#fff}
.industrial .i-hero h1,.industrial .i-company-copy h2,.industrial .section-head h2{color:#fff}
.industrial .i-contact{background:#e5effa}
.industrial .email.button{border:1px solid #aa782a}
.industrial .location-copy address strong{font-weight:700}
.industrial .i-hero-foot,.industrial .i-hero-foot span,.industrial footer{color:#fff}
.industrial:not(.amber) .i-hero-foot,.industrial:not(.amber) footer{color:#fff}
.industrial footer{justify-content:center;text-align:center}
.industrial header,.industrial .i-about,.industrial .i-card-grid article,.industrial .i-card-grid .card-copy,.industrial footer{border-color:#fff}
.industrial:not(.amber) .i-hero-foot,.industrial:not(.amber) .contact-details{border-top-color:#fff}
/* Give the embedded map additional vertical room; Google controls its popup contents. */
.industrial .location iframe{height:440px;min-height:440px;max-height:none;transform:none}
@media(max-width:600px){.industrial .location iframe{height:420px;min-height:420px}}
/* Identical product frames. Replace the former sheet zoom with a single 5% left crop. */
.industrial .linecard-image-open{position:relative;aspect-ratio:3/2;overflow:hidden;background:#fff}
.industrial .linecard-image-open img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;transform:none}
.industrial .linecard-image-open[data-card="sheets"] img{position:relative;left:-5.263158%;width:105.263158%;max-width:none;height:100%;transform:none;object-fit:cover;object-position:center}

/* Private comparison typography and palette. */
.industrial .i-company-copy h2,.industrial .section-head h2,.industrial .i-contact h2{font-family:Cambria,Georgia,serif;font-weight:600;letter-spacing:-.015em}.industrial .i-about{background:#203650}.industrial .i-products{background:#15283f}

/* Chart-only popup: one 70% reference size, bounded by both viewport dimensions. */
#linecard{width:fit-content;max-width:96vw;max-height:94dvh;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;overflow:visible}
.linecard-bar{padding:0;height:44px;min-height:44px;border:0;background:transparent;justify-content:flex-end}
#linecard-zoom{display:none!important}
.linecard-scroll{padding:0;overflow:visible;max-height:none;background:transparent}
.linecard-scroll img{width:auto;min-width:0;height:auto;max-width:min(492.8px,calc(65.8vw - 11.2px));max-height:calc(61.6dvh - 35px);object-fit:contain;filter:none}

#linecard-title{display:none!important}

.industrial .location-copy address{font-weight:700}

.industrial .email.button,.industrial .i-contact .email+p{font-weight:700}

/* Selected type system; main headline families retained from v35. */
.industrial{font-family:'Segoe UI',Arial,sans-serif}
.industrial .i-hero h1{font-family:Arial,Helvetica,sans-serif}
.industrial .i-company-copy h2,.industrial .section-head h2{font-family:Georgia,serif}
.industrial .i-contact h2,.industrial .linecard-open,.industrial .eyebrow,.industrial .i-hero-foot,.industrial footer{font-family:Cambria,Georgia,serif}
.industrial .email.button{font-family:'Segoe UI',Arial,sans-serif;padding:6px 10px;font-size:13px;font-weight:700}
.industrial .i-contact>.eyebrow{color:#806513!important}

/* Preferred-version refinements: compact button face and readable phone details. */
.industrial .email.button{padding:3px 6px;min-width:0;line-height:1.2;gap:0;border:1px solid #aa782a}
.industrial .email.button::before{left:50%;right:auto;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}
.industrial .phone-grid,.industrial .phone-grid a,.industrial .contact-details p{font-weight:700;color:#102741}
.industrial .phone-grid a{position:relative;text-decoration:underline;text-underline-offset:3px;display:inline-block}
.industrial .phone-grid a::before{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}

.industrial .email.button .motion-visual{margin:0;white-space:nowrap;color:#fff;background:none;-webkit-text-fill-color:#fff}
.industrial .hero-sub,.industrial .i-company-copy p{color:#fff}

/* Reversible contact/background/divider experiment. */
.industrial .i-contact{background:linear-gradient(to right,#dceafa 0%,#fff 100%)}
.industrial .email.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:max-content}
.industrial header,.industrial .i-about,.industrial:not(.amber) .i-hero-foot{border-color:transparent;border-image:linear-gradient(to right,transparent,#bd8418) 1}
.industrial:not(.amber) .contact-details,.industrial footer{border-color:transparent;border-image:linear-gradient(to right,#bd8418,transparent) 1}
.industrial .linecard-image-open[data-card="sheets"] img{transform:scale(1.1);transform-origin:65% 50%}

.industrial .linecard-open>.motion-visual{font:inherit;color:inherit;letter-spacing:inherit}

.industrial .linecard-open>.motion-visual{color:#fff!important}

/* Final two type choices: Georgia body; shared semantic heading/small roles. */
.industrial{font-family:'Georgia',serif}
.industrial .i-hero h1,.industrial .i-company-copy h2,.industrial .section-head h2,.industrial .i-contact h2,.industrial .linecard-open{font-family:'Segoe UI',Arial,sans-serif;font-weight:700}
.industrial .eyebrow,.industrial .i-hero-foot,.industrial footer,.industrial .contact-details,.industrial .phone-grid span,.industrial .phone-grid a,.industrial .email.button{font-family:Calibri,Arial,sans-serif}
.industrial header,.industrial .i-contact{background:linear-gradient(to right,#dceafa,#fff)}
.industrial header img{mix-blend-mode:multiply;background:transparent}
.industrial .i-about{background:#1e3555}
.industrial .linecard-image-open[data-card="sheets"] img{transform:scale(1.15)}
.industrial .email.button,.industrial .email.button .motion-visual{line-height:1}

/* Optical cap-height correction; line box and hit area remain centered. */
.industrial .email.button .motion-visual{position:relative;top:-.5px}

/* Latest owner correction: compact borderless EMAIL. */
.industrial .email.button{border:0}

/* Top background only: white at left, light blue at right. */
.industrial header{background:linear-gradient(to right,#fff,#dceafa)}

/* Latest Georgia refinement: one small EMAIL font step, with the compact borderless face. */
.industrial .email.button{font-size:14px;padding:3px 6px;border:0}
/* Alternate fades while retaining each section's existing color family. */
.industrial .i-about{background:linear-gradient(to left,#2a4667,#1e3555)}
.industrial .i-products{background:linear-gradient(to right,#254262,#15283f)}
.industrial .i-contact{background:linear-gradient(to left,#fff,#dceafa)}
.industrial .location{background:linear-gradient(to right,#284664,#132844)}
.industrial footer{background:linear-gradient(to left,#223d5a,#0c1b31)}
.industrial .i-card-grid article,.industrial .i-card-grid .card-copy{border-color:transparent;border-image:linear-gradient(to left,transparent,#e2b535) 1}
.industrial:not(.amber) .contact-details{border-image:linear-gradient(to right,#bd8418,transparent) 1}
