@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#101828;--muted:#667085;--blue:#174ea6;--blue2:#0b6bcb;--orange:#f26a2e;--paper:#fff;--soft:#f4f7fb;--warm:#fff7f1;--line:#dce3ec;--green:#117a55;--red:#b42318;--shadow:0 18px 55px rgba(16,24,40,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.skip{position:fixed;left:-999px;top:8px;z-index:1000;background:#fff;padding:10px}.skip:focus{left:10px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{display:flex;gap:3px;height:32px;align-items:flex-end}.brand-mark i{display:block;width:6px;background:linear-gradient(180deg,var(--blue2),var(--blue));border-radius:4px 4px 0 0}.brand-mark i:nth-child(1){height:18px}.brand-mark i:nth-child(2){height:27px}.brand-mark i:nth-child(3){height:22px}.brand strong{font:800 15px/1 "Manrope";letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.site-nav{display:flex;align-items:center;gap:24px}.site-nav a{font-size:12px;font-weight:700;text-decoration:none}.nav-rfq{background:var(--blue);color:#fff!important;padding:11px 15px;border-radius:6px}.menu-button{display:none;border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:6px;font-weight:700}
.kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--blue);margin:0 0 16px}.hero{padding:66px 0 54px;background:linear-gradient(180deg,#fff,#f7f9fc)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.hero h1,.section-intro h2,.inventory-copy h2,.photo-copy h2,.about-grid h2,.rfq-copy h2,.sources-grid h2{font:800 clamp(42px,5vw,74px)/.98 "Manrope";letter-spacing:-.055em;margin:0}.hero h1 span{color:var(--blue)}.hero-lead{font-size:19px;color:#475467;max-width:700px;margin:25px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:48px;padding:0 19px;border-radius:7px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;font-size:12px;cursor:pointer}.primary{background:var(--blue);color:#fff}.primary:hover{background:#123f88}.secondary{border-color:#9fb3cf;background:#fff;color:var(--blue)}.hero-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:38px}.hero-facts div{background:#fff;padding:18px}.hero-facts b{display:block;font:800 20px "Manrope"}.hero-facts span{font-size:11px;color:var(--muted)}.hero-photo{margin:0;position:relative}.hero-photo img{display:block;width:100%;aspect-ratio:4/4.35;object-fit:cover;border-radius:18px;box-shadow:var(--shadow)}figure figcaption{font-size:10px;color:var(--muted);margin-top:9px}figure figcaption a{color:var(--blue)}
.spec-strip{padding:88px 0;background:#fff}.split-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:34px}.section-intro h2,.inventory-copy h2,.photo-copy h2,.about-grid h2,.rfq-copy h2,.sources-grid h2{font-size:clamp(34px,4vw,55px)}.split-intro>p{margin:0;color:var(--muted);font-size:16px}.spec-grid{display:grid;grid-template-columns:1.05fr 1.45fr .8fr .8fr 1.2fr;gap:10px}.spec-grid article{border:1px solid var(--line);padding:24px 20px;min-height:150px;border-radius:12px;background:linear-gradient(180deg,#fff,#fbfcfe)}.spec-grid article:nth-child(1),.spec-grid article:nth-child(4){border-top:4px solid var(--blue)}.spec-grid article:nth-child(2),.spec-grid article:nth-child(5){border-top:4px solid var(--orange)}.spec-grid small{display:block;color:var(--muted);font-size:9px;letter-spacing:.13em;font-weight:800}.spec-grid strong{display:block;font:800 23px/1.15 "Manrope";margin-top:28px}.spec-grid span{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.inventory-section{padding:88px 0;background:var(--soft)}.inventory-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:center}.inventory-copy p:not(.kicker){color:var(--muted);font-size:16px}.text-link{font-weight:800;color:var(--blue);text-decoration:none}.inventory-table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 12px 35px rgba(16,24,40,.06)}.inventory-table{width:100%;border-collapse:collapse}.inventory-table th{background:#edf3fb;text-align:left;padding:15px 14px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#475467}.inventory-table td{padding:18px 14px;border-top:1px solid var(--line);font-size:14px}.count{font:800 25px "Manrope";color:var(--blue)}.badge{font-size:10px;font-weight:800;padding:5px 9px;border-radius:999px}.badge.yes{background:#eaf8f2;color:var(--green)}.badge.no{background:#fff0ee;color:var(--red)}.table-note{padding:0 14px 14px;margin:0;color:var(--muted);font-size:10px}
.photo-band{padding:92px 0;background:var(--warm)}.photo-band-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.photo-large{margin:0}.photo-large img{display:block;width:100%;aspect-ratio:1.25/1;object-fit:cover;border-radius:16px;box-shadow:var(--shadow)}.photo-copy>p:not(.kicker){color:var(--muted);font-size:16px}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.mini-cards div{background:#fff;border:1px solid #f0d8c7;padding:17px;border-radius:10px}.mini-cards b{display:block;font:800 14px "Manrope"}.mini-cards span{display:block;color:var(--muted);font-size:10px;margin-top:5px}
.manufacturing{padding:92px 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-grid article{border:1px solid var(--line);padding:24px;border-radius:12px;min-height:220px;position:relative;overflow:hidden}.process-grid article:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:#edf4ff;right:-30px;top:-30px}.process-grid span{font:800 10px "Manrope";color:var(--orange)}.process-grid h3{font:800 20px/1.15 "Manrope";margin:45px 0 10px}.process-grid p{color:var(--muted);font-size:13px}.source-line{font-size:11px;color:var(--muted);margin-top:18px}.source-line a{color:var(--blue);font-weight:700}
.cert-section{padding:92px 0;background:#f8fafc}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cert-card{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 7px 22px rgba(16,24,40,.05)}.doc-preview{height:270px;background:#eef2f6;border-bottom:1px solid var(--line);overflow:hidden;position:relative}.doc-preview iframe{width:144%;height:144%;border:0;transform:scale(.695);transform-origin:0 0;pointer-events:none;background:#fff}.cert-meta{padding:18px}.cert-meta small{font-size:9px;letter-spacing:.12em;color:var(--blue);font-weight:800}.cert-meta h3{font:800 18px "Manrope";margin:7px 0 12px}.cert-meta a{font-size:11px;font-weight:800;color:var(--blue);text-decoration:none}.cert-note{margin-top:20px;border-left:4px solid var(--orange);padding:14px 16px;background:#fff;color:var(--muted);font-size:11px}.cert-note a{color:var(--blue);font-weight:800}
.about-section{padding:92px 0;background:#fff}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.about-copy .large{font:700 22px/1.4 "Manrope";margin-top:0}.about-copy>p:not(.large){color:var(--muted)}.contact-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.contact-tiles div{padding:18px;background:var(--soft);border-radius:10px}.contact-tiles small{display:block;color:var(--muted);font-size:9px;letter-spacing:.12em}.contact-tiles b{display:block;margin-top:7px}.contact-tiles a{color:var(--blue);text-decoration:none}
.rfq-section{padding:92px 0;background:linear-gradient(135deg,#eef5ff,#fff8f2)}.rfq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:start}.rfq-copy>p:not(.kicker){color:var(--muted);font-size:16px}.rfq-hints{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.rfq-hints span{background:#fff;border:1px solid var(--line);padding:7px 9px;border-radius:999px;font-size:10px;font-weight:700}.rfq-form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.form-grid{display:grid;gap:13px}.two-col{grid-template-columns:repeat(2,1fr)}.three-col{grid-template-columns:repeat(3,1fr)}.rfq-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:13px}.rfq-form input,.rfq-form select,.rfq-form textarea{width:100%;border:1px solid #cbd5e1;border-radius:7px;background:#fff;color:var(--ink);padding:11px 12px;font:14px "DM Sans";text-transform:none;letter-spacing:0;outline:none}.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(23,78,166,.10)}.optional{font-size:8px;color:var(--muted);font-weight:600;text-transform:none;letter-spacing:0;margin-left:4px}.full-button{width:100%;font-size:13px}.form-note{text-align:center;color:var(--muted);font-size:10px;margin:11px 0 0}
.sources-section{padding:72px 0;background:#fff}.sources-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.source-links{border-top:1px solid var(--line)}.source-links a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);text-decoration:none}.source-links b{font-size:13px}.source-links span{font-size:10px;color:var(--muted);text-align:right}.site-footer{padding:48px 0;background:#10233e;color:#fff}.footer-grid{display:grid;grid-template-columns:1.3fr .6fr .8fr;gap:50px}.footer-brand small{color:#aebed3}.footer-grid p{font-size:11px;color:#aebed3;max-width:420px}.footer-grid nav,.footer-contact{display:flex;flex-direction:column;gap:9px;font-size:11px}.footer-grid a{text-decoration:none}.footer-contact{color:#c8d4e4}
@media(max-width:1000px){.site-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:18px 22px;flex-direction:column;align-items:stretch}.site-nav.open{display:flex}.menu-button{display:block}.hero-grid,.inventory-grid,.photo-band-grid,.about-grid,.rfq-layout,.sources-grid,.split-intro{grid-template-columns:1fr}.hero-photo img{aspect-ratio:16/10}.spec-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.cert-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.inventory-copy{max-width:700px}.split-intro{gap:20px}}
@media(max-width:680px){.wrap{width:calc(100% - 28px)}.nav-wrap{height:70px}.site-nav{top:70px}.brand small{display:none}.hero{padding-top:44px}.hero-grid{gap:34px}.hero h1{font-size:47px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column}.button{width:100%}.hero-facts{grid-template-columns:1fr 1fr}.spec-strip,.inventory-section,.photo-band,.manufacturing,.cert-section,.about-section,.rfq-section{padding:68px 0}.spec-grid,.process-grid,.cert-grid,.mini-cards,.contact-tiles{grid-template-columns:1fr}.inventory-table-wrap{overflow-x:auto}.inventory-table{min-width:660px}.doc-preview{height:235px}.two-col,.three-col{grid-template-columns:1fr}.rfq-form{padding:20px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>div:first-child{grid-column:auto}.source-links a{flex-direction:column}.source-links span{text-align:left}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* v4: distinct MFI identity + motion */
.brand-symbol{width:42px;height:36px;display:grid;place-items:center;flex:0 0 auto;filter:drop-shadow(0 5px 9px rgba(16,42,74,.12))}
.brand-symbol svg{width:100%;height:100%;overflow:visible}.brand-symbol .foil-a{fill:#163b67}.brand-symbol .foil-b{fill:#2f6ba5}.brand-symbol .foil-c{fill:#8bb3d8}.brand-symbol .foil-cut{fill:#ef6c32}
.brand:hover .brand-symbol{transform:translateY(-2px) rotate(-1deg)}.brand-symbol{transition:transform .32s cubic-bezier(.2,.8,.2,1)}

.hero{overflow:hidden;position:relative;background:radial-gradient(circle at 80% 15%,#eef6ff 0,transparent 34%),linear-gradient(180deg,#fff 0%,#f7fafc 100%)}
.hero:before{content:"";position:absolute;inset:auto -7% -140px 42%;height:290px;border:1px solid rgba(23,78,166,.12);border-radius:50%;transform:rotate(-7deg);pointer-events:none}
.hero-visual{min-height:560px;position:relative;margin:0}.hero-frame{margin:0;position:absolute;overflow:hidden;background:#e9eef5;box-shadow:0 25px 70px rgba(16,42,74,.16)}
.hero-frame img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.hero-frame-main{inset:20px 0 45px 58px;border-radius:28px 7px 28px 7px;clip-path:polygon(0 0,100% 4%,92% 100%,0 93%)}
.hero-frame-main img{object-position:center}.hero-frame-float{width:47%;height:41%;left:0;bottom:0;border:8px solid #fff;border-radius:8px 24px 8px 24px;animation:heroFloat 6s ease-in-out infinite}
.hero-frame-float img{object-position:center}.hero-visual:hover .hero-frame-main img{transform:scale(1.035)}.hero-visual:hover .hero-frame-float img{transform:scale(1.06)}
.hero-foil-card{position:absolute;right:-16px;top:56px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 32px rgba(16,42,74,.12);border-radius:999px;padding:10px 13px;display:flex;gap:7px;z-index:3}
.hero-foil-card span{font:800 9px "Manrope";letter-spacing:.07em;color:#244260;background:#eef4fa;padding:7px 8px;border-radius:999px}.hero-foil-card span:nth-child(2){background:#fff0e9;color:#9d431d}
.hero-credit{position:absolute;right:8px;bottom:0;margin:0;font-size:9px;color:var(--muted)}.hero-credit a{color:var(--blue);font-weight:700;text-decoration:none}
@keyframes heroFloat{0%,100%{transform:translate3d(0,0,0) rotate(-1.3deg)}50%{transform:translate3d(0,-10px,0) rotate(.7deg)}}

.button,.nav-rfq,.text-link,.cert-button{position:relative;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background .28s ease,color .28s ease,border-color .28s ease}
.button:before,.nav-rfq:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.3) 45%,transparent 70%);transform:translateX(-140%);transition:transform .55s ease}
.button:hover:before,.nav-rfq:hover:before{transform:translateX(140%)}.button:hover,.nav-rfq:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(23,78,166,.17)}

.cert-card{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}.cert-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(16,42,74,.12);border-color:#b8c9db}
.doc-preview{height:auto;aspect-ratio:8.5/11;padding:14px;background:linear-gradient(135deg,#edf2f7,#f8fafc);overflow:hidden}.doc-sheet{width:100%;height:100%;background:#fff;border:1px solid #dfe5ec;box-shadow:0 7px 18px rgba(16,24,40,.08);overflow:hidden;position:relative}.doc-preview iframe{width:100%;height:100%;border:0;transform:none;transform-origin:initial;pointer-events:none;background:#fff}
.cert-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:10px 12px;border:1px solid #c8d6e6;border-radius:7px;color:var(--blue)!important;background:#f7faff}.cert-button i{font-style:normal;transition:transform .28s ease}.cert-button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--blue),var(--orange));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.cert-card:hover .cert-button{background:#fff;border-color:#8fa9c6}.cert-card:hover .cert-button i{transform:translate(3px,-3px) rotate(8deg)}.cert-card:hover .cert-button:after{transform:scaleX(1)}

.process-grid article,.spec-grid article{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease}.process-grid article:hover,.spec-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(16,42,74,.09);border-color:#bdcad8}
.reveal,.process-grid article,.cert-card,.spec-grid article{opacity:0;transform:translateY(18px);transition:opacity .65s ease var(--reveal-delay,0ms),transform .65s cubic-bezier(.2,.8,.2,1) var(--reveal-delay,0ms),box-shadow .32s ease,border-color .32s ease}
.reveal.is-visible,.process-grid article.is-visible,.cert-card.is-visible,.spec-grid article.is-visible{opacity:1;transform:none}.cert-card.is-visible:hover,.process-grid article.is-visible:hover,.spec-grid article.is-visible:hover{transform:translateY(-5px)}.cert-card.is-visible:hover{transform:translateY(-7px)}
.compact-field{grid-template-columns:minmax(260px,1fr);max-width:50%}

@media(max-width:1000px){.hero-visual{min-height:480px;max-width:720px}.hero-frame-main{inset:15px 0 55px 9%}.hero-frame-float{width:43%;height:42%}.hero-credit{right:0}.compact-field{max-width:100%}}
@media(max-width:680px){.hero-visual{min-height:370px}.hero-frame-main{inset:5px 0 40px 8%}.hero-frame-float{width:48%;height:40%;border-width:5px}.hero-foil-card{right:-3px;top:26px}.hero-credit{font-size:8px;max-width:70%;text-align:right}.doc-preview{padding:9px}.compact-field{max-width:100%}}
@media(prefers-reduced-motion:reduce){.hero-frame-float{animation:none}.reveal,.process-grid article,.cert-card,.spec-grid article{opacity:1;transform:none}}

/* v5: immersive motion + compact references */
:root{--mouse-x:50vw;--mouse-y:20vh}
body{overflow-x:hidden}
.ambient-glow{position:fixed;z-index:0;left:0;top:0;width:520px;height:520px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(61,130,200,.075),rgba(61,130,200,.025) 38%,transparent 70%);filter:blur(10px);transform:translate3d(calc(var(--mouse-x) - 260px),calc(var(--mouse-y) - 260px),0);transition:transform .16s ease-out;will-change:transform}
.site-header,main,.site-footer{position:relative;z-index:1}
.scroll-progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:linear-gradient(90deg,var(--orange),var(--blue2),#84b8df);transform:scaleX(0);transform-origin:left center;will-change:transform;box-shadow:0 0 12px rgba(23,78,166,.28)}
.site-header{transition:box-shadow .35s ease,background .35s ease}.site-header.scrolled{box-shadow:0 10px 35px rgba(16,42,74,.08);background:rgba(255,255,255,.9)}
.site-nav a:not(.nav-rfq){position:relative}.site-nav a:not(.nav-rfq):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:linear-gradient(90deg,var(--blue),var(--orange));transition:right .3s cubic-bezier(.2,.8,.2,1)}.site-nav a:not(.nav-rfq):hover:after{right:0}
.hero-copy>*{opacity:0;animation:heroEnter .78s cubic-bezier(.2,.8,.2,1) forwards}.hero-copy>.kicker{animation-delay:.06s}.hero-copy>h1{animation-delay:.15s}.hero-copy>.hero-lead{animation-delay:.27s}.hero-copy>.hero-actions{animation-delay:.38s}.hero-copy>.hero-facts{animation-delay:.49s}
@keyframes heroEnter{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
.hero:after{content:"";position:absolute;left:-18%;top:18%;width:42%;height:42%;border-radius:50%;border:1px solid rgba(23,78,166,.07);box-shadow:0 0 0 42px rgba(23,78,166,.025),0 0 0 84px rgba(23,78,166,.018);animation:orbitPulse 8s ease-in-out infinite;pointer-events:none}
@keyframes orbitPulse{0%,100%{transform:scale(.92) rotate(0deg);opacity:.55}50%{transform:scale(1.06) rotate(7deg);opacity:1}}
.hero-frame-main{transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.hero-foil-card{animation:foilBadge 4.8s ease-in-out infinite}.hero-foil-card span{transition:transform .28s ease,background .28s ease}.hero-foil-card:hover span:nth-child(1){transform:translateY(-2px)}.hero-foil-card:hover span:nth-child(2){transform:translateY(2px)}.hero-foil-card:hover span:nth-child(3){transform:translateY(-2px)}
@keyframes foilBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.hero-facts div{position:relative;overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),background .32s ease}.hero-facts div:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(91,148,205,.11) 49%,transparent 72%);transform:translateX(-130%);transition:transform .62s ease}.hero-facts div:hover{transform:translateY(-4px);background:#fbfdff}.hero-facts div:hover:before{transform:translateX(130%)}
.kicker{display:inline-flex;align-items:center;gap:9px}.kicker:before{content:"";width:18px;height:2px;background:linear-gradient(90deg,var(--orange),var(--blue));transform-origin:left;animation:kickerLine 2.8s ease-in-out infinite}@keyframes kickerLine{0%,100%{transform:scaleX(.55);opacity:.55}50%{transform:scaleX(1);opacity:1}}
.spec-strip,.manufacturing,.about-section{position:relative;overflow:hidden}.spec-strip:before,.manufacturing:before,.about-section:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(23,78,166,.05),transparent 67%);pointer-events:none;animation:sectionDrift 12s ease-in-out infinite alternate}.spec-strip:before{right:-150px;top:10%}.manufacturing:before{left:-150px;bottom:5%;animation-delay:-3s}.about-section:before{right:-130px;bottom:-80px;animation-delay:-6s}@keyframes sectionDrift{to{transform:translate3d(45px,-28px,0) scale(1.08)}}
.spec-grid article{overflow:hidden;position:relative}.spec-grid article:after{content:"";position:absolute;left:-30%;top:-130%;width:42%;height:360%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:rotate(18deg);transition:left .7s ease}.spec-grid article:hover:after{left:120%}.spec-grid strong{transition:color .3s ease,transform .3s ease;transform-origin:left}.spec-grid article:hover strong{color:var(--blue);transform:translateX(3px)}
.inventory-section{position:relative;overflow:hidden}.inventory-section:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 44%,rgba(255,255,255,.33) 50%,transparent 56%);transform:translateX(-115%);animation:inventorySheen 11s ease-in-out infinite;pointer-events:none}@keyframes inventorySheen{0%,58%{transform:translateX(-115%)}78%,100%{transform:translateX(115%)}}
.inventory-table tbody tr{transition:transform .28s ease,background .28s ease,box-shadow .28s ease}.inventory-table tbody tr:hover{background:#f8fbff;transform:scale(1.006);box-shadow:0 8px 24px rgba(16,42,74,.06)}.count{display:inline-block;transition:transform .28s cubic-bezier(.2,.8,.2,1),color .28s ease}.inventory-table tr:hover .count{transform:scale(1.12);color:var(--blue)}
.photo-large{overflow:hidden;border-radius:18px}.photo-large img{transition:transform 1.1s cubic-bezier(.2,.8,.2,1);will-change:transform}.photo-large:hover img{transform:scale(1.045)}.mini-cards>div,.contact-tiles>div{position:relative;overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,background .32s ease}.mini-cards>div:before,.contact-tiles>div:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(23,78,166,.07),transparent 60%);opacity:0;transition:opacity .3s ease}.mini-cards>div:hover,.contact-tiles>div:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(16,42,74,.08);background:#fff}.mini-cards>div:hover:before,.contact-tiles>div:hover:before{opacity:1}
.process-grid{position:relative}.process-grid:before{content:"";position:absolute;left:5%;right:5%;top:31px;height:1px;background:linear-gradient(90deg,transparent,var(--blue2),var(--orange),transparent);transform:scaleX(.12);transform-origin:left;opacity:.35;transition:transform 1.3s cubic-bezier(.2,.8,.2,1),opacity .8s ease}.process-grid.is-visible:before{transform:scaleX(1);opacity:.65}.process-grid article span{display:inline-grid;place-items:center;transition:transform .34s ease,background .34s ease,color .34s ease}.process-grid article:hover span{transform:rotate(-6deg) scale(1.1);background:var(--blue);color:#fff}
.cert-card{overflow:hidden}.cert-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,transparent 15%,rgba(23,78,166,.38),rgba(242,106,46,.34),transparent 85%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease;pointer-events:none;z-index:3}.cert-card:hover:before{opacity:1}
.doc-preview{position:relative}.doc-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.5) 48%,transparent 70%);transform:translateX(-130%);transition:transform .75s ease;pointer-events:none}.cert-card:hover .doc-preview:after{transform:translateX(130%)}
.doc-preview iframe{width:122%;height:122%;transform:scale(.82);transform-origin:top left;pointer-events:none;background:#fff}
.cert-button:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(23,78,166,.09),rgba(242,106,46,.12));transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.cert-card:hover .cert-button:before{transform:scaleX(1)}.cert-button span,.cert-button i{position:relative;z-index:1}.cert-card:hover .cert-button span{letter-spacing:.025em}
.about-copy .large{position:relative;display:inline-block}.about-copy .large:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:3px;background:linear-gradient(90deg,var(--orange),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.about-copy.is-visible .large:after,.about-grid.is-visible .large:after{transform:scaleX(1)}
.rfq-form{transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease}.rfq-form:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(16,42,74,.13)}.rfq-form input,.rfq-form select,.rfq-form textarea{transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease,background .25s ease}.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{transform:translateY(-1px);background:#fcfdff}
.sources-section{padding:25px 0;background:#fbfcfe;border-top:1px solid var(--line)}.sources-compact{display:flex;align-items:center;justify-content:space-between;gap:20px}.source-label{font:800 9px "Manrope";letter-spacing:.13em;text-transform:uppercase;color:#7a8799;white-space:nowrap}.source-links-inline{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.source-links-inline a{font-size:9px;font-weight:700;color:#526579;text-decoration:none;border:1px solid #dbe4ee;background:#fff;padding:6px 9px;border-radius:999px;transition:transform .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.source-links-inline a:hover{transform:translateY(-2px);color:var(--blue);border-color:#a9bdd4;box-shadow:0 7px 17px rgba(16,42,74,.07)}
.site-footer{overflow:hidden;position:relative}.site-footer:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-190px;top:-350px;border:1px solid rgba(255,255,255,.07);box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 110px rgba(255,255,255,.012);animation:footerOrbit 12s linear infinite}@keyframes footerOrbit{to{transform:rotate(360deg)}}.footer-grid{position:relative;z-index:1}.footer-grid nav a,.footer-contact a{transition:transform .25s ease,color .25s ease}.footer-grid nav a:hover,.footer-contact a:hover{transform:translateX(3px);color:#fff}
.motion-item{opacity:0;transform:translate3d(0,22px,0);transition:opacity .72s ease var(--motion-delay,0ms),transform .72s cubic-bezier(.2,.8,.2,1) var(--motion-delay,0ms)}.motion-item.is-visible{opacity:1;transform:none}.motion-scale{opacity:0;transform:scale(.975);transition:opacity .8s ease var(--motion-delay,0ms),transform .8s cubic-bezier(.2,.8,.2,1) var(--motion-delay,0ms)}.motion-scale.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.sources-compact{align-items:flex-start;flex-direction:column;gap:10px}.source-links-inline{justify-content:flex-start}.process-grid:before{display:none}}
@media(max-width:680px){.ambient-glow{display:none}.sources-section{padding:20px 0}.source-links-inline{gap:5px}.source-links-inline a{font-size:8px;padding:5px 7px}.hero:after{display:none}.photo-large{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.ambient-glow{display:none}.hero-copy>*{opacity:1;animation:none}.hero:after,.hero-foil-card,.kicker:before,.inventory-section:after,.spec-strip:before,.manufacturing:before,.about-section:before,.site-footer:before{animation:none}.motion-item,.motion-scale{opacity:1;transform:none}.hero-frame-main{transform:none!important}}
.reveal{opacity:1;transform:none}

/* v6 refinement: MFI wordmark, light certificate framing, image-title cleanup */
.brand-image{display:flex;align-items:center;min-width:0;padding:0}.brand-logo{display:block;width:210px;max-width:32vw;height:auto;object-fit:contain}.brand-image:hover .brand-logo{transform:translateY(-1px)}.brand-logo{transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.footer-brand-image{display:inline-flex}.footer-logo-plate{display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:7px 10px;box-shadow:0 9px 26px rgba(0,0,0,.12)}.footer-brand-image .brand-logo{width:230px;max-width:100%}

.cert-card{border:1px solid #e7edf4;box-shadow:0 8px 24px rgba(16,24,40,.045)}
.doc-preview{padding:0;background:#fff;border-bottom:1px solid #edf1f5}
.doc-sheet{border:0!important;box-shadow:none!important;background:#fff;overflow:hidden}
.doc-sheet:before,.doc-sheet:after{content:"";position:absolute;left:0;right:0;height:10px;background:#fff;z-index:2;pointer-events:none}.doc-sheet:before{top:0}.doc-sheet:after{bottom:0}
.doc-preview iframe{position:absolute;inset:-18px -8px -10px -8px;width:calc(100% + 16px);height:calc(100% + 34px);transform:none!important;border:0!important;background:#fff}
.cert-card:hover{border-color:#d6e1ec;box-shadow:0 22px 48px rgba(16,42,74,.10)}
.cert-card:before{display:none}

@media(max-width:1000px){.brand-logo{width:200px;max-width:45vw}}
@media(max-width:680px){.brand-logo{width:176px;max-width:66vw}.footer-brand-image .brand-logo{width:205px}.doc-preview{padding:0}}


/* v8 gallery refinement */
.factory-gallery{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;gap:14px;align-items:stretch}
.factory-card{margin:0;background:#fff;border:1px solid #f0d8c7;border-radius:16px;padding:10px;box-shadow:var(--shadow);overflow:hidden}
.factory-card img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;border-radius:10px;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.factory-card:hover img{transform:scale(1.04)}
.factory-card-lg{grid-row:1 / span 2}
.factory-card-lg img{min-height:100%;height:100%}
.factory-card figcaption{font-size:10px;color:var(--muted);margin-top:8px}
.sources-note{margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.5;text-align:right}
@media(max-width:1000px){.photo-band-grid{grid-template-columns:1fr;gap:30px}.factory-gallery{grid-template-columns:1fr 1fr}.factory-card-lg{grid-row:auto;grid-column:1 / -1}.sources-note{text-align:left}}
@media(max-width:680px){.factory-gallery{grid-template-columns:1fr}.factory-card-lg{grid-column:auto}.factory-card img{min-height:180px}}


/* v9 refinements: stable hero, expanded-range note, reliable BIS preview */
.hero-frame-float{animation:none!important}
.hero-foil-card{display:none!important;animation:none!important}
.range-note{margin:18px 0 0;color:#7a8799;font-size:11px;line-height:1.55;max-width:900px}
.doc-preview-fallback{display:grid;place-items:center;background:linear-gradient(145deg,#f7f9fc,#eef3f8);padding:18px}
.license-cover{width:88%;height:88%;min-height:220px;background:#fff;border:1px solid #dce3ec;box-shadow:0 10px 28px rgba(16,24,40,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;position:relative;overflow:hidden}
.license-cover:before{content:"";position:absolute;inset:12px;border:1px solid #e5eaf0;pointer-events:none}
.license-seal{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#174ea6;color:#fff;font:800 12px "Manrope";letter-spacing:.08em;margin-bottom:18px;box-shadow:0 6px 18px rgba(23,78,166,.18)}
.license-cover small{font:700 9px "Manrope";letter-spacing:.12em;color:#667085;position:relative}
.license-cover strong{font:800 24px/1.1 "Manrope";color:#10233e;margin:14px 0 8px;position:relative}
.license-cover b{font:800 19px "Manrope";color:#174ea6;position:relative}
.license-cover em{font-style:normal;font-size:10px;color:#98a2b3;margin-top:18px;position:relative}


/* v10 certificate, hero imagery, and Houston office refinements */
.hero-frame-main img{object-position:center 52%}
.hero-frame-float img{object-position:center 48%}
.hero-frame-main{transform:none!important}
.hero-frame-float{animation:none!important}
.hero-visual:hover .hero-frame-main img{transform:scale(1.018)}
.hero-visual:hover .hero-frame-float img{transform:scale(1.025)}
.hero-credit{background:rgba(255,255,255,.92);padding:6px 8px;border-radius:6px;max-width:72%;color:#667085}

/* Certificate viewers removed completely: no browser/PDF black frame can render. */
.cert-section{background:#fbfcfe}
.cert-card{background:#fff!important;border:0!important;box-shadow:0 12px 34px rgba(16,42,74,.075)!important;border-radius:14px!important;position:relative}
.cert-card:before{display:none!important}
.doc-preview,.cert-document-preview{aspect-ratio:8.5/11;height:auto!important;padding:18px!important;background:#f7f9fc!important;border:0!important;display:grid;place-items:center;overflow:hidden}
.doc-preview:after{display:none!important}
.doc-preview iframe,.doc-sheet{display:none!important}
.cert-paper{width:100%;height:100%;background:#fff;border:0;box-shadow:0 1px 0 #eef2f6,0 8px 22px rgba(16,42,74,.05);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px;position:relative;overflow:hidden}
.cert-paper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--blue),var(--orange))}
.cert-paper:after{content:"JMA";position:absolute;right:-8px;bottom:-30px;font:800 88px/1 "Manrope";letter-spacing:-.08em;color:#f1f4f8;pointer-events:none}
.cert-paper-brand{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:28px;padding:0 9px;background:#eef4fb;color:var(--blue);border-radius:999px;font:800 10px "Manrope";letter-spacing:.08em;margin-bottom:26px;position:relative;z-index:1}
.cert-paper small{font:800 9px "Manrope";letter-spacing:.13em;color:#7b8a9b;position:relative;z-index:1}
.cert-paper strong{font:800 clamp(20px,2vw,27px)/1.08 "Manrope";letter-spacing:-.035em;color:#10233e;margin:12px 0 18px;max-width:95%;position:relative;z-index:1}
.cert-paper-line{width:54px;height:3px;background:var(--orange);border-radius:999px;margin-bottom:20px;position:relative;z-index:1}
.cert-paper b{font:700 11px "DM Sans";color:#344054;position:relative;z-index:1}
.cert-paper em{font-style:normal;font-size:9px;color:#98a2b3;margin-top:6px;position:relative;z-index:1}
.cert-meta{border-top:0!important}
.cert-button{border:0!important;background:#f3f7fc!important}
.cert-button:hover{background:#eaf2fb!important}

.contact-tiles{grid-template-columns:repeat(3,1fr)}

.office-end{padding:26px 0 0;background:#fff}
.office-end-wrap{width:min(1280px,calc(100% - 28px))}
.office-figure{margin:0;position:relative;overflow:hidden;border-radius:22px 22px 0 0;background:#e8eef4;min-height:560px;box-shadow:0 -6px 30px rgba(16,42,74,.06)}
.office-figure>img{display:block;width:100%;height:560px;object-fit:cover;object-position:center 50%;filter:saturate(.92) contrast(1.02);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.office-figure:hover>img{transform:scale(1.025)}
.office-figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,28,50,.76),rgba(9,28,50,.30) 43%,rgba(9,28,50,.04) 75%);pointer-events:none}
.office-overlay{position:absolute;left:clamp(26px,5vw,72px);top:50%;transform:translateY(-50%);z-index:2;color:#fff;max-width:520px}
.office-overlay .kicker{color:#fff;margin-bottom:18px}
.office-overlay .kicker:before{background:var(--orange)}
.office-overlay h2{font:800 clamp(36px,5vw,64px)/.98 "Manrope";letter-spacing:-.055em;margin:0 0 18px}
.office-overlay>p:last-child{margin:0;font-size:15px;color:rgba(255,255,255,.82)}
.office-figure figcaption{position:absolute;right:18px;bottom:14px;z-index:3;margin:0;background:rgba(255,255,255,.9);padding:6px 9px;border-radius:6px;color:#526579;max-width:62%;text-align:right}
.office-figure figcaption a{color:var(--blue)}

@media(max-width:1000px){.contact-tiles{grid-template-columns:1fr 1fr}.office-figure,.office-figure>img{height:500px;min-height:500px}}
@media(max-width:680px){.doc-preview,.cert-document-preview{padding:12px!important}.cert-paper{padding:24px}.contact-tiles{grid-template-columns:1fr}.office-end{padding-top:8px}.office-end-wrap{width:100%}.office-figure{border-radius:0;min-height:500px}.office-figure>img{height:500px;object-position:58% center}.office-figure:after{background:linear-gradient(180deg,rgba(9,28,50,.12),rgba(9,28,50,.72) 74%)}.office-overlay{left:22px;right:22px;top:auto;bottom:72px;transform:none}.office-overlay h2{font-size:40px}.office-figure figcaption{left:18px;right:18px;bottom:12px;max-width:none;text-align:left;font-size:8px}}

/* v11: full certificate thumbnails + stricter unique supply-chain gallery + Houston refresh */
.cert-document-preview{
  background:#fff!important;
  padding:14px!important;
  display:grid!important;
  place-items:center!important;
  aspect-ratio:8.5/11!important;
  overflow:hidden!important;
  border-bottom:1px solid #edf1f5!important;
}
.cert-thumb{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
  background:#fff;
  border:1px solid #eef2f6;
  box-shadow:0 7px 20px rgba(16,42,74,.055);
}
.cert-fallback{
  width:100%;
  height:100%;
  background:#fff;
  border:1px solid #e9eef4;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px;
  color:#10233e;
}
.cert-fallback[hidden]{display:none!important}
.cert-fallback small{font:800 9px "Manrope";letter-spacing:.14em;color:#7b8a9b;margin-bottom:16px}
.cert-fallback strong{font:800 24px/1.1 "Manrope";max-width:92%}
.cert-fallback span{font-size:10px;color:#98a2b3;margin-top:12px}
.factory-gallery .factory-card:nth-child(1) img{object-position:center 48%}
.factory-gallery .factory-card:nth-child(2) img{object-position:center 50%}
.factory-gallery .factory-card:nth-child(3) img{object-position:center 52%}
.office-figure>img{object-position:center 42%;filter:saturate(1.02) contrast(1.025)}
@media(max-width:680px){
  .cert-document-preview{padding:10px!important}
  .office-figure>img{object-position:52% 45%}
}

/* v11b: stable full-page certificate previews rendered with PDF.js (no PDF viewer chrome/background) */
.cert-document-preview{position:relative}
.cert-stage{width:100%;height:100%;display:grid;place-items:center;background:#fff;overflow:hidden}
.cert-source-image,
.cert-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;background:#fff;border:1px solid #eef2f6;box-shadow:0 7px 20px rgba(16,42,74,.055)}
.cert-source-image{width:100%;height:100%;object-fit:contain}
.cert-canvas{opacity:0;transition:opacity .22s ease}
.cert-loaded .cert-canvas{opacity:1}
.cert-loader{position:absolute;inset:auto 18px 18px;display:flex;align-items:center;justify-content:center;min-height:34px;background:rgba(255,255,255,.92);border:1px solid #e8eef5;border-radius:8px;font-size:9px;color:#758397;letter-spacing:.04em}
.cert-fallback{display:none!important}
.cert-load-failed .cert-stage{display:none!important}
.cert-load-failed .cert-fallback{display:flex!important}

/* Certificate display remains image-first; links open the original JMA document viewer. */
.cert-button[aria-busy="true"]{opacity:.72;pointer-events:none}
.cert-button i{font-style:normal;font-size:15px;line-height:1}


/* v14 hero and terminology refinement */
.hero h1 span{color:#344054;box-shadow:inset 0 -.12em 0 rgba(242,106,46,.14);-webkit-box-decoration-break:clone;box-decoration-break:clone}


/* v15: hero-only motion refinement — precise, restrained, layered */
.hero-copy>*{animation:none;opacity:1}
.hero .kicker{opacity:0;transform:translate3d(0,9px,0);animation:heroKickerIn .62s cubic-bezier(.22,.8,.2,1) .04s backwards}
.hero .kicker:before{animation:heroKickerDraw .72s cubic-bezier(.2,.8,.2,1) .08s backwards}
.hero h1{overflow:visible}
.hero-title-line{display:block;width:fit-content;opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,24px,0);will-change:transform,clip-path,opacity}
.hero-title-primary{color:var(--ink)!important;box-shadow:none!important;animation:heroTitleIn .88s cubic-bezier(.16,1,.3,1) .12s forwards}
.hero-title-secondary{color:#344054!important;box-shadow:inset 0 -.12em 0 rgba(242,106,46,.14)!important;animation:heroTitleIn .96s cubic-bezier(.16,1,.3,1) .28s forwards}
.hero-lead{opacity:0!important;transform:translate3d(0,15px,0);animation:heroSoftIn .74s cubic-bezier(.2,.8,.2,1) .46s forwards!important}
.hero-actions{opacity:0!important;transform:translate3d(0,12px,0);animation:heroSoftIn .7s cubic-bezier(.2,.8,.2,1) .58s forwards!important}
.hero-facts{opacity:0!important;transform:translate3d(0,13px,0);animation:heroFactsIn .82s cubic-bezier(.16,1,.3,1) .68s forwards!important}

@keyframes heroKickerIn{from{opacity:0;transform:translate3d(0,9px,0)}to{opacity:1;transform:none}}
@keyframes heroKickerDraw{from{transform:scaleX(0);opacity:.2}to{transform:scaleX(1);opacity:1}}
@keyframes heroTitleIn{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate3d(0,24px,0)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes heroSoftIn{from{opacity:0;transform:translate3d(0,15px,0)}to{opacity:1;transform:none}}
@keyframes heroFactsIn{from{opacity:0;transform:translate3d(0,13px,0) scale(.985)}to{opacity:1;transform:none}}

.hero-frame{will-change:transform,clip-path,opacity;isolation:isolate}
.hero-frame-main{
  transform:translate3d(var(--hero-main-x,0px),var(--hero-main-y,0px),0);
  transition:transform .62s cubic-bezier(.16,1,.3,1),box-shadow .45s ease;
  animation:heroMainFrameIn 1.05s cubic-bezier(.16,1,.3,1) .18s backwards;
}
.hero-frame-main img{animation:heroMainImageIn 1.18s cubic-bezier(.16,1,.3,1) .18s backwards}
.hero-frame-float{
  transform:translate3d(var(--hero-float-x,0px),var(--hero-float-y,0px),0) rotate(-.65deg);
  transition:transform .7s cubic-bezier(.16,1,.3,1),box-shadow .45s ease;
  animation:heroFloatFrameIn .92s cubic-bezier(.16,1,.3,1) .54s backwards!important;
}
.hero-frame-float img{animation:heroFloatImageIn 1.02s cubic-bezier(.16,1,.3,1) .54s backwards}
.hero-frame:after{content:"";position:absolute;inset:-35% -75%;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 39%,rgba(255,255,255,.30) 48%,rgba(255,255,255,.08) 53%,transparent 61%);transform:translate3d(-42%,0,0) rotate(7deg);opacity:0}
.hero-frame-main:after{animation:heroFoilSweep 1.15s cubic-bezier(.2,.8,.2,1) .92s both}
.hero-frame-float:after{animation:heroFoilSweep 1.05s cubic-bezier(.2,.8,.2,1) 1.14s both}
.hero-visual:hover .hero-frame-main{box-shadow:0 30px 78px rgba(16,42,74,.19)}
.hero-visual:hover .hero-frame-float{box-shadow:0 22px 54px rgba(16,42,74,.18)}

@keyframes heroMainFrameIn{
  from{opacity:0;clip-path:polygon(7% 6%,94% 9%,87% 90%,5% 86%);filter:blur(3px)}
  to{opacity:1;clip-path:polygon(0 0,100% 4%,92% 100%,0 93%);filter:blur(0)}
}
@keyframes heroMainImageIn{from{transform:scale(1.075)}to{transform:scale(1)}}
@keyframes heroFloatFrameIn{
  from{opacity:0;transform:translate3d(-18px,24px,0) rotate(-2.2deg);clip-path:inset(12% 10% 8% 10% round 18px)}
  to{opacity:1;transform:translate3d(var(--hero-float-x,0px),var(--hero-float-y,0px),0) rotate(-.65deg);clip-path:inset(0 round 0)}
}
@keyframes heroFloatImageIn{from{transform:scale(1.09)}to{transform:scale(1)}}
@keyframes heroFoilSweep{
  0%,12%{opacity:0;transform:translate3d(-42%,0,0) rotate(7deg)}
  28%{opacity:.7}
  72%{opacity:.34}
  100%{opacity:0;transform:translate3d(42%,0,0) rotate(7deg)}
}

@media(max-width:680px){
  .hero-title-line{width:auto}
  .hero-frame-main,.hero-frame-float{transition:none}
  .hero-frame:after{opacity:0!important;animation:none!important}
}
@media(prefers-reduced-motion:reduce){
  .hero .kicker,.hero-title-line,.hero-lead,.hero-actions,.hero-facts,.hero-frame-main,.hero-frame-main img,.hero-frame-float,.hero-frame-float img,.hero-frame:after{animation:none!important;opacity:1!important;clip-path:none!important;filter:none!important;transform:none!important}
  .hero-title-secondary{box-shadow:inset 0 -.12em 0 rgba(242,106,46,.14)!important}
}

/* v15 final hero polish: one-time ambient entrance rather than perpetual pulsing */
.hero .kicker{animation-fill-mode:forwards}
.hero:after{animation:heroHaloIn 1.25s cubic-bezier(.16,1,.3,1) .28s both}
@keyframes heroHaloIn{from{opacity:0;transform:scale(.9) rotate(-5deg)}to{opacity:.62;transform:scale(1) rotate(0deg)}}
@media(prefers-reduced-motion:reduce){.hero:after{animation:none!important;opacity:.55!important;transform:none!important}}

/* v16: hero balance and color refinement — hero only */
.hero-grid{grid-template-columns:1.04fr .96fr;gap:54px}
.hero-copy{
  position:relative;
  isolation:isolate;
  padding:24px 0 24px 30px;
}
.hero-copy:before{
  content:"";
  position:absolute;
  left:0;
  top:20px;
  bottom:24px;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff7138 0%,#f26a2e 24%,rgba(242,106,46,.18) 72%,rgba(242,106,46,0) 100%);
  box-shadow:0 0 18px rgba(242,106,46,.12);
  pointer-events:none;
}
.hero-copy:after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-48px;
  top:3%;
  width:74%;
  height:82%;
  border-radius:46%;
  background:radial-gradient(circle at 38% 42%,rgba(255,247,241,.72),rgba(255,255,255,0) 68%);
  pointer-events:none;
}
.hero h1{font-size:clamp(48px,5.25vw,78px);max-width:760px}
.hero-title-primary{color:#101828!important}
.hero-title-secondary{
  color:#29384a!important;
  box-shadow:none!important;
  text-shadow:none!important;
  margin-top:.08em;
}
.hero .kicker{color:#3b4b60;letter-spacing:.16em;margin-bottom:18px}
.hero .kicker:before{
  width:24px;
  height:3px;
  border-radius:999px;
  background:#ff7138;
  box-shadow:0 0 12px rgba(255,113,56,.16);
}
.hero-lead{max-width:650px;margin:27px 0 24px;color:#4b596b}
.hero-actions{margin-top:2px}
.hero-facts{
  margin-top:30px;
  border-color:#d7dee8;
  background:#d7dee8;
  box-shadow:0 16px 34px rgba(16,24,40,.065);
  border-radius:10px;
  overflow:hidden;
}
.hero-facts div{padding:19px 20px;background:rgba(255,255,255,.96)}
.hero-facts b{font-size:22px;color:#172033}
.hero-facts span{font-size:11px;color:#667085}

/* Keep the reveal polished without allowing the left side to look blank on first paint. */
.hero .kicker{opacity:.72}
.hero-title-line{opacity:.18;transform:translate3d(0,12px,0);clip-path:inset(0 0 45% 0)}
.hero-lead,.hero-actions,.hero-facts{opacity:.48!important}
@keyframes heroTitleIn{0%{opacity:.18;clip-path:inset(0 0 45% 0);transform:translate3d(0,12px,0)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes heroSoftIn{from{opacity:.48;transform:translate3d(0,8px,0)}to{opacity:1;transform:none}}
@keyframes heroFactsIn{from{opacity:.48;transform:translate3d(0,8px,0) scale(.992)}to{opacity:1;transform:none}}

@media(max-width:1000px){
  .hero-copy{padding-left:24px;max-width:760px}
  .hero-copy:before{top:16px;bottom:18px}
  .hero-copy:after{width:62%;height:76%}
}
@media(max-width:680px){
  .hero-copy{padding:12px 0 8px 18px}
  .hero-copy:before{top:8px;bottom:6px;width:2px}
  .hero-copy:after{display:none}
  .hero h1{font-size:48px}
  .hero-title-secondary{margin-top:.11em}
  .hero-facts{margin-top:26px;box-shadow:0 10px 24px rgba(16,24,40,.055)}
}
@media(prefers-reduced-motion:reduce){
  .hero-title-secondary{box-shadow:none!important}
}

/* v17: hero clarity refinement — remove left-side haze without altering layout or imagery */
.hero-copy:after{display:none!important}
.hero-copy>*{position:relative;z-index:1}
.hero-lead,.hero-actions,.hero-facts{filter:none!important}
.hero-actions .button{position:relative;z-index:2}
.hero-facts div{background:#fff}

/* v18: clean hero rebuild — crisp, concise, no haze */
.hero{
  position:relative;
  z-index:1;
  isolation:isolate;
  overflow:hidden;
  padding:72px 0 64px;
  background:#fff!important;
}
.hero:before,.hero:after{display:none!important;content:none!important}
.hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);
  gap:64px;
  align-items:center;
}
.hero-copy{
  position:relative;
  padding:0!important;
  max-width:650px;
  isolation:auto;
}
.hero-copy:before,.hero-copy:after{display:none!important;content:none!important}
.hero-copy>*{
  position:relative;
  z-index:1;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  clip-path:none!important;
  animation:none!important;
}
.hero .kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin:0 0 18px;
  color:#596579;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
  opacity:1!important;
}
.hero .kicker:before{
  content:"";
  display:block;
  width:28px;
  height:2px;
  flex:0 0 auto;
  border-radius:2px;
  background:#f26a2e;
  box-shadow:none!important;
  animation:none!important;
}
.hero h1{
  max-width:650px;
  margin:0;
  font:800 clamp(48px,5.1vw,76px)/.99 "Manrope",sans-serif;
  letter-spacing:-.055em;
}
.hero-title-line{
  display:block;
  width:auto!important;
  margin:0!important;
  color:#111827!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.hero-title-secondary{
  margin-top:.10em!important;
  color:#344054!important;
}
.hero-lead{
  max-width:560px;
  margin:24px 0 26px!important;
  color:#566273!important;
  font-size:18px;
  line-height:1.55;
}
.hero-actions{
  display:flex;
  gap:12px;
  margin:0!important;
  flex-wrap:wrap;
}
.hero-actions .button{
  min-height:48px;
  padding:0 20px;
  border-radius:6px;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}
.hero-actions .button:hover{transform:translateY(-2px)!important}
.hero-actions .primary{background:#174ea6;color:#fff;border-color:#174ea6}
.hero-actions .secondary{background:#fff;color:#23334a;border-color:#aeb9c8}
.hero-facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:34px 0 0!important;
  border:1px solid #dce3ec;
  border-radius:8px;
  overflow:hidden;
  background:#fff!important;
  box-shadow:none!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  animation:none!important;
}
.hero-facts div{
  min-width:0;
  padding:16px 18px!important;
  background:#fff!important;
  border-right:1px solid #dce3ec;
  overflow:visible!important;
  transform:none!important;
  transition:background .2s ease!important;
}
.hero-facts div:last-child{border-right:0}
.hero-facts div:before{display:none!important;content:none!important}
.hero-facts div:hover{background:#fafbfc!important;transform:none!important}
.hero-facts b{
  display:block;
  margin:0 0 3px;
  color:#172033!important;
  font:800 19px/1.2 "Manrope",sans-serif;
  white-space:nowrap;
}
.hero-facts span{
  display:block;
  color:#667085!important;
  font-size:10px!important;
  line-height:1.35;
}
.hero-visual{
  min-height:550px;
  position:relative;
  margin:0;
}
.hero-frame{
  position:absolute;
  margin:0;
  overflow:hidden;
  background:#eef2f6;
  opacity:1!important;
  filter:none!important;
  will-change:transform,opacity;
}
.hero-frame:after{display:none!important;content:none!important}
.hero-frame img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:none!important;
  opacity:1!important;
  animation:none!important;
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.hero-frame-main{
  inset:18px 0 44px 54px;
  border-radius:20px;
  clip-path:none!important;
  box-shadow:0 20px 48px rgba(16,24,40,.12);
  transform:none!important;
  animation:heroImageMainIn .72s cubic-bezier(.16,1,.3,1) .08s both!important;
}
.hero-frame-float{
  width:45%;
  height:39%;
  left:0;
  bottom:0;
  border:6px solid #fff;
  border-radius:14px;
  box-shadow:0 18px 38px rgba(16,24,40,.14);
  transform:none!important;
  animation:heroImageFloatIn .72s cubic-bezier(.16,1,.3,1) .24s both!important;
}
.hero-visual:hover .hero-frame-main img{transform:scale(1.015)!important}
.hero-visual:hover .hero-frame-float img{transform:scale(1.025)!important}
.hero-credit{
  position:absolute;
  right:0;
  bottom:-2px;
  z-index:3;
  margin:0;
  padding:0!important;
  max-width:none!important;
  background:transparent!important;
  color:#8a94a4;
  font-size:8px;
  line-height:1.2;
}
@keyframes heroImageMainIn{
  from{opacity:0;transform:translate3d(18px,0,0) scale(.985)}
  to{opacity:1;transform:none}
}
@keyframes heroImageFloatIn{
  from{opacity:0;transform:translate3d(-14px,14px,0) scale(.97)}
  to{opacity:1;transform:none}
}
@media(max-width:1000px){
  .hero{padding:58px 0 54px}
  .hero-grid{grid-template-columns:1fr;gap:38px}
  .hero-copy{max-width:760px}
  .hero h1{max-width:760px}
  .hero-lead{max-width:650px}
  .hero-visual{min-height:470px;max-width:720px}
  .hero-frame-main{inset:10px 0 46px 8%}
}
@media(max-width:680px){
  .hero{padding:44px 0 46px}
  .hero h1{font-size:46px}
  .hero-lead{font-size:16px;margin:20px 0 22px!important}
  .hero-actions{flex-direction:column}
  .hero-actions .button{width:100%}
  .hero-facts{grid-template-columns:1fr;margin-top:26px!important}
  .hero-facts div{border-right:0;border-bottom:1px solid #dce3ec;padding:14px 16px!important}
  .hero-facts div:last-child{border-bottom:0}
  .hero-visual{min-height:360px}
  .hero-frame-main{inset:4px 0 36px 7%}
  .hero-frame-float{width:47%;height:38%;border-width:4px}
}
@media(prefers-reduced-motion:reduce){
  .hero-frame-main,.hero-frame-float{animation:none!important;opacity:1!important;transform:none!important}
  .hero-frame img{transition:none!important}
}

/* v18: clean hero rebuild — crisp, concise, no haze */
.hero{position:relative;z-index:1;isolation:isolate;overflow:hidden;padding:72px 0 64px;background:#fff!important}
.hero:before,.hero:after{display:none!important;content:none!important}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(420px,.92fr);gap:64px;align-items:center}
.hero-copy{position:relative;padding:0!important;max-width:650px;isolation:auto}
.hero-copy:before,.hero-copy:after{display:none!important;content:none!important}
.hero-copy>*{position:relative;z-index:1;opacity:1!important;filter:none!important;transform:none!important;clip-path:none!important;animation:none!important}
.hero .kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:#596579;font-size:10px;font-weight:800;letter-spacing:.14em;opacity:1!important}
.hero .kicker:before{content:"";display:block;width:28px;height:2px;flex:0 0 auto;border-radius:2px;background:#f26a2e;box-shadow:none!important;animation:none!important}
.hero h1{max-width:650px;margin:0;font:800 clamp(48px,5.1vw,76px)/.99 "Manrope",sans-serif;letter-spacing:-.055em}
.hero-title-line{display:block;width:auto!important;margin:0!important;color:#111827!important;box-shadow:none!important;text-shadow:none!important}
.hero-title-secondary{margin-top:.10em!important;color:#344054!important}
.hero-lead{max-width:560px;margin:24px 0 26px!important;color:#566273!important;font-size:18px;line-height:1.55}
.hero-actions{display:flex;gap:12px;margin:0!important;flex-wrap:wrap}
.hero-actions .button{min-height:48px;padding:0 20px;border-radius:6px;box-shadow:none!important;opacity:1!important;filter:none!important;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}
.hero-actions .button:hover{transform:translateY(-2px)!important}
.hero-actions .primary{background:#174ea6;color:#fff;border-color:#174ea6}
.hero-actions .secondary{background:#fff;color:#23334a;border-color:#aeb9c8}
.hero-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:34px 0 0!important;border:1px solid #dce3ec;border-radius:8px;overflow:hidden;background:#fff!important;box-shadow:none!important;opacity:1!important;filter:none!important;transform:none!important;animation:none!important}
.hero-facts div{min-width:0;padding:16px 18px!important;background:#fff!important;border-right:1px solid #dce3ec;overflow:visible!important;transform:none!important;transition:background .2s ease!important}
.hero-facts div:last-child{border-right:0}
.hero-facts div:before{display:none!important;content:none!important}
.hero-facts div:hover{background:#fafbfc!important;transform:none!important}
.hero-facts b{display:block;margin:0 0 3px;color:#172033!important;font:800 19px/1.2 "Manrope",sans-serif;white-space:nowrap}
.hero-facts span{display:block;color:#667085!important;font-size:10px!important;line-height:1.35}
.hero-visual{min-height:550px;position:relative;margin:0}
.hero-frame{position:absolute;margin:0;overflow:hidden;background:#eef2f6;opacity:1!important;filter:none!important;will-change:transform,opacity}
.hero-frame:after{display:none!important;content:none!important}
.hero-frame img{width:100%;height:100%;display:block;object-fit:cover;filter:none!important;opacity:1!important;animation:none!important;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.hero-frame-main{inset:18px 0 44px 54px;border-radius:20px;clip-path:none!important;box-shadow:0 20px 48px rgba(16,24,40,.12);transform:none!important;animation:heroImageMainIn .72s cubic-bezier(.16,1,.3,1) .08s both!important}
.hero-frame-float{width:45%;height:39%;left:0;bottom:0;border:6px solid #fff;border-radius:14px;box-shadow:0 18px 38px rgba(16,24,40,.14);transform:none!important;animation:heroImageFloatIn .72s cubic-bezier(.16,1,.3,1) .24s both!important}
.hero-visual:hover .hero-frame-main img{transform:scale(1.015)!important}
.hero-visual:hover .hero-frame-float img{transform:scale(1.025)!important}
.hero-credit{position:absolute;right:0;bottom:-2px;z-index:3;margin:0;padding:0!important;max-width:none!important;background:transparent!important;color:#8a94a4;font-size:8px;line-height:1.2}
@keyframes heroImageMainIn{from{opacity:0;transform:translate3d(18px,0,0) scale(.985)}to{opacity:1;transform:none}}
@keyframes heroImageFloatIn{from{opacity:0;transform:translate3d(-14px,14px,0) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:1000px){.hero{padding:58px 0 54px}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-copy{max-width:760px}.hero h1{max-width:760px}.hero-lead{max-width:650px}.hero-visual{min-height:470px;max-width:720px}.hero-frame-main{inset:10px 0 46px 8%}}
@media(max-width:680px){.hero{padding:44px 0 46px}.hero h1{font-size:46px}.hero-lead{font-size:16px;margin:20px 0 22px!important}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-facts{grid-template-columns:1fr;margin-top:26px!important}.hero-facts div{border-right:0;border-bottom:1px solid #dce3ec;padding:14px 16px!important}.hero-facts div:last-child{border-bottom:0}.hero-visual{min-height:360px}.hero-frame-main{inset:4px 0 36px 7%}.hero-frame-float{width:47%;height:38%;border-width:4px}}
@media(prefers-reduced-motion:reduce){.hero-frame-main,.hero-frame-float{animation:none!important;opacity:1!important;transform:none!important}.hero-frame img{transition:none!important}}


/* v19 — Who We Are. Extends the v18 aesthetic without changing existing sections. */
.who-section{padding:86px 0 90px;background:#f8fafc;border-top:1px solid #edf1f5;border-bottom:1px solid #e5eaf1;scroll-margin-top:82px}
.who-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:70px;align-items:center}
.who-copy{max-width:600px}
.who-copy .kicker{margin-bottom:18px}
.who-copy h2{font:800 clamp(36px,3.9vw,53px)/1.08 "Manrope",sans-serif;letter-spacing:-.047em;margin:0 0 22px;color:#14263c}
.who-copy p:not(.kicker){font-size:15px;line-height:1.78;color:#586477;margin:0 0 16px}
.who-copy .who-lead{font-size:17px!important;color:#344054!important;line-height:1.68!important}
.who-copy p a{color:#174ea6;text-decoration:underline;text-decoration-color:rgba(23,78,166,.36);text-underline-offset:3px;font-weight:700}
.who-copy p a:hover{text-decoration-color:#174ea6}
.who-links{display:flex;flex-wrap:wrap;column-gap:27px;row-gap:12px;align-items:center;margin-top:27px}
.who-links .text-link{font-size:12px;line-height:1.5;text-decoration:none;color:#174ea6;font-weight:800}
.who-links .who-secondary-link{color:#475467}
.who-links .text-link:hover{text-decoration:underline;text-underline-offset:4px}
.who-photo{position:relative;margin:0;min-width:0}
.who-photo img{display:block;width:100%;aspect-ratio:1.17;object-fit:cover;object-position:center;border-radius:18px;box-shadow:0 20px 46px rgba(16,42,74,.13)}
.who-photo figcaption{font-size:9px;color:#7b8797;margin-top:11px;line-height:1.45}
/* Persistent linked emblem; intentionally quiet and separate from the primary navigation. */
.jindal-floating-mark{position:fixed;right:22px;bottom:21px;z-index:95;width:52px;height:59px;display:flex;align-items:center;justify-content:center;opacity:.32;filter:grayscale(.24);transform:translateZ(0);transition:opacity .25s ease,filter .25s ease,transform .25s ease;text-decoration:none;outline-offset:4px}
.jindal-floating-mark img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(10,42,92,.1))}
.jindal-floating-mark:hover,.jindal-floating-mark:focus-visible{opacity:.85;filter:none;transform:translateY(-2px)}
@media(max-width:1000px){.who-grid{grid-template-columns:1fr;gap:31px}.who-copy{max-width:760px}.who-photo{max-width:760px}.who-photo img{aspect-ratio:16/10}}
@media(max-width:680px){.who-section{padding:62px 0;scroll-margin-top:70px}.who-copy h2{font-size:37px}.who-copy p:not(.kicker){font-size:14px}.who-copy .who-lead{font-size:15px!important}.who-photo img{aspect-ratio:1.2}.jindal-floating-mark{right:13px;bottom:13px;width:39px;height:45px;opacity:.30}}
@media(prefers-reduced-motion:reduce){.jindal-floating-mark{transition:none}}

/* v20: introduce the company first; retain hero styling unchanged. */
.who-section{background:linear-gradient(120deg,#f8fafc 0%,#fff 80%);border-top:0;padding:74px 0 78px}
.who-photo{background:#e9eff6;padding:7px;border:1px solid #e5eaf0;border-radius:19px;box-shadow:0 18px 50px rgba(16,42,74,.09)}
.who-photo img{aspect-ratio:1.3/1;border-radius:13px;object-fit:cover;object-position:center}
.who-photo figcaption{margin:9px 8px 5px}
.who-photo figcaption a{color:#174ea6;text-underline-offset:2px}
/* Show the official manufacturer's J symbol, cropped from its published logo rather than redesigning it. */
.jindal-floating-mark{width:54px;height:54px;padding:5px;border:1px solid rgba(46,83,130,.12);border-radius:12px;background:rgba(255,255,255,.86);box-shadow:0 5px 18px rgba(16,42,74,.06);opacity:.68;overflow:hidden;filter:none}
.official-j-crop{display:block;position:relative;width:42px;height:42px;overflow:hidden;flex-shrink:0}
.official-j-crop img{position:absolute;left:0;top:50%;width:111px;height:auto;max-width:none;transform:translateY(-50%);object-fit:initial;filter:none}
.jindal-floating-mark:hover,.jindal-floating-mark:focus-visible{opacity:1;transform:translateY(-2px)}
@media(max-width:680px){.who-section{padding:48px 0 57px}.who-photo img{aspect-ratio:1.32/1}.jindal-floating-mark{width:46px;height:46px;padding:3px}.official-j-crop{width:38px;height:38px}.official-j-crop img{width:100px}}


/* v21: Elevated opening statement—same typography and palette, stronger composition. */
.who-section{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(117deg,#f6f9fd 0%,#fff 63%,#f6f9fd 100%);padding:85px 0 84px}
.who-section:before{content:"";position:absolute;pointer-events:none;z-index:-1;width:650px;height:650px;right:-330px;top:-320px;border-radius:50%;border:1px solid rgba(23,78,166,.09);box-shadow:0 0 0 55px rgba(23,78,166,.025),0 0 0 130px rgba(23,78,166,.015)}
.who-grid{gap:clamp(38px,5.5vw,78px);grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
.who-copy{position:relative;padding:14px 0 12px}
.who-kicker{display:flex;align-items:center;gap:11px;letter-spacing:.16em!important}
.who-kicker-line{height:2px;width:24px;background:var(--orange);display:inline-block}
.who-kicker-no{font-size:9px;color:#9ba7b9;margin-left:4px;letter-spacing:0}
.who-copy h2{font-size:clamp(38px,4.05vw,57px);letter-spacing:-.05em;line-height:1.10;margin-bottom:24px}
.who-title-accent{color:#215994}
.who-copy p:not(.kicker){max-width:560px}
.who-trustline{display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin:25px 0 0;padding:18px 0;border-top:1px solid #dce5ef;border-bottom:1px solid #dce5ef;color:#586477;font-size:11px;letter-spacing:.012em}
.who-trustline b{color:#1e436d;font:800 12px Manrope,sans-serif;margin-right:6px}
.who-trust-separator{height:21px;width:1px;background:#d6dfeb}
.who-links{margin-top:24px}
.who-photo{padding:8px;background:#fff;border:1px solid #e1e8f0;border-radius:21px;box-shadow:0 22px 57px rgba(16,42,74,.105);transform:rotate(.55deg);transition:transform .6s cubic-bezier(.22,.8,.2,1),box-shadow .6s}
.who-photo:hover{transform:rotate(0deg) translateY(-5px);box-shadow:0 31px 70px rgba(16,42,74,.15)}
.who-photo img{aspect-ratio:1.20/1;object-position:center;filter:saturate(.94);transition:transform .8s ease,filter .8s ease}
.who-photo:hover img{filter:saturate(1.02)}
.who-photo-overline{position:absolute;z-index:2;top:24px;left:24px;padding:9px 12px;border-radius:6px;background:rgba(255,255,255,.92);backdrop-filter:blur(9px);box-shadow:0 5px 18px rgba(16,42,74,.08);color:#244c77;font:800 9px Manrope,sans-serif;letter-spacing:.14em;display:flex;align-items:center;gap:9px}
.who-photo-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}
@media(max-width:1000px){.who-grid{grid-template-columns:1fr}.who-photo{width:min(100%,760px)}.who-photo img{aspect-ratio:1.5/1}}
@media(max-width:680px){.who-section{padding:56px 0 65px}.who-copy h2{font-size:39px}.who-photo img{aspect-ratio:1.22/1}.who-trustline{gap:11px}.who-trust-separator{height:16px}.who-photo-overline{top:20px;left:20px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.who-photo,.who-photo img{transition:none!important;transform:none!important}}

/* v22: Editorial industrial opening, premium minimal motion; existing site kept intact. */
.who-v22{padding:58px 0 66px;background:#f9fafc;overflow:hidden;position:relative}
.who-v22:before{content:none}
.who-heading-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e1e9;padding:0 0 15px;margin-bottom:34px}
.who-heading-row .who-kicker{margin:0}.who-eyebrow-right{font:700 10px 'Manrope',sans-serif;letter-spacing:.12em;color:#728095}
.who-v22-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(28px,4vw,65px);align-items:center}
.who-v22-copy{padding:0 0 12px;min-width:0}.who-v22-copy h2{font:800 clamp(49px,5.9vw,84px)/.99 'Manrope',sans-serif;letter-spacing:-.067em;margin:0 0 24px;color:#13233b;max-width:630px}
.who-orange-dot{color:var(--orange)}.who-v22-subline{font:700 clamp(14px,1.65vw,19px)/1.4 'Manrope',sans-serif;letter-spacing:-.02em;margin:0 0 20px;color:#215994}
.who-v22-copy>p:not(.who-v22-subline){max-width:550px;font-size:14px;line-height:1.79;color:#526175;margin:0 0 15px}
.who-v22-copy .who-lead{font-size:16px!important;color:#27384d!important;line-height:1.72!important}
.who-v22-copy a:not(.button){text-underline-offset:3px;text-decoration-color:#adc2db}.who-v22-actions{display:flex;align-items:center;gap:21px;flex-wrap:wrap;margin-top:24px}
.who-v22-actions .button{min-height:48px;gap:14px}.who-v22-textlink{color:#214f85;font-size:12px;font-weight:800;text-decoration:none!important;border-bottom:1px solid #b7c8dc;padding-bottom:5px}
.who-v22-footnotes{display:flex;border-top:1px solid #dbe3eb;margin-top:42px;padding-top:21px;gap:42px}.who-v22-footnotes div{display:grid;gap:5px}.who-v22-footnotes span{font-size:9px;font-weight:800;letter-spacing:.13em;color:#8995a5}.who-v22-footnotes b{font:800 14px 'Manrope',sans-serif;color:#2f4460}
.who-v22-visual{position:relative;min-width:0}.who-v22-image{margin:0;position:relative;border-radius:6px 68px 6px 6px;overflow:hidden;min-height:565px;background:#1b2834;isolation:isolate;box-shadow:0 35px 65px rgba(16,42,74,.18)}
.who-v22-image img{width:100%;height:100%;min-height:565px;display:block;object-fit:cover;object-position:center;transition:transform 1.3s cubic-bezier(.21,.76,.21,1);filter:contrast(1.04) saturate(.85)}
.who-v22-image:hover img{transform:scale(1.07)}.who-v22-image-vignette{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,18,32,.76) 100%);pointer-events:none}
.who-v22-imagelabel{position:absolute;bottom:36px;left:34px;right:25px;color:white;display:grid;gap:8px}.who-v22-imagelabel small{font-weight:800;letter-spacing:.16em;font-size:10px;color:#d8e5f4}.who-v22-imagelabel strong{font:800 clamp(25px,3vw,43px)/1.05 'Manrope',sans-serif;letter-spacing:-.045em}
.who-v22-credit{display:block;font-size:10px;color:#6d7d90;margin-top:12px;text-decoration:none}.who-v22-credit:hover{text-decoration:underline}
.who-v22-corner{position:absolute;right:-12px;top:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--blue);color:white;width:74px;height:74px;box-shadow:0 10px 24px rgba(16,42,74,.18);font:800 25px 'Manrope',sans-serif;letter-spacing:-.04em}.who-v22-corner span{letter-spacing:.1em;font-size:9px;color:#d2e5ff}
@media(max-width:1020px){.who-v22-layout{grid-template-columns:1fr}.who-v22-copy{max-width:760px}.who-v22-image,.who-v22-image img{min-height:430px;max-height:680px}.who-v22-copy h2{max-width:750px}.who-v22-visual{max-width:820px}}
@media(max-width:680px){.who-v22{padding:35px 0 48px}.who-heading-row{margin-bottom:25px}.who-eyebrow-right{display:none}.who-v22-copy h2{font-size:clamp(45px,12vw,63px)}.who-v22-copy .who-lead{font-size:15px!important}.who-v22-footnotes{margin-top:26px;gap:22px}.who-v22-image,.who-v22-image img{min-height:360px}.who-v22-imagelabel{left:22px;bottom:24px}.who-v22-corner{width:54px;height:54px;font-size:19px;right:-3px;top:12px}.who-v22-actions .button{width:auto}}
@media(prefers-reduced-motion:reduce){.who-v22-image img{transition:none}.who-v22-image:hover img{transform:none}}

/* v23 — restrained corporate refinements: no numbered labels or photo slogans.
   The persistent J is an exact crop of the manufacturer's official published symbol,
   NOT a live link and NOT an illustration/redrawn monogram. */
.who-v22-image-vignette {background:linear-gradient(180deg,rgba(8,25,43,.03),rgba(8,25,43,.12));}
.jindal-floating-mark {
  position:fixed; right:22px; bottom:20px; z-index:95;
  display:flex; align-items:center; justify-content:center;
  width:58px; height:67px; padding:7px;
  background:rgba(255,255,255,.86); border:1px solid rgba(46,83,130,.10);
  border-radius:12px; box-shadow:0 5px 20px rgba(16,42,74,.055);
  opacity:.53; filter:none; transform:none; pointer-events:none;
  transition:none; overflow:hidden; cursor:default;
}
.jindal-floating-mark img {position:static; display:block; width:100%; height:100%; max-width:100%; object-fit:contain; filter:none; transform:none;}
.jindal-floating-mark:hover, .jindal-floating-mark:focus-visible {opacity:.53; filter:none; transform:none;}
@media(max-width:680px){
  .jindal-floating-mark {right:12px;bottom:12px;width:49px;height:57px;padding:5px;opacity:.45;}
  .jindal-floating-mark:hover {opacity:.45;transform:none;}
}


/* v24 — Houston dusk × Pearl Silver × Satin Steel.
   Atmospheric layers only; preserve original editorial photography, text, and controls.
   Tonal treatment uses slow opacity/transform animation. No canvas/video dependencies. */
.who-v22.who-houston-dusk {
  background:linear-gradient(180deg,#f4f7fb 0%,#f8f9fa 53%,#faf8f6 100%);
  border-bottom:1px solid #e2e8ef;
  isolation:isolate;
}
.who-houston-dusk .houston-atmosphere {
  position:absolute; z-index:0; pointer-events:none; inset:0; overflow:hidden;
  background:
    radial-gradient(ellipse 52% 62% at 34% 75%,rgba(250,202,159,.40),transparent 78%),
    radial-gradient(ellipse 66% 72% at 83% 3%,rgba(175,199,225,.31),transparent 78%),
    linear-gradient(173deg,#edf2f8 0%,#f9fafb 36%,#fbfaf7 70%,#f6eae1 100%);
}
.who-houston-dusk .houston-atmosphere-glow {
  position:absolute; inset:-18% -8% -12%; opacity:.74;
  background:radial-gradient(ellipse 55% 50% at 28% 83%,rgba(245,169,116,.32),transparent 76%),
    radial-gradient(ellipse 34% 39% at 88% 24%,rgba(140,171,211,.25),transparent 80%);
  animation:houstonGlow 32s ease-in-out infinite alternate;
}
.who-houston-dusk .houston-cloud-light {
  position:absolute;inset:-10% -23% 6% -15%; opacity:.27;
  background:linear-gradient(108deg,transparent 26%,rgba(255,255,255,.78) 43%,transparent 57%,rgba(255,255,255,.34) 69%,transparent 80%);
  transform:translateX(-8%); animation:houstonLight 37s ease-in-out infinite alternate;
}
/* Licensed Houston skyline photo (a real Houston skyline, not an image of another mill).
   The overlay intentionally keeps it below the content as a subtle location cue. */
.who-houston-dusk .houston-skyline-photograph {
  position:absolute; bottom:-22px; left:0; width:64%; height:42%;
  background-image:url('https://thumb.wikimedia.org/wikipedia/commons/thumb/6/62/Downtown_Houston%2C_TX_Skyline_-_2018.jpg/1280px-Downtown_Houston%2C_TX_Skyline_-_2018.jpg');
  background-size:cover;background-position:center 43%;background-repeat:no-repeat;
  opacity:.16; filter:grayscale(.48) sepia(.12) saturate(.65);
  -webkit-mask-image:linear-gradient(180deg,transparent 1%,rgba(0,0,0,.50) 36%,rgba(0,0,0,.72) 70%,transparent 100%),linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.60) 70%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(180deg,transparent 1%,rgba(0,0,0,.60) 38%,rgba(0,0,0,.74) 71%,transparent 100%);
}
/* A self-contained fallback, authored as simple skyline silhouettes in SVG.
   It stays understated and remains visible if Wikimedia is unavailable. */
.who-houston-dusk .houston-skyline-illustration {
  position:absolute;left:0;bottom:0;width:62%;height:170px;opacity:.15;
  background:url('assets/houston-horizon.svg') left bottom/100% auto no-repeat;
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.7),transparent 95%);
  mask-image:linear-gradient(to top,rgba(0,0,0,.7),transparent 95%);
}
.who-houston-dusk .who-editorial{position:relative;z-index:1}
.who-houston-dusk .who-v22-image{border:1px solid rgba(223,230,238,.48);box-shadow:0 30px 65px rgba(26,49,76,.15),0 9px 22px rgba(35,55,75,.06)}
.who-houston-dusk .who-v22-image-vignette{background:linear-gradient(180deg,rgba(17,38,61,.01),rgba(12,25,38,.09))}
.who-houston-dusk .who-v22-footnotes{border-color:rgba(155,176,198,.36)}
.who-houston-dusk .who-houston-credit{display:block;font-size:9px;line-height:1.4;color:#7a8999;text-decoration:none;margin-top:5px}
.who-houston-dusk .who-houston-credit:hover{text-decoration:underline}
/* Metal-like pearlescent finish, but no stripes/gradients across text or form controls. */
.hero {
 background:
   radial-gradient(ellipse 57% 71% at 77% 10%,rgba(190,205,221,.28),transparent 82%),
   radial-gradient(ellipse 52% 85% at 8% 90%,rgba(244,223,208,.25),transparent 85%),
   repeating-linear-gradient(168deg,rgba(65,95,128,.009) 0px,rgba(65,95,128,.009) 1px,transparent 1px,transparent 6px),
   linear-gradient(125deg,#fff 2%,#f4f7fa 52%,#fff 100%) !important;
}
.hero .satin-hero-atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.hero .satin-hero-gleam{
 position:absolute;inset:-24% -30%;width:160%;height:155%;opacity:.33;
 background:linear-gradient(116deg,transparent 34%,rgba(255,255,255,.78) 48%,transparent 62%);
 transform:translateX(-15%);animation:satinSweep 42s ease-in-out infinite alternate;
}
.hero .hero-grid{position:relative;z-index:1}
/* Quiet transitions on the technical surfaces. */
.spec-strip{background:linear-gradient(180deg,#fafdff 0%,#fff 25%,#fff 100%)}
.inventory-section{background:linear-gradient(180deg,#f4f7fa,#f6f8fb)}
.manufacturing{background:radial-gradient(ellipse 78% 110% at 90% 0%,rgba(227,236,245,.28),transparent 76%),#fff}
.cert-section,.rfq-section{background-image:none}
@keyframes houstonGlow{from{transform:translate3d(-1%,1%,0);opacity:.57}to{transform:translate3d(3%,-2%,0);opacity:.83}}
@keyframes houstonLight{from{transform:translateX(-8%);opacity:.2}to{transform:translateX(8%);opacity:.34}}
@keyframes satinSweep{from{transform:translateX(-15%)}to{transform:translateX(15%)}}
@media(max-width:1020px){
 .who-houston-dusk .houston-skyline-photograph{height:28%;width:100%;bottom:8%;opacity:.13}
 .who-houston-dusk .houston-skyline-illustration{width:100%;height:130px;opacity:.10}
}
@media(max-width:680px){
 .who-houston-dusk .houston-skyline-photograph{height:19%;bottom:42%;opacity:.10}
 .who-houston-dusk .houston-skyline-illustration{height:90px;bottom:41%;opacity:.07}
 .who-houston-dusk .houston-atmosphere-glow{opacity:.5}
 .hero .satin-hero-gleam{opacity:.18}
 .who-houston-dusk .who-houston-credit{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .who-houston-dusk .houston-cloud-light,
 .who-houston-dusk .houston-atmosphere-glow,
 .hero .satin-hero-gleam{animation:none!important;transform:none!important;transition:none!important}
}

/* v25: global supply-chain map, upper-right J, and complete technical product range */
.jindal-floating-mark{top:96px;bottom:auto;right:22px}
@media(max-width:680px){.jindal-floating-mark{top:76px;bottom:auto;right:12px}}
.who-houston-dusk .houston-atmosphere{background:radial-gradient(ellipse at 75% 35%,rgba(151,181,205,.25),transparent 65%),linear-gradient(172deg,#edf3f9 0%,#fafafa 72%,#f7f8fa 100%)}
.who-houston-dusk .houston-cloud-light,.who-houston-dusk .houston-skyline-photograph,.who-houston-dusk .houston-skyline-illustration{display:none!important}
.global-map-frame{min-height:425px;background:#152d46;border-radius:10px 48px 10px 10px}
.global-map-frame img{height:425px;min-height:425px;object-fit:contain;padding:14px;filter:none;background:#152d46}
.global-map-frame:hover img{transform:none}
.global-map-caption{position:absolute;left:26px;bottom:26px;color:#fff;font:800 12px 'Manrope',sans-serif;letter-spacing:.14em}
.global-map-caption span{color:#ffbf87;margin:0 8px}.global-map-caption small{display:block;color:#b5cadd;margin-top:6px;font-size:9px;letter-spacing:.16em}
.technical-range{margin-top:56px;padding:31px 34px 34px;border-radius:12px;border:1px solid #dce4ec;background:rgba(255,255,255,.92);box-shadow:0 18px 52px rgba(14,37,63,.055)}
.technical-range-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px}
.technical-range-heading h2{font:800 clamp(24px,3vw,38px)/1.15 'Manrope',sans-serif;letter-spacing:-.04em;color:#132943;margin:7px 0 0}
.technical-range-heading>p{color:#65748a;max-width:320px;font-size:12px;margin:0}
.technical-range-table{margin:0;border-top:1px solid #dce4ed}
.technical-range-row{display:grid;grid-template-columns:36% 64%;border-bottom:1px solid #dce4ed;padding:15px 7px;gap:0;font-size:13px}
.technical-range-row dt{font-weight:800;color:#244568;padding-right:18px}.technical-range-row dd{margin:0;color:#33445a}
@media(max-width:680px){.technical-range{margin-top:32px;padding:22px 17px}.technical-range-heading{display:block}.technical-range-heading>p{margin-top:12px}.technical-range-row{grid-template-columns:1fr;gap:5px}.global-map-frame,.global-map-frame img{min-height:300px;height:300px}.global-map-caption{left:18px;bottom:18px;font-size:10px}}

/* v26: Global map is atmospheric backdrop, not a replacement for the original foil photo. */
.who-houston-dusk .houston-atmosphere {background:linear-gradient(172deg,rgba(242,247,251,.94),rgba(250,250,251,.94))}
.who-houston-dusk .houston-skyline-photograph {display:block!important;inset:0;width:100%;height:100%;background-image:url('assets/global-us-india-map.svg');background-size:cover;background-position:center;opacity:.15;filter:grayscale(.3) saturate(.7);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 90%,transparent 100%)}
.who-houston-dusk .houston-skyline-illustration{display:none!important}
.who-houston-dusk .who-editorial{position:relative;z-index:1}
.photo-copy a[href*="jindalmetal.com"]{text-decoration:none!important}
.photo-copy a[href*="jindalmetal.com"]:hover{text-decoration:underline!important}
.jindal-floating-mark{display:none!important}
.nav-wrap{gap:clamp(8px,1.2vw,18px)}
.header-jindal-mark{flex:0 0 43px;width:43px;height:52px;display:flex;align-items:center;justify-content:center;margin-left:8px;pointer-events:none}
.header-jindal-mark img{display:block;width:35px;height:43px;object-fit:contain;opacity:.68}
@media(max-width:900px){.header-jindal-mark{flex-basis:33px;width:33px;height:44px;margin-left:3px}.header-jindal-mark img{width:28px;height:35px}}
@media(max-width:480px){.header-jindal-mark{flex-basis:27px;width:27px;margin-left:0}.header-jindal-mark img{width:24px;height:30px}}

/* v27 specific fixes: remove animated underline from the entire lower sentence. */
.about-copy .large::after {content:none!important;display:none!important;animation:none!important}
.about-copy .large a[href="https://www.jindalmetal.com/"]{text-decoration:none!important;border-bottom:0!important;box-shadow:none!important}
.about-copy .large a[href="https://www.jindalmetal.com/"]:hover{color:var(--blue);text-decoration:none!important}

/* The India–US illustration takes the place of the former Houston skyline
   atmospheric art, NOT the original editorial foil photo. */
.who-houston-dusk .houston-skyline-photograph{
 display:block!important;
 position:absolute!important;
 inset:0!important;width:100%!important;height:100%!important;
 background-image:url('assets/global-us-india-map.svg')!important;
 background-repeat:no-repeat!important;
 background-size:95% auto!important;
 background-position:80% center!important;
 opacity:.46!important;
 filter:none!important;
 -webkit-mask-image:none!important;mask-image:none!important;
}
.who-houston-dusk .houston-atmosphere-glow {opacity:.16!important}
.who-houston-dusk .houston-cloud-light {opacity:.08!important}
/* Gentle text-side screen for contrast without erasing the map. */
.who-houston-dusk .houston-atmosphere::after{
 content:"";position:absolute;inset:0;
 background:linear-gradient(90deg,rgba(248,250,252,.78),rgba(248,250,252,.22) 57%,transparent 84%);
 pointer-events:none;
}
/* Float at top right, above page, with a small footprint. */
.jindal-floating-mark{
 display:flex!important;position:fixed!important;
 top:88px!important;bottom:auto!important;right:8px!important;
 width:42px!important;height:48px!important;z-index:95;
 opacity:.50!important;background:rgba(255,255,255,.80);
 border-radius:11px;padding:4px;pointer-events:auto;
}
.jindal-floating-mark:hover{opacity:.9!important;transform:translateY(-2px)!important}
.header-jindal-mark {display:none!important}
@media(max-width:900px){
 .jindal-floating-mark{top:79px!important;right:5px!important;width:35px!important;height:41px!important}
 .who-houston-dusk .houston-skyline-photograph{background-size:140% auto!important;background-position:66% center!important;opacity:.38!important}
}
@media(max-width:550px){
 .jindal-floating-mark{top:76px!important;right:3px!important;width:29px!important;height:35px!important;padding:2px!important}
 .who-houston-dusk .houston-skyline-photograph{background-size:auto 86%!important;background-position:60% center!important;opacity:.27!important}
}


/* v29 — contemporary industrial luxury, motion with purpose */
:root{--v29-copper:#ab7248;--v29-deep:#4c3427;--v29-cream:#faf5ec}
html{scroll-padding-top:88px}
body{font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased}
button,a,input,select,textarea{outline-offset:4px}
:focus-visible{outline:2px solid #a86e3d!important;outline-offset:3px}
.site-nav>a:not(.nav-rfq){transition:color .2s ease,transform .2s ease}
.site-nav>a:not(.nav-rfq):hover{color:#a36e46;transform:translateY(-1px)}
.button{transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, background-color .25s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(42,51,62,.13)}
.hero-frame-main,.who-v22-image{overflow:hidden}
.hero-frame-main img,.who-v22-image img{transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter 1s ease}
@media(hover:hover){.hero-frame-main:hover img,.who-v22-image:hover img{transform:scale(1.035);filter:contrast(1.035)}}
.technical-range{box-shadow:0 18px 55px rgba(57,43,32,.065);border-color:rgba(171,114,72,.20)}
.technical-range-row{transition:background-color .22s ease, border-color .22s ease}
.technical-range-row:hover{background:rgba(171,114,72,.055);border-color:rgba(171,114,72,.25)}
.technical-range-row dt{letter-spacing:.005em}
.technical-range-heading .kicker{color:#a46f48}
/* Warm flat geographic story, with quiet reveal. No rotating/curved globe. */
.v29-global-story .houston-atmosphere{background:linear-gradient(115deg,#faf8f3 0%,#faf5ee 58%,#f8efe3 100%)}
.v29-global-story .houston-skyline-photograph{
 background-image:url('assets/global-us-india-map.svg')!important;
 background-size:94% auto!important;background-position:75% 52%!important;
 opacity:.55!important;filter:sepia(.12) saturate(1.05)!important;
 transition:opacity 1.5s ease,transform 1.9s cubic-bezier(.16,1,.3,1)!important;
 transform:translate3d(0,10px,0) scale(1.015);
}
.v29-global-story.map-revealed .houston-skyline-photograph{opacity:.66!important;transform:none}
.v29-global-story .houston-atmosphere::after{
 background:linear-gradient(90deg,rgba(251,248,243,.85) 0%,rgba(251,248,243,.68) 30%,rgba(251,248,243,.15) 67%,rgba(251,248,243,.03) 100%)!important;
}
.v29-global-story .who-v22-copy{position:relative;z-index:3}
/* Keep the product story crisp instead of overanimating its key purchasing facts. */
.technical-range-row{opacity:1!important;transform:none!important}
/* RFQ: useful microinteractions and fallback for users without a mail client. */
.rfq-form input,.rfq-form select,.rfq-form textarea{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}
.rfq-form input:focus,.rfq-form select:focus,.rfq-form textarea:focus{border-color:#b67e54!important;box-shadow:0 0 0 3px rgba(182,126,84,.13)!important}
.rfq-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:10px;width:100%;padding:12px 16px;border-radius:8px;border:1px solid #c6ab92;background:transparent;color:#6d492e;cursor:pointer;font-size:13px;font-weight:700;line-height:1.3;font-family:inherit;transition:background .2s,border-color .2s,transform .2s}
.rfq-copy-button:hover{background:#f7efe5;border-color:#ad774b;transform:translateY(-1px)}
.rfq-feedback{min-height:1.3em;margin:7px 0 0;font-size:12px;color:#6d492e}
/* On phones prioritize both legibility and map framing. */
@media(max-width:900px){.v29-global-story .houston-skyline-photograph{background-size:140% auto!important;background-position:64% 50%!important;opacity:.35!important}.v29-global-story.map-revealed .houston-skyline-photograph{opacity:.43!important}}
@media(max-width:600px){
 .v29-global-story .houston-skyline-photograph{background-size:auto 74%!important;background-position:71% 55%!important;opacity:.26!important}
 .v29-global-story.map-revealed .houston-skyline-photograph{opacity:.29!important}
 .v29-global-story .houston-atmosphere::after{background:rgba(251,248,243,.52)!important}
 .technical-range{border-radius:8px}.technical-range-row{padding:13px 4px}
 .rfq-copy-button{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
 .v29-global-story .houston-skyline-photograph{transform:none!important;transition:none!important;opacity:.66!important}
 .site-nav>a,.button,.rfq-copy-button,.hero-frame-main img,.who-v22-image img{transition:none!important;transform:none!important}
}


/* v30 — readable, proportionally scaled editorial typography.
   Preserve all text, links, photography, motion and the floating J.
   Give body copy proper prominence without inflating display headings. */
:root {
  --v30-text: clamp(16px, 1.16vw, 17.5px);
  --v30-label: 11.5px;
  --v30-support: 13.5px;
}
body {font-size:16.5px;line-height:1.65}
/* Opening company description — most important readability improvement. */
.who-v22-copy > p:not(.who-v22-subline) {
  font-size:clamp(16.5px,1.29vw,18px);
  line-height:1.7;
  max-width:60ch;
  color:#37485d;
  margin-bottom:20px;
}
.who-v22-copy .who-lead {
  font-size:clamp(18px,1.50vw,20px)!important;
  line-height:1.65!important;
  font-weight:500;
  color:#24374e!important;
  letter-spacing:-.008em;
  max-width:60ch;
  margin-bottom:18px;
}
.who-v22-subline {
  font-size:clamp(15.5px,1.75vw,20px);
  line-height:1.46;
  margin-bottom:22px;
}
.who-v22-actions{margin-top:26px;gap:22px}
.who-v22-actions .button{min-height:50px}
.who-v22-textlink{font-size:14px}
.who-v22-footnotes span{font-size:10.5px}
.who-v22-footnotes b{font-size:15px}
.who-v22-credit{font-size:11.5px}
/* Main site body: proportionate improvements for captions, cards and tables. */
.kicker{font-size:11px}
.site-nav a{font-size:13.5px}
.button{font-size:13.5px}
.hero-lead{font-size:clamp(19px,1.65vw,21px);line-height:1.55}
.hero-facts span{font-size:12.5px}
.split-intro>p,.inventory-copy p:not(.kicker),
.photo-copy>p:not(.kicker),.rfq-copy>p:not(.kicker){font-size:var(--v30-text);line-height:1.7}
.spec-grid small{font-size:10.5px}
.spec-grid span{font-size:12.5px}
.range-note{font-size:14px;line-height:1.65}
.technical-range-heading>p{font-size:14.5px;line-height:1.6}
.technical-range-row{font-size:15px;line-height:1.6;padding-top:17px;padding-bottom:17px}
.inventory-table th{font-size:11.5px}
.inventory-table td{font-size:15px}
.table-note{font-size:12.5px;line-height:1.55}
.mini-cards b{font-size:15px}
.mini-cards span{font-size:12.5px;line-height:1.5}
.process-grid p{font-size:15px;line-height:1.63}
.source-line{font-size:13px;line-height:1.65}
.cert-meta small{font-size:10.5px}
.cert-meta h3{font-size:19px}
.cert-meta a{font-size:13px}
.cert-note{font-size:13.5px;line-height:1.62}
.about-copy>p:not(.large){font-size:var(--v30-text);line-height:1.7}
.about-copy .large{font-size:23px;line-height:1.48}
.contact-tiles small{font-size:10.5px}
.contact-tiles b{font-size:15px}
.rfq-hints span{font-size:12px}
.rfq-form label{font-size:11.5px;letter-spacing:.045em}
.rfq-form input,.rfq-form select,.rfq-form textarea{font-size:15px;line-height:1.5;min-height:44px}
.rfq-form textarea{min-height:110px}
.optional{font-size:10px}
.form-note{font-size:12.5px;line-height:1.6}
.source-links b{font-size:14.5px}
.source-links span{font-size:12px}
.sources-note{font-size:13px;line-height:1.6}
/* Small screens should not revert critical copy to its former tiny sizes. */
@media (max-width:680px) {
  body{font-size:16px}
  .who-v22-copy > p:not(.who-v22-subline){font-size:16.5px;line-height:1.7}
  .who-v22-copy .who-lead{font-size:18px!important;line-height:1.65!important}
  .who-v22-subline{font-size:16px}
  .hero-lead{font-size:18px;line-height:1.6}
  .who-v22-textlink{font-size:13px}
  .who-v22-footnotes{gap:18px}
  .technical-range-heading>p{font-size:14px}
  .technical-range-row{font-size:14.5px;line-height:1.62}
  .split-intro>p,.inventory-copy p:not(.kicker),
  .photo-copy>p:not(.kicker),.rfq-copy>p:not(.kicker){font-size:16.5px}
  .button{font-size:14px}
  .site-nav a{font-size:15px}
  .rfq-form label{font-size:11.5px}
}


/* ----------------------------------------------------------------------
   V33 — ORIGINAL SITE ELEVATED
   Original V30 sections, content, images and navigation retained.
   Spatial redesign: large-format porcelain canvas, better type, refined
   contrast, meaningful motion, no wallpaper maps or wholesale redesign.
   ---------------------------------------------------------------------- */
:root {
  --ink:#263340;
  --muted:#5d6b77;
  --blue:#294967;
  --blue2:#53748d;
  --orange:#b77c4f;
  --soft:#f2f3f1;
  --warm:#f7f2ec;
  --line:#dfe1df;
  --paper:#fffefa;
  --shadow:0 20px 58px rgba(28,40,53,.085);
  --v33-ease:cubic-bezier(.16,1,.3,1);
}
html{scroll-padding-top:98px}
body{background:#fffefa;color:var(--ink);font-size:17px}
.wrap{width:min(1560px,calc(100% - clamp(42px,7.6vw,132px)));max-width:none}
.site-header{background:rgba(255,254,250,.94);border-color:#e7e5df;backdrop-filter:blur(18px)}
.site-header.scrolled{background:rgba(255,254,250,.95);box-shadow:0 10px 40px rgba(35,49,61,.075)}
.nav-wrap{height:89px;gap:22px}
.site-nav{gap:clamp(12px,1.85vw,30px)}
.site-nav a{font-size:14px;font-weight:700;color:#34495c;white-space:nowrap}
.site-nav a:not(.nav-rfq):after{height:1px;bottom:-10px;background:var(--orange)}
.nav-rfq{border-radius:4px;padding:13px 18px;background:#2b465f}
.nav-rfq:hover{background:#385874}
.kicker{color:#986a4b;letter-spacing:.18em;font-size:11.5px}
.kicker:before{background:var(--orange);width:23px;animation:none}
/* Open first pane, but don't replace the original photo. */
.who-v22.who-houston-dusk.v33-original-refined{
  background:linear-gradient(118deg,#fffefa 0%,#faf9f6 46%,#f1f2f1 100%);
  padding:clamp(78px,7vw,124px) 0 clamp(78px,7vw,116px);
  border-bottom:1px solid #e5e7e5;
  min-height:min(840px,calc(100vh - 89px));
  overflow:hidden;
}
.v33-original-refined .houston-atmosphere{
  background:radial-gradient(ellipse at 85% 35%,rgba(211,214,211,.46),transparent 44%),linear-gradient(130deg,#fffefa,#f4f5f3)!important;
  overflow:hidden;
}
.v33-original-refined .houston-atmosphere:before{
  content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(119deg,transparent 0,transparent 156px,rgba(153,154,147,.035) 157px,transparent 159px);
  pointer-events:none;
}
.v33-original-refined .houston-atmosphere:after{content:""!important;display:none!important}
.v33-original-refined .houston-skyline-photograph,
.v33-original-refined .houston-skyline-illustration,
.v33-original-refined .houston-cloud-light {display:none!important}
.v33-original-refined .houston-atmosphere-glow {opacity:.15!important}
.v33-original-refined .who-editorial{position:relative;z-index:1}
.v33-original-refined .who-v22-layout{
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:clamp(44px,6vw,105px);
  align-items:center;
}
.v33-original-refined .who-v22-copy{max-width:none}
.v33-original-refined .who-heading-row{margin-bottom:clamp(42px,5vw,78px)}
.v33-original-refined .who-v22-copy h2{
  font-size:clamp(51px,5.35vw,92px);
  line-height:1.04;letter-spacing:-.063em;
  color:#24313c;
  margin-bottom:20px;
  max-width:11.5ch;
}
.v33-original-refined .who-orange-dot{color:#b67c51}
.v33-original-refined .who-v22-subline{
  font-size:clamp(18px,1.48vw,23px);
  line-height:1.4;letter-spacing:-.018em;
  color:#766450;
  margin-bottom:clamp(22px,2.5vw,37px)
}
.v33-original-refined .who-v22-copy .who-lead{
  font-size:clamp(18px,1.32vw,21px)!important;
  line-height:1.68!important;
  font-weight:500;color:#293b4a!important;
  max-width:60ch;margin-bottom:20px;
}
.v33-original-refined .who-v22-copy>p:not(.who-v22-subline){
  font-size:clamp(17px,1.18vw,19px);
  line-height:1.75;
  color:#4c5966;max-width:66ch;
}
.v33-original-refined .who-v22-copy p a{color:#2c546f;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:rgba(44,84,111,.3)}
.v33-original-refined .who-v22-copy p a:hover{text-decoration-color:#2c546f}
.v33-original-refined .who-v22-actions{margin-top:30px;gap:24px}
.v33-original-refined .who-v22-actions .button{min-height:54px}
.v33-original-refined .who-v22-textlink{font-size:14px}
.v33-original-refined .who-v22-footnotes{margin-top:clamp(30px,3.2vw,47px);border-color:rgba(116,131,140,.23)}
.v33-original-refined .who-v22-footnotes b{font-size:15px}
.v33-original-refined .who-v22-image{
  border-radius:3px;
  box-shadow:0 42px 86px rgba(46,55,62,.16),0 4px 17px rgba(46,55,62,.05);
  overflow:hidden;
}
.v33-original-refined .who-v22-image:after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.22) 46%,transparent 63%);
  transform:translateX(-160%);transition:transform 1.3s var(--v33-ease);
}
@media(hover:hover){.v33-original-refined .who-v22-image:hover:after{transform:translateX(170%)}}
.v33-original-refined .who-v22-credit{color:#6b7881;font-size:11px}
/* Restore an assured bright, wide original product hero. */
.hero{background:#fff!important;padding:clamp(78px,7vw,124px) 0 clamp(76px,6vw,112px)}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:clamp(48px,7vw,120px)}
.hero-copy{max-width:730px}
.hero h1{font-size:clamp(56px,5.2vw,87px);max-width:730px;letter-spacing:-.058em;line-height:1.03}
.hero-title-secondary{color:#586775!important;box-shadow:none!important}
.hero-lead{font-size:clamp(19px,1.42vw,22px);max-width:610px;color:#566674}
.hero-visual{min-height:clamp(460px,39vw,640px)}
.hero-frame-main{inset:18px 0 48px 46px;border-radius:4px;box-shadow:0 28px 70px rgba(35,49,61,.14)}
.hero-frame-float{border:7px solid #fffefa;border-radius:3px;box-shadow:0 24px 60px rgba(35,49,61,.18)}
.hero-frame{
  background:linear-gradient(140deg,#c1c8cb 0%,#f0f1ef 18%,#a6b2b8 39%,#e2e7e7 62%,#9babb1 83%,#d5dde0 100%);
  background-size:200% 200%;
}
.hero-frame img[hidden]{display:none}
.hero-frame.image-unavailable:before{
  content:attr(data-image-fallback);position:absolute;left:8%;bottom:11%;font:700 13px/1.45 "DM Sans",sans-serif;
  letter-spacing:.12em;text-transform:uppercase;color:#4e626e;z-index:1;
}
.hero-frame.image-unavailable:after{content:"";display:block!important;position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0,transparent 23px,rgba(255,255,255,.10) 25px,transparent 27px);opacity:.55;pointer-events:none}
.hero-credit{font-size:11px;color:#74818d}
.technical-range{border-radius:5px;margin-top:clamp(48px,5vw,84px);padding:clamp(28px,3vw,48px);border:1px solid #e6e4de;background:#f9f8f5;box-shadow:none}
.technical-range-heading{margin-bottom:24px;gap:50px}
.technical-range-heading h2{font-size:clamp(29px,2.7vw,44px);color:#293b48}
.technical-range-heading>p{font-size:16px;max-width:350px}
.technical-range-row{grid-template-columns:33% 67%;font-size:16px;line-height:1.65;padding:18px 14px;border-color:#e0dfdc}
.technical-range-row dt{color:#304a5d}
.technical-range-row dd{color:#485967}
.technical-range-row:hover{background:rgba(169,130,94,.07);border-color:#d8d0c6}
/* Premium full-width rhythm while preserving the original content layout. */
.spec-strip,.inventory-section,.photo-band,.manufacturing,.cert-section,.about-section,.rfq-section{padding-top:clamp(86px,7.5vw,134px);padding-bottom:clamp(86px,7.5vw,134px)}
.spec-strip{background:#fffefa}
.inventory-section{background:#f2f4f3}
.photo-band{background:linear-gradient(135deg,#faf6ef,#f6f0e6)}
.manufacturing{background:#fff}
.cert-section{background:#f5f6f4}
.about-section{background:#fffefa}
.rfq-section{background:linear-gradient(115deg,#edf0ef 0%,#f9f5ed 100%)}
.section-intro h2,.inventory-copy h2,.photo-copy h2,.about-grid h2,.rfq-copy h2{font-size:clamp(40px,3.6vw,66px);line-height:1.09;letter-spacing:-.047em}
.split-intro{grid-template-columns:1.25fr .75fr;gap:clamp(45px,6vw,115px);align-items:end;margin-bottom:48px}
.split-intro>p{font-size:18px;line-height:1.75}
.spec-grid{gap:14px}
.spec-grid article{min-height:190px;border-radius:4px;padding:27px 24px;background:linear-gradient(145deg,#fff,#fbfbf9);border-color:#e3e5e2}
.spec-grid article:nth-child(n){border-top:1px solid #e3e5e2}
.spec-grid article:before{content:"";position:absolute;top:0;left:0;width:0;height:3px;background:var(--orange);transition:width .7s var(--v33-ease)}
.spec-grid article:hover:before{width:100%}
.spec-grid article strong{font-size:clamp(19px,1.6vw,27px);line-height:1.25;color:#34485b}
.spec-grid article small{font-size:11px;color:#807367}
.spec-grid article span{font-size:13px;line-height:1.45}
.range-note{font-size:15px;line-height:1.7;margin-top:25px}
.inventory-grid{grid-template-columns:.82fr 1.18fr;gap:clamp(48px,6vw,115px)}
.inventory-table-wrap{border-radius:4px;border-color:#dfe2df;box-shadow:0 18px 45px rgba(37,49,56,.05)}
.inventory-table th{background:#e9eeed;color:#586b72;font-size:12px;padding:19px 16px}
.inventory-table td{padding:24px 16px;font-size:16px}
.count{color:#365a75}
.photo-band-grid,.about-grid{gap:clamp(55px,7vw,130px)}
.photo-large{border-radius:3px;box-shadow:0 35px 74px rgba(43,54,61,.12)}
.photo-large img{border-radius:3px;aspect-ratio:1.35/1}
.mini-cards{gap:11px}.mini-cards div{border-radius:3px;background:#fffefa;border-color:#e7dacb;padding:20px}
.process-grid{gap:16px}
.process-grid article{border-radius:3px;padding:27px;min-height:245px;background:#fffefa;border-color:#e4e6e3}
.process-grid h3{font-size:22px}
.cert-grid{gap:20px}
.cert-card{border-radius:4px!important;box-shadow:0 10px 34px rgba(37,49,56,.055)!important}
.cert-button{border-radius:3px!important}
.about-copy .large{font-size:clamp(22px,1.75vw,28px);line-height:1.47}
.about-copy .large:after{display:none!important}
.contact-tiles div{border-radius:4px}
.rfq-layout{grid-template-columns:.78fr 1.22fr;gap:clamp(54px,7vw,122px)}
.rfq-form{border-radius:5px;padding:clamp(27px,3vw,45px);box-shadow:0 26px 65px rgba(37,49,56,.085)}
.rfq-form label{font-size:12px;letter-spacing:.065em}
.rfq-form input,.rfq-form select,.rfq-form textarea{border-radius:3px;font-size:16px}
.rfq-hints span{border-radius:3px;font-size:12px}
.button{min-height:53px;padding-inline:23px;border-radius:3px;font-size:14px;font-weight:700}
.primary,.hero-actions .primary{background:#2f4d65;border-color:#2f4d65}
.primary:hover,.hero-actions .primary:hover{background:#3b5c75}
.secondary,.hero-actions .secondary{color:#2f4d65;background:#fffefa;border-color:#c2c9c8}
.button:hover,.nav-rfq:hover{box-shadow:0 16px 35px rgba(36,55,67,.15)}
.jindal-floating-mark{top:103px!important;right:14px!important;bottom:auto!important;width:42px!important;height:49px!important;background:rgba(255,254,250,.88)!important;opacity:.47!important;border-radius:7px!important;box-shadow:0 9px 21px rgba(24,36,45,.09)!important}
.jindal-floating-mark:hover{opacity:.92!important;transform:translateY(-2px)!important}
/* Motion: visible but never interrupts reading or navigation. */
.v33-original-refined .who-v22-copy h2{animation:v33FadeLift 1s var(--v33-ease) .08s both}
.v33-original-refined .who-v22-subline{animation:v33FadeLift 1.1s var(--v33-ease) .19s both}
.v33-original-refined .who-lead{animation:v33FadeLift 1.12s var(--v33-ease) .28s both}
.v33-original-refined .who-v22-actions{animation:v33FadeLift 1.15s var(--v33-ease) .4s both}
.v33-original-refined .who-v22-image{animation:v33PhotoIn 1.3s var(--v33-ease) .12s both}
@keyframes v33FadeLift{from{opacity:.25;transform:translate3d(0,24px,0)}to{opacity:1;transform:none}}
@keyframes v33PhotoIn{from{opacity:.35;clip-path:inset(0 16% 0 0);transform:translate3d(24px,0,0) scale(1.025)}to{opacity:1;clip-path:inset(0);transform:none}}
/* inherited v30 hero entrance is intentionally kept; add image refinement */
@media(hover:hover){
 .photo-large:hover img{transform:scale(1.06) translate3d(0,-1%,0)}
 .spec-grid article:hover,.process-grid article:hover{transform:translateY(-7px)}
 .cert-card:hover{transform:translateY(-5px)}
}
/* Above medium devices the wider frame is generously spaced; phones stay compact. */
@media(max-width:1150px){
 .v33-original-refined .who-v22-layout{grid-template-columns:1fr 1fr;gap:38px}
 .v33-original-refined .who-v22-copy h2{font-size:clamp(45px,5.2vw,67px)}
 .hero-grid{grid-template-columns:1fr 1fr;gap:43px}
 .spec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .nav-wrap{height:78px}
 .site-nav{gap:12px}
 .site-nav a{font-size:12.5px}
}
@media(max-width:950px){
 .wrap{width:calc(100% - 56px)}
 .v33-original-refined .who-v22-layout,.hero-grid{grid-template-columns:1fr}
 .v33-original-refined .who-v22-copy h2{font-size:clamp(48px,7vw,76px)}
 .v33-original-refined .who-v22-image{max-width:780px}
 .hero-visual{max-width:800px;min-height:520px}
 .split-intro{gap:34px}
 .inventory-grid,.photo-band-grid,.about-grid,.rfq-layout{gap:46px}
 .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .jindal-floating-mark{top:88px!important}
}
@media(max-width:680px){
 .wrap{width:calc(100% - 36px)}
 .nav-wrap{height:70px}
 .v33-original-refined.who-section{padding:53px 0 65px;min-height:0}
 .v33-original-refined .who-heading-row{margin-bottom:35px}
 .v33-original-refined .who-v22-layout{gap:30px}
 .v33-original-refined .who-v22-copy h2{font-size:clamp(43px,11vw,59px);line-height:1.05}
 .v33-original-refined .who-v22-copy .who-lead{font-size:18px!important;line-height:1.65!important}
 .v33-original-refined .who-v22-copy>p:not(.who-v22-subline){font-size:17px;line-height:1.68}
 .v33-original-refined .who-v22-subline{font-size:17px}
 .v33-original-refined .who-v22-actions{gap:17px}
 .v33-original-refined .who-v22-image{border-radius:2px}
 .hero{padding:68px 0 72px}
 .hero-grid{gap:26px}
 .hero h1{font-size:clamp(45px,11vw,65px)}
 .hero-visual{min-height:345px}
 .hero-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
 .hero-facts div{border-bottom:0!important;border-right:1px solid #e3e6e4!important;padding:15px 9px!important}
 .hero-facts div:last-child{border-right:0!important}
 .hero-facts b{font-size:clamp(13px,3.6vw,18px);white-space:normal}
 .hero-facts span{font-size:10px!important}
 .technical-range{padding:22px 18px;border-radius:3px;margin-top:45px}
 .technical-range-heading{display:block}
 .technical-range-heading>p{margin-top:16px;font-size:15px}
 .technical-range-heading h2{font-size:30px}
 .technical-range-row{grid-template-columns:1fr;gap:4px;font-size:15px;padding:16px 2px}
 .technical-range-row dt{padding-right:0}
 .spec-strip,.inventory-section,.photo-band,.manufacturing,.cert-section,.about-section,.rfq-section{padding:76px 0}
 .split-intro{grid-template-columns:1fr;gap:18px;margin-bottom:28px}
 .section-intro h2,.inventory-copy h2,.photo-copy h2,.about-grid h2,.rfq-copy h2{font-size:clamp(36px,9vw,50px)}
 .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .spec-grid article{min-height:155px;padding:20px 14px}
 .spec-grid article strong{font-size:19px}
 .inventory-grid,.photo-band-grid,.about-grid,.rfq-layout{grid-template-columns:1fr}
 .process-grid{grid-template-columns:1fr 1fr}
 .cert-grid{grid-template-columns:1fr}
 .rfq-form{padding:23px 17px}
 .jindal-floating-mark{top:77px!important;right:4px!important;width:29px!important;height:36px!important;opacity:.37!important;pointer-events:none}
}
@media(max-width:420px){
 .spec-grid{grid-template-columns:1fr 1fr}
 .process-grid{grid-template-columns:1fr}
 .hero-facts b{font-size:13px}
 .v33-original-refined .who-v22-copy h2{font-size:43px}
}
@media(prefers-reduced-motion:reduce){
 .v33-original-refined .who-v22-copy h2,.v33-original-refined .who-v22-subline,
 .v33-original-refined .who-lead,.v33-original-refined .who-v22-actions,
 .v33-original-refined .who-v22-image{animation:none!important;transform:none!important;clip-path:none!important;opacity:1!important}
}
/* v33 resilient media: visible original imagery first; elegant visual fallback only when unavailable. */
.v33-original-refined .who-v22-image,
.hero-frame {
  background-image:url('assets/brushed-foil-fallback.svg');
  background-size:cover;
  background-position:center;
}
.v33-original-refined .who-v22-image img[hidden], .hero-frame img[hidden]{display:none!important}
.v33-original-refined .who-v22-image.image-unavailable .who-v22-image-vignette{display:none}
.jindal-floating-mark{isolation:isolate}
.jindal-floating-mark img{position:relative;z-index:1}
.jindal-floating-mark.image-unavailable::before{
  content:'J';position:absolute;inset:0;display:grid;place-items:center;
  color:#42586c;font:italic 800 26px Georgia,serif;
}
.jindal-floating-mark.image-unavailable img{display:none!important}
/* Display typography remains expressive, but avoids a narrow stacked headline. */
@media(min-width:1151px){
 .v33-original-refined .who-v22-copy h2{font-size:clamp(58px,4.72vw,78px);max-width:100%}
}


/* ==========================================================
   VERSION 34 — white porcelain, precise industrial motion
   Preserves V33's original structure, images, three links and RFQ.
   ========================================================== */
body.v34-porcelain{--blue:#105aa1;--blue2:#0874cc;--orange:#fa7628;--warm:#fff;--soft:#f8fbfd;--paper:#fff;--line:#e1e8ee;background:#fff;color:#182735}
.v34-porcelain h1,.v34-porcelain h2,.v34-porcelain h3,.v34-porcelain .who-v22-footnotes b,
.v34-porcelain .hero-facts b,.v34-porcelain .spec-grid strong,.v34-porcelain .count{
 font-family:'Plus Jakarta Sans','Manrope',sans-serif!important
}
.v34-porcelain .site-header{background:rgba(255,255,255,.88)!important;border-bottom:1px solid rgba(189,203,215,.46)!important;backdrop-filter:blur(22px) saturate(1.3)}
.v34-porcelain .site-header.scrolled{background:rgba(255,255,255,.96)!important;box-shadow:0 10px 28px rgba(24,50,76,.065)!important}
.v34-porcelain .who-v22.who-houston-dusk.v33-original-refined.v34-original{
 background:#fff!important;border-color:#e2eaf1!important;padding-bottom:clamp(42px,4.5vw,75px)!important
}
.v34-porcelain .v34-original .houston-atmosphere{background:linear-gradient(130deg,#fff 10%,#f9fcfe 54%,#fff 100%)!important}
.v34-porcelain .v34-original .houston-atmosphere:before{
 background:repeating-linear-gradient(120deg,transparent 0px,transparent 179px,rgba(71,126,180,.025) 180px,transparent 181px)!important;
 animation:v34AmbientMove 22s ease-in-out infinite alternate!important
}
@keyframes v34AmbientMove{from{transform:translateX(-1.5%)}to{transform:translateX(1.5%)}}
.v34-porcelain .v34-original .houston-atmosphere-glow{opacity:.16!important;background:radial-gradient(ellipse at 68% 31%,rgba(101,185,242,.19),transparent 58%)!important}
.v34-porcelain .who-v22-subline,.v34-porcelain .v34-original .who-v22-subline{color:#526479!important}
.v34-porcelain .who-orange-dot{color:#f47829!important}
.v34-porcelain .kicker,.v34-porcelain .who-kicker{color:#1767a6}
.v34-porcelain .who-v22-copy p a{color:#125f9a!important;text-underline-offset:4px}
.v34-porcelain .who-v22-copy p a:hover{color:#f17324!important}
.v34-porcelain .hero,.v34-porcelain .spec-strip,.v34-porcelain .inventory-section,
.v34-porcelain .photo-band,.v34-porcelain .manufacturing,.v34-porcelain .cert-section,
.v34-porcelain .about-section,.v34-porcelain .rfq-section,.v34-porcelain .sources-section{
 background:#fff!important
}
.v34-porcelain .spec-strip,.v34-porcelain .photo-band,.v34-porcelain .cert-section,
.v34-porcelain .sources-section{border-top:1px solid #e5ebf1}
.v34-porcelain .inventory-section,.v34-porcelain .manufacturing,.v34-porcelain .about-section,
.v34-porcelain .rfq-section{border-top:1px solid #edf2f6}
.v34-porcelain .technical-range{background:#fff!important;border:1px solid #dbe5ec!important;box-shadow:0 24px 65px rgba(40,72,104,.048)!important}
.v34-porcelain .technical-range-row{border-color:#e5edf3!important}
.v34-porcelain .technical-range-row:hover{background:#f1f8fd!important;border-color:#b6d8ed!important}
.v34-porcelain .spec-grid article,.v34-porcelain .mini-cards div,.v34-porcelain .process-grid article,.v34-porcelain .contact-tiles div{
 background:#fff!important;border-color:#dfe8ef!important
}
.v34-porcelain .inventory-table th{background:#f4f9fc!important}
.v34-porcelain .jindal-floating-mark{background:rgba(255,255,255,.91)!important;box-shadow:0 8px 24px rgba(27,66,107,.09)!important}
.v34-porcelain .site-nav a:not(.nav-rfq):after{background:#ff7925}
/* White/blue buttons with a memorable corporate orange-blue light sweep. */
.v34-porcelain .button,.v34-porcelain .nav-rfq,.v34-porcelain .cert-button{position:relative;isolation:isolate;overflow:hidden;transition:transform .3s cubic-bezier(.2,.82,.24,1),border-color .3s,box-shadow .3s,color .3s,background-color .3s!important}
.v34-porcelain .button:before,.v34-porcelain .nav-rfq:before,.v34-porcelain .cert-button:before{
 content:"";position:absolute;inset:0;z-index:-1;
 background:linear-gradient(104deg,#0076cc 0%,#1492e2 32%,#ff8a30 78%,#ff6f22 100%);
 transform:translateX(-102%);transition:transform .56s cubic-bezier(.2,.85,.22,1);opacity:1;pointer-events:none
}
.v34-porcelain .button:hover:before,.v34-porcelain .button:focus-visible:before,
.v34-porcelain .nav-rfq:hover:before,.v34-porcelain .nav-rfq:focus-visible:before,
.v34-porcelain .cert-button:hover:before,.v34-porcelain .cert-button:focus-visible:before{transform:translateX(0)}
.v34-porcelain .primary,.v34-porcelain .hero-actions .primary,.v34-porcelain .nav-rfq{background:#0d5d9e!important;border-color:#0d5d9e!important;color:#fff!important}
.v34-porcelain .secondary,.v34-porcelain .hero-actions .secondary{background:#fff!important;color:#124b79!important;border-color:#accbdc!important}
.v34-porcelain .button:hover,.v34-porcelain .nav-rfq:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(19,107,183,.20)!important;color:#fff!important;border-color:#f87c2d!important}
.v34-porcelain .button:focus-visible,.v34-porcelain .nav-rfq:focus-visible{outline:3px solid #ff9a4a;outline-offset:3px}
.v34-porcelain .cert-button:hover{color:#fff!important}
.v34-porcelain .button.primary:hover{background:#105e9c!important}
.v34-porcelain .button.secondary:hover{background:#fff!important}
.v34-porcelain .who-v22-textlink{color:#105f9e!important}
.v34-porcelain .who-v22-textlink:hover{color:#ff7422!important}
/* Elegant flat cartographic inset. Keeps all intro words on bright white. */
.v34-map-area{position:relative;z-index:2;padding-top:clamp(34px,4vw,65px)}
.v34-map-heading{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-bottom:22px}
.v34-overline{display:block;font:800 10px/1.3 'Plus Jakarta Sans',sans-serif;letter-spacing:.20em;color:#2273ac;margin-bottom:9px}
.v34-map-heading h3{margin:0;font:700 clamp(23px,2.4vw,37px)/1.16 'Plus Jakarta Sans',sans-serif!important;letter-spacing:-.047em;color:#1f3547}
.v34-map-heading h3 em{font-style:normal;color:#1166a6}
.v34-map-heading>p{max-width:445px;margin:0;color:#687c8e;font-size:15px;line-height:1.65}
.v34-map-stage{height:clamp(258px,23vw,342px);border:1px solid #dde8ef;position:relative;overflow:hidden;
 background:linear-gradient(120deg,#fff,#fbfdff 50%,#fff);box-shadow:0 22px 48px rgba(33,71,107,.045)}
.v34-map-art{position:absolute;inset:-56% 0 auto 0;height:210%;opacity:.23;mix-blend-mode:multiply;filter:grayscale(.45) contrast(.75) saturate(.45)}
.v34-map-art img{width:100%;height:100%;object-fit:cover;object-position:center 36%;display:block;transform:scale(1.01);animation:v34MapBreath 22s ease-in-out infinite alternate}
@keyframes v34MapBreath{from{transform:scale(1.01) translateX(-1%)}to{transform:scale(1.06) translateX(1%)}}
.v34-map-stage:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
 background:linear-gradient(90deg,rgba(255,255,255,.45),rgba(255,255,255,.12) 45%,rgba(255,255,255,.44)),linear-gradient(0deg,rgba(255,255,255,.80),transparent 55%)}
.v34-map-trace{position:absolute;inset:auto 20% 44% 23%;height:1px;background:linear-gradient(90deg,transparent,#167cc6 20%,#ffa059 78%,transparent);opacity:.53;z-index:2;transform:scaleX(.15);transform-origin:left;transition:transform 1.7s ease,opacity 1s}
.v34-map-stage.is-visible .v34-map-trace{transform:scaleX(1)}
.v34-map-caption{position:absolute;z-index:3;display:flex;align-items:flex-start;gap:12px;background:rgba(255,255,255,.94);border:1px solid rgba(206,221,232,.9);padding:15px 18px;min-width:218px;
 box-shadow:0 12px 30px rgba(24,59,92,.085);backdrop-filter:blur(13px);transition:transform .4s ease,box-shadow .4s ease}
.v34-map-caption:hover{transform:translateY(-4px);box-shadow:0 17px 40px rgba(24,59,92,.14)}
.v34-map-us{left:7%;bottom:12%}.v34-map-india{right:7%;top:15%}
.v34-location-dot{height:10px;width:10px;flex:0 0 10px;border-radius:50%;background:#0e7bc6;box-shadow:0 0 0 5px rgba(14,123,198,.12);margin-top:8px}
.v34-map-india .v34-location-dot{background:#ff7b29;box-shadow:0 0 0 5px rgba(255,123,41,.12)}
.v34-map-caption small{display:block;font:800 9px/1.5 'Plus Jakarta Sans',sans-serif;letter-spacing:.13em;color:#647e91}
.v34-map-caption strong{display:block;font:800 14px/1.6 'Plus Jakarta Sans',sans-serif;letter-spacing:.06em;color:#1a405e}
.v34-map-caption div>span{display:block;font-size:12px;color:#667e90;line-height:1.5}
/* Resize for smaller viewports. */
@media(max-width:900px){.v34-map-heading{align-items:flex-start;flex-direction:column;gap:12px}.v34-map-heading>p{max-width:650px}.v34-map-stage{height:310px}}
@media(max-width:600px){
 .v34-map-area{padding-top:32px}.v34-map-stage{height:265px}
 .v34-map-art{inset:-39% -36% auto -36%;width:172%;height:180%;opacity:.22}
 .v34-map-us{left:12px;bottom:13px}.v34-map-india{right:12px;top:15px}
 .v34-map-caption{padding:11px 12px;min-width:0;max-width:60%;gap:9px}
 .v34-map-caption small{font-size:8px;letter-spacing:.05em}
 .v34-map-caption strong{font-size:12px}
 .v34-map-caption div>span{font-size:10px}
 .v34-map-trace{left:24%;right:18%;bottom:50%;transform-origin:left}
 .v34-porcelain .hero-grid{gap:32px}
 .v34-porcelain .button:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .v34-map-art img{animation:none!important}
 .v34-porcelain .v34-original .houston-atmosphere:before{animation:none!important}
 .v34-map-trace{transform:none!important}
 .v34-porcelain .button:before,.v34-porcelain .nav-rfq:before,.v34-porcelain .cert-button:before{transition:none!important}
}
/* Final map visibility calibration: preserve the vintage detail, especially on phones. */
.v34-porcelain .v34-map-art {opacity:.34;filter:grayscale(.16) contrast(.89) saturate(.68)}
@media(max-width:600px){
 .v34-porcelain .v34-map-art{inset:0;width:100%;height:100%;opacity:.39;filter:grayscale(.12) contrast(.9) saturate(.7)}
 .v34-porcelain .v34-map-art img{width:100%;height:100%;object-fit:cover;object-position:center center;animation:none}
 .v34-porcelain .v34-map-stage:before{background:linear-gradient(0deg,rgba(255,255,255,.50),transparent 48%),linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.04))}
}
@media(max-width:600px){
 .v34-porcelain .v34-map-stage{
  background:linear-gradient(90deg,rgba(255,255,255,.64),rgba(255,255,255,.57)),url('assets/flat-world-heritage-map.svg') center center /cover no-repeat!important;
 }
 .v34-porcelain .v34-map-art{display:none!important}
}

/* Original flat-map illustration is deliberately light but remains legible. */
.v34-porcelain .v34-map-art{opacity:.86;filter:none;mix-blend-mode:normal}
.v34-porcelain .v34-map-art img{object-fit:contain}
@media(max-width:600px){
 .v34-porcelain .v34-map-stage{background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.08)),url('assets/flat-world-heritage-map.svg') center center /cover no-repeat!important}
}
@media(min-width:601px){
 .v34-porcelain .v34-map-art{inset:0;width:100%;height:100%}
 .v34-porcelain .v34-map-art img{width:100%;height:100%;object-fit:cover;object-position:center 50%}
}


/* v35: restore the map's correct geographical aspect ratio — no vertically squashed world. */
.v34-porcelain .v34-map-stage {
  height: clamp(360px,32vw,475px)!important;
  background:linear-gradient(120deg,#fff,#f7fafc 55%,#fff)!important;
}
.v34-porcelain .v34-map-art {
  display:block!important;position:absolute!important;
  inset:12px 10px!important;width:auto!important;height:auto!important;
  opacity:.84!important;filter:none!important;mix-blend-mode:normal!important;
}
.v34-porcelain .v34-map-art img {
  display:block;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center center!important;
  animation:none!important;transform:none!important;
}
.v34-porcelain .v34-map-stage::before {
  background:linear-gradient(90deg,rgba(255,255,255,.10),transparent 38%,rgba(255,255,255,.10)),
    linear-gradient(0deg,rgba(255,255,255,.08),transparent 38%)!important;
}
.v34-porcelain .v34-map-us{left:3%;bottom:6%}
.v34-porcelain .v34-map-india{right:3%;top:8%}
.v35-authentic-gallery .factory-card{background:#fff;border-color:#e1e9ef}
.v35-authentic-gallery .factory-card img{object-position:center center}
.v35-authentic-gallery .factory-card-lg img{object-position:center 50%}
.v35-authentic-gallery .factory-card figcaption{font-size:11px;line-height:1.45;color:#536778}
.v35-mill-feature{margin-top:clamp(30px,5vw,60px);padding-top:28px;border-top:1px solid #e1e8ee}
.v35-mill-header{display:flex;gap:18px;align-items:baseline;justify-content:space-between;margin-bottom:20px}
.v35-mill-header p{color:#5c6c79;font-size:15px;line-height:1.65;max-width:660px;margin:0}
.v35-mill-media{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:16px;align-items:stretch}
.v35-mill-media figure{min-width:0;margin:0;background:white;border:1px solid #dfe9f0;padding:8px;box-shadow:0 13px 28px rgba(30,66,92,.055)}
.v35-mill-media video,.v35-mill-media img{width:100%;height:clamp(210px,21vw,300px);display:block;object-fit:cover;background:#e6edf2}
.v35-mill-media figcaption{font-size:11px;color:#597084;margin:9px 4px 5px;line-height:1.5}
.v35-mill-media img{transition:transform .45s ease}
@media(hover:hover){.v35-mill-media figure{overflow:hidden}.v35-mill-media figure:hover img{transform:scale(1.025)}}
@media(max-width:900px){
 .v34-porcelain .v34-map-stage{height:clamp(330px,48vw,415px)!important}
 .v35-mill-media{grid-template-columns:1fr 1fr}
 .v35-mill-media-video{grid-column:1/-1}
}
@media(max-width:600px){
 .v34-porcelain .v34-map-stage{height:380px!important}
 .v34-porcelain .v34-map-art{inset:22px 0 38px!important}
 .v34-porcelain .v34-map-art img{width:150%!important;max-width:none;position:relative;left:-25%;height:100%!important}
 .v34-porcelain .v34-map-caption{max-width:54%}
 .v34-porcelain .v34-map-us{left:10px;bottom:10px}
 .v34-porcelain .v34-map-india{right:10px;top:10px}
 .v35-mill-header{display:block}
 .v35-mill-header p{margin-top:8px;font-size:14px}
 .v35-mill-media{grid-template-columns:1fr}
 .v35-mill-media-video{grid-column:auto}
 .v35-mill-media video,.v35-mill-media img{height:250px}
}


/* ===================================================================
   VERSION 36 — measured motion, full-photo framing, refined header
   Based exclusively on the original light v35 site; nothing is removed.
   =================================================================== */
/* Make logo and navigation feel like a single organized header. */
@media (min-width:1001px) {
  .v34-porcelain .nav-wrap {
    width:min(1380px,calc(100% - clamp(46px,7.6vw,132px)));
    gap:clamp(20px,3vw,48px);
  }
  .v34-porcelain .site-nav { gap:clamp(12px,1.5vw,25px); }
}
/* The hovering J belongs to the top ribbon, never over body copy. */
.v34-porcelain .jindal-floating-mark {
  display:flex!important;
  position:fixed!important;
  top:16px!important;
  right:16px!important;
  bottom:auto!important;
  width:43px!important;
  height:49px!important;
  z-index:120!important;
  opacity:.54!important;
  background:rgba(255,255,255,.74)!important;
  backdrop-filter:blur(12px);
  border:1px solid rgba(183,204,220,.42)!important;
  border-radius:7px!important;
  box-shadow:0 5px 16px rgba(20,61,97,.055)!important;
  pointer-events:none!important;
}
.v34-porcelain .jindal-floating-mark:hover{opacity:.54!important;transform:none!important}
@media(max-width:1000px) {
 .v34-porcelain .jindal-floating-mark {top:19px!important;right:92px!important;width:34px!important;height:41px!important}
}
@media(max-width:680px) {
 .v34-porcelain .jindal-floating-mark {top:16px!important;right:84px!important;width:32px!important;height:39px!important;opacity:.42!important}
}
@media(max-width:380px) {
 .v34-porcelain .jindal-floating-mark {right:77px!important;width:27px!important;height:34px!important;top:20px!important}
}

/* Authentic mill photography: full composition, editorial framing and
   consistent restrained cool-toned treatment (original files unmodified). */
.v34-porcelain .v35-authentic-gallery {
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  grid-template-rows:repeat(2,minmax(235px,1fr));
  gap:16px;
  align-items:stretch;
}
.v34-porcelain .v35-authentic-gallery .factory-card,
.v34-porcelain .v35-mill-media figure {
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
  overflow:hidden;
  background:#fff!important;
  border:1px solid #dbe4ec!important;
  border-radius:5px!important;
  padding:9px!important;
  box-shadow:0 18px 42px rgba(29,61,91,.06)!important;
  transition:border-color .35s ease, box-shadow .35s ease;
}
.v34-porcelain .v35-authentic-gallery .factory-card:hover,
.v34-porcelain .v35-mill-media figure:hover{
  border-color:#a9cadf!important;
  box-shadow:0 22px 52px rgba(29,74,111,.11)!important;
}
.v34-porcelain .v35-authentic-gallery .factory-card-lg {grid-row:span 2;}
.v36-photo-frame {
  position:relative;
  isolation:isolate;
  flex:1 1 auto;
  height:0;
  min-height:205px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:2px;
  background:#ebf0f4;
}
.v36-photo-frame::before {
  content:'';
  position:absolute;
  inset:-18px;
  background-image:var(--photo-url);
  background-size:cover;
  background-position:center;
  filter:blur(22px) saturate(.25) brightness(1.26);
  opacity:.20;
  z-index:0;
}
.v36-photo-frame::after {
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(135deg,rgba(230,242,251,.07),rgba(217,233,244,.10));
  mix-blend-mode:screen;
}
.v34-porcelain .v36-photo-frame img,
.v34-porcelain .v35-authentic-gallery .factory-card-lg .v36-photo-frame img {
  display:block!important;
  position:relative;
  z-index:1;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  border-radius:1px!important;
  object-fit:contain!important;
  object-position:center!important;
  filter:saturate(.69) contrast(1.055) brightness(1.07) hue-rotate(3deg);
  transform:none!important;
  transition:filter .5s ease;
}
@media(hover:hover) {
 .v34-porcelain .v36-photo-frame:hover img {
   filter:saturate(.82) contrast(1.05) brightness(1.06) hue-rotate(3deg);
 }
}
.v34-porcelain .v35-authentic-gallery .factory-card figcaption,
.v34-porcelain .v35-mill-media figure figcaption {
   flex:0 0 auto;
   margin:0!important;
   padding:11px 7px 5px;
   font-size:12px!important;
   font-weight:600;
   line-height:1.5;
   color:#506579!important;
   letter-spacing:.005em;
}
/* Mill photos are mostly portrait. Present the entire machine, coil and packing.
   Their frames now have a true portrait area instead of a 300px landscape crop. */
.v34-porcelain .v35-mill-media {
  display:grid!important;
  grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,.8fr));
  align-items:stretch;
  gap:17px;
}
.v34-porcelain .v35-mill-media .v36-photo-frame {
  min-height:clamp(335px,30vw,460px);
  height:auto;
  flex:1 1 auto;
}
.v34-porcelain .v35-mill-media .v35-mill-media-video {
  align-self:stretch;
}
.v34-porcelain .v35-mill-media video {
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/10;
  max-height:none!important;
  object-fit:contain!important;
  background:#e8edf2!important;
  border-radius:2px;
}
/* The video does not autoplay; visitors retain complete control. */
@media(max-width:1120px) {
 .v34-porcelain .v35-mill-media {grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .v34-porcelain .v35-mill-media-video {grid-column:1/-1}
 .v34-porcelain .v35-mill-media .v36-photo-frame {min-height:410px}
}
@media(max-width:780px) {
 .v34-porcelain .v35-authentic-gallery {grid-template-rows:repeat(2,215px)!important;gap:10px}
 .v34-porcelain .v35-authentic-gallery .factory-card {padding:7px!important}
}
@media(max-width:600px) {
 .v34-porcelain .v35-authentic-gallery {
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   grid-template-rows:auto!important;
   gap:12px;
 }
 .v34-porcelain .v35-authentic-gallery .factory-card-lg {grid-column:1/-1;grid-row:auto}
 .v34-porcelain .v35-authentic-gallery .factory-card-lg .v36-photo-frame {
   height:auto!important;min-height:0!important;aspect-ratio:4/3;
 }
 .v34-porcelain .v35-authentic-gallery .factory-card:not(.factory-card-lg) .v36-photo-frame {
   min-height:0;height:auto!important;aspect-ratio:3/4;
 }
 .v34-porcelain .v35-mill-media {grid-template-columns:1fr!important;gap:16px}
 .v34-porcelain .v35-mill-media-video {grid-column:auto!important}
 .v34-porcelain .v35-mill-media .v36-photo-frame {height:auto!important;min-height:0;aspect-ratio:3/4;max-height:520px}
 .v34-porcelain .v35-mill-media video {max-height:440px!important}
 .v34-porcelain .v35-authentic-gallery .factory-card figcaption,
 .v34-porcelain .v35-mill-media figcaption {font-size:11px!important}
}

/* One-time scroll reveals work entering the viewport from *either* direction.
   The site stays readable with JS off or prefers-reduced-motion. */
body.v36-motion-ready .v36-reveal {
  opacity:0;
  transform:translate3d(0,26px,0);
  filter:blur(2px);
  transition:
    opacity .78s cubic-bezier(.16,1,.3,1) var(--v36-delay,0ms),
    transform .85s cubic-bezier(.16,1,.3,1) var(--v36-delay,0ms),
    filter .76s ease var(--v36-delay,0ms);
}
body.v36-motion-ready .v36-reveal.v36-revealed {
  opacity:1;
  transform:none;
  filter:none;
}
body.v36-motion-ready .v36-reveal.v36-photo-enter {
  transform:translate3d(0,32px,0) scale(.975);
}
body.v36-motion-ready .v36-reveal.v36-photo-enter.v36-revealed {
  transform:none;
}
@media(prefers-reduced-motion:reduce) {
 body.v36-motion-ready .v36-reveal,body.v36-motion-ready .v36-photo-enter {opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
}

/* Full-photo access in the gallery: original optimised photo opens uncropped. */
.v34-porcelain .v36-photo-open {
 position:absolute;z-index:4;right:11px;bottom:11px;
 display:inline-flex;align-items:center;justify-content:center;
 max-width:calc(100% - 22px);min-height:37px;
 padding:8px 12px;
 background:rgba(255,255,255,.94);color:#105d95;
 border:1px solid rgba(187,207,223,.95);
 box-shadow:0 4px 16px rgba(22,55,80,.08);
 font:700 11px/1.3 'Plus Jakarta Sans',sans-serif;
 text-decoration:none;border-radius:3px;
 transition:background .22s,color .22s,border-color .22s,transform .22s;
}
.v34-porcelain .v36-photo-open:hover,
.v34-porcelain .v36-photo-open:focus-visible{
 background:#0d6caf;color:white;border-color:#0d6caf;transform:translateY(-2px);
}
@media(max-width:780px){.v34-porcelain .v36-photo-open{right:7px;bottom:7px;font-size:10px;min-height:34px;padding:7px 8px}}
@media(max-width:380px){.v34-porcelain .v36-photo-open{font-size:9px}}
/* Explicit frame heights prevent tall source images from changing the layout. */
.v34-porcelain .v35-mill-media .v36-photo-frame {
 height:clamp(335px,30vw,460px)!important;
 min-height:0!important;
 flex:0 0 auto!important;
}
@media(max-width:1120px){
 .v34-porcelain .v35-mill-media .v36-photo-frame {height:clamp(360px,45vw,510px)!important}
}
@media(max-width:600px){
 .v34-porcelain .v35-mill-media .v36-photo-frame {
  height:clamp(320px,110vw,510px)!important;
  aspect-ratio:auto!important;
 }
}


/* Version 37 — actual colour-graded mill media and edge-to-edge fit. */
.v34-porcelain .v35-authentic-gallery.v37-gallery {
 display:grid!important;
 grid-template-columns:minmax(0,1.777fr) minmax(0,1fr)!important;
 grid-template-rows:auto!important;
 align-items:start!important;
 gap:clamp(11px,1.5vw,20px)!important;
}
.v34-porcelain .v37-gallery .factory-card,
.v34-porcelain .v37-mill-media figure {
 display:flex!important;flex-direction:column!important;
 margin:0!important;padding:0!important;
 overflow:visible!important;
 border:0!important;background:transparent!important;
 box-shadow:none!important;border-radius:0!important;
 min-width:0;
}
.v34-porcelain .v37-gallery .factory-card-lg {
 grid-row:auto!important;grid-column:auto!important;
}
.v34-porcelain .v36-photo-frame.v37-media-frame,
.v34-porcelain .v37-media-frame.v37-video-frame {
 position:relative!important;display:block!important;
 flex:0 0 auto!important;
 min-height:0!important;
 height:auto!important;max-height:none!important;
 width:100%!important;
 overflow:hidden!important;
 background:#e8edf1!important;
 border:1px solid #e3e9ee!important;
 border-radius:3px!important;
 box-shadow:0 12px 26px rgba(23,47,70,.07);
}
.v34-porcelain .v37-landscape {aspect-ratio:4/3!important;}
.v34-porcelain .v37-portrait {aspect-ratio:3/4!important;}
.v34-porcelain .v37-video-frame {aspect-ratio:16/9!important;}
.v34-porcelain .v37-media-frame::before,
.v34-porcelain .v37-media-frame::after {display:none!important;content:none!important;}
.v34-porcelain .v37-media-frame img,
.v34-porcelain .v37-gallery .factory-card-lg .v37-media-frame img,
.v34-porcelain .v37-mill-media .v37-media-frame img,
.v34-porcelain .v37-mill-media .v37-video-frame video {
 display:block!important;position:static!important;
 width:100%!important;height:100%!important;
 min-height:0!important;max-height:none!important;
 aspect-ratio:inherit!important;
 object-fit:cover!important;object-position:center!important;
 border:0!important;border-radius:0!important;
 filter:none!important;opacity:1!important;
 transform:none!important;
 transition:transform .8s cubic-bezier(.22,.9,.3,1)!important;
 background:transparent!important;
}
@media(hover:hover) {
 .v34-porcelain .v37-media-frame:hover img {transform:scale(1.015)!important;}
}
.v34-porcelain .v37-gallery .v37-media-caption,
.v34-porcelain .v37-mill-media .v37-media-caption {
 display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;
 gap:4px 16px;margin:0!important;padding:13px 1px 3px!important;
 font:500 12px/1.5 'Plus Jakarta Sans',Arial,sans-serif!important;
 color:#516273!important;
}
.v34-porcelain .v37-media-caption>span:first-child {font-weight:650;}
.v34-porcelain .v37-open-photo,
.v34-porcelain .v37-media-meta {
 position:static!important;display:inline!important;
 margin:0!important;padding:0!important;min-height:0!important;
 font:500 11px/1.5 'Plus Jakarta Sans',Arial,sans-serif!important;
 letter-spacing:.005em;color:#778797!important;
 text-decoration:none!important;
 background:none!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;transform:none!important;
}
.v34-porcelain .v37-open-photo:hover,
.v34-porcelain .v37-open-photo:focus-visible {color:#156ead!important;text-decoration:underline!important;text-underline-offset:3px;}
.v34-porcelain .v37-mill-media {
 display:grid!important;
 grid-template-columns:minmax(0,2.37fr) minmax(0,1fr)!important;
 align-items:start!important;gap:clamp(11px,1.5vw,20px)!important;
}
.v34-porcelain .v37-mill-media .v35-mill-media-video {grid-column:auto!important;}
/* The full photograph link is below, never a button covering the machinery. */
.v34-porcelain .v37-media-frame .v37-photo-hint {display:none!important;}
@media(max-width:760px) {
 .v34-porcelain .v37-gallery {grid-template-columns:minmax(0,1fr)!important;gap:24px!important;}
 .v34-porcelain .v37-gallery .factory-card-lg {grid-column:auto!important;}
 .v34-porcelain .v37-mill-media {grid-template-columns:minmax(0,1fr)!important;gap:24px!important;}
 .v34-porcelain .v37-gallery .v37-portrait,
 .v34-porcelain .v37-mill-media .v37-portrait {max-width:560px;margin-inline:auto;}
}
@media(max-width:450px) {
 .v34-porcelain .v37-gallery .v37-media-caption,
 .v34-porcelain .v37-mill-media .v37-media-caption {font-size:11px!important;gap:5px;}
}
@media(prefers-reduced-motion:reduce){.v34-porcelain .v37-media-frame img {transition:none!important}}

/* v37 mobile specificity: stack intentionally rather than keeping two tiny photos. */
@media(max-width:760px){
 .v34-porcelain .v35-authentic-gallery.v37-gallery {
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto!important;
 }
 .v34-porcelain .v35-authentic-gallery.v37-gallery .factory-card {
  grid-column:auto!important;grid-row:auto!important;
 }
}

/* v40: Back to a white, clean industrial look. All wave and sun overlays removed. */


/* Version 41: stronger sticky navigation and a clear brochure reference */
html { scroll-padding-top: 112px; }
body.v34-porcelain .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 200 !important;
  width:100%;
  background:rgba(255,255,255,.95)!important;
  backdrop-filter:blur(22px) saturate(1.25);
}
body.v34-porcelain .nav-wrap {height:100px;}
body.v34-porcelain .brand-logo {width:250px;max-width:30vw;}
body.v34-porcelain .site-nav {gap:clamp(14px,1.35vw,24px)}
body.v34-porcelain .site-nav a {font-size:15px;line-height:1.35;}
body.v34-porcelain .site-nav .nav-rfq {padding:16px 22px;font-size:15px;}
body.v34-porcelain .jindal-floating-mark {z-index:210!important;}
.technical-brochure-note{font-size:13px;line-height:1.6;margin:15px 6px 0;color:#657585;letter-spacing:.005em}
.technical-brochure-note a{color:#155e9b;text-decoration:none;border-bottom:1px solid rgba(21,94,155,.26);transition:color .2s,border-color .2s}
.technical-brochure-note a:hover{color:#ed7023;border-color:#ed7023}
@media(max-width:1250px) and (min-width:1001px){
 body.v34-porcelain .brand-logo{width:210px}
 body.v34-porcelain .site-nav{gap:11px}
 body.v34-porcelain .site-nav a{font-size:13px}
 body.v34-porcelain .site-nav .nav-rfq{padding:14px 15px;font-size:13px}
}
@media(max-width:1000px){
 body.v34-porcelain .nav-wrap{height:82px}
 body.v34-porcelain .site-nav{top:82px}
 body.v34-porcelain .brand-logo{width:215px;max-width:50vw}
 body.v34-porcelain .site-nav a{font-size:15px}
}
@media(max-width:680px){
 html{scroll-padding-top:80px}
 body.v34-porcelain .nav-wrap{height:74px}
 body.v34-porcelain .site-nav{top:74px}
 body.v34-porcelain .brand-logo{width:187px;max-width:62vw}
 .technical-brochure-note{font-size:12.5px}
}


/* Version 42 — Jindal emblem integrated into the sticky top ribbon.
   The old floating emblem has been removed from markup. */
body.v34-porcelain .nav-wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(12px,1.6vw,25px);
}
body.v34-porcelain .site-nav{margin-left:auto;min-width:0;}
body.v34-porcelain .jindal-header-symbol{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:55px;
  height:62px;
  padding:7px;
  border-radius:10px;
  border:1px solid transparent;
  text-decoration:none;
  background:transparent;
  position:relative;
  isolation:isolate;
  outline-offset:4px;
  transition:background-color .38s ease,border-color .38s ease,box-shadow .38s ease,transform .38s cubic-bezier(.2,.75,.2,1);
}
body.v34-porcelain .jindal-header-symbol-inner{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;height:100%;
}
body.v34-porcelain .jindal-header-symbol img{
  display:block;
  width:36px;
  height:44px;
  object-fit:contain;
  opacity:.76;
  filter:saturate(.9) drop-shadow(0 1px 1px rgba(13,60,108,.08));
  transition:transform .48s cubic-bezier(.2,.75,.2,1),opacity .38s ease,filter .38s ease;
}
body.v34-porcelain .jindal-header-symbol-fallback{
  display:none;
  font:900 27px/1 'Manrope','DM Sans',Arial,sans-serif;
  font-style:italic;
  letter-spacing:-.12em;
  color:#165b94;
}
body.v34-porcelain .jindal-header-symbol.image-unavailable img{display:none;}
body.v34-porcelain .jindal-header-symbol.image-unavailable .jindal-header-symbol-fallback{display:block;}
@media(hover:hover) and (pointer:fine){
  body.v34-porcelain .jindal-header-symbol:hover{
    background:linear-gradient(135deg,rgba(226,242,252,.68),rgba(255,255,255,.93));
    border-color:rgba(37,111,170,.22);
    box-shadow:0 8px 19px rgba(31,92,151,.10),inset 0 1px 0 rgba(255,255,255,.85);
    transform:translateY(-2px);
  }
  body.v34-porcelain .jindal-header-symbol:hover img{
    opacity:1;
    filter:saturate(1.15) drop-shadow(0 3px 5px rgba(26,91,145,.18));
    transform:scale(1.075);
  }
}
body.v34-porcelain .jindal-header-symbol:focus-visible{
  border-color:#246fac;
  background:#eef7fe;
  outline:2px solid #176aa8;
}
@media(max-width:1250px) and (min-width:1001px){
  body.v34-porcelain .jindal-header-symbol{width:47px;height:55px;padding:5px;}
  body.v34-porcelain .jindal-header-symbol img{width:32px;height:40px;}
}
@media(max-width:1000px){
  body.v34-porcelain .jindal-header-symbol{
    width:44px;height:50px;padding:4px;
    order:1;
    margin-left:auto;
    margin-right:4px;
  }
  body.v34-porcelain .menu-button{order:2;}
  body.v34-porcelain .jindal-header-symbol img{width:29px;height:36px;}
}
@media(max-width:680px){
  body.v34-porcelain .jindal-header-symbol{width:38px;height:44px;margin-right:0;}
  body.v34-porcelain .jindal-header-symbol img{width:26px;height:33px;}
  body.v34-porcelain .brand-logo{max-width:min(187px,48vw);}
}
@media(prefers-reduced-motion:reduce){
  body.v34-porcelain .jindal-header-symbol,
  body.v34-porcelain .jindal-header-symbol img{transition:none!important;transform:none!important;}
}


/* ============================================================================
   v43 — Header that responds fluidly to viewport width.
   When navigation no longer fits comfortably, it becomes a well-spaced menu.
   Who We Are starts closer to the sticky ribbon without compromising anchors.
   ============================================================================ */
:root { --mfi-header-height: 92px; }
html { scroll-padding-top: calc(var(--mfi-header-height) + 14px); }
body.v34-porcelain .site-header { position: sticky !important; top: 0 !important; width: 100%; z-index: 200; }
body.v34-porcelain .nav-wrap {
  height: var(--mfi-header-height) !important;
  width: min(1560px, calc(100% - clamp(36px, 6.2vw, 108px))) !important;
  display:flex; align-items:center; justify-content:space-between;
  gap: clamp(12px, 1.55vw, 25px) !important;
}
body.v34-porcelain .brand {flex: 0 1 auto; min-width: 0;}
body.v34-porcelain .brand-logo {
  display:block; width:clamp(184px, 18vw, 250px) !important;
  max-width:100% !important; height:auto;
}
body.v34-porcelain .site-nav {
  flex:0 1 auto; min-width:0; margin-left:auto;
  gap:clamp(10px,1.25vw,23px) !important;
}
body.v34-porcelain .site-nav>a {font-size:clamp(13px,1.05vw,15px) !important; white-space:nowrap;}
body.v34-porcelain .site-nav>.nav-rfq {padding:clamp(12px,1.05vw,16px) clamp(13px,1.4vw,22px) !important;}
body.v34-porcelain .jindal-header-symbol {flex-shrink:0;margin:0!important;order:unset;}
body.v34-porcelain .menu-button {cursor:pointer; white-space:nowrap;}
body.v34-porcelain .menu-button:focus-visible {outline:2px solid #146bb6;outline-offset:3px;}
body.v34-porcelain #who-we-are {scroll-margin-top:var(--mfi-header-height) !important;}
body.v34-porcelain .who-v22.who-houston-dusk.v33-original-refined.v34-original {
  padding-top:clamp(22px,2.55vw,40px) !important;
}
body.v34-porcelain .v33-original-refined .who-heading-row {
  margin-bottom:clamp(25px,2.65vw,39px) !important;
}
/* Earlier switching point avoids cramped navigation on laptops or zoomed browsers. */
@media(max-width:1180px) {
  :root {--mfi-header-height:80px;}
  body.v34-porcelain .nav-wrap {width:calc(100% - 48px)!important; gap:clamp(10px,2vw,20px)!important;}
  body.v34-porcelain .brand-logo {width:clamp(165px,24vw,215px)!important;}
  body.v34-porcelain .site-nav {
    display:none!important; position:absolute!important;
    top:100%!important; left:0!important;right:0!important;
    z-index:210; width:100%; margin:0!important;
    padding:16px clamp(24px,5vw,55px) 22px !important;
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid #e9edf2;
    border-bottom:1px solid #dfe9ef;
    box-shadow:0 22px 38px rgba(22,59,92,.09);
    flex-direction:column;align-items:stretch;gap:0!important;
    max-height:calc(100dvh - var(--mfi-header-height));overflow-y:auto;
  }
  body.v34-porcelain .site-nav.open {display:flex!important;}
  body.v34-porcelain .site-nav>a:not(.nav-rfq) {
    display:flex;align-items:center;min-height:48px;
    padding:12px 5px;border-bottom:1px solid #edf1f6;
    font-size:15px!important;
  }
  body.v34-porcelain .site-nav>a:not(.nav-rfq)::after {display:none;}
  body.v34-porcelain .site-nav>.nav-rfq {
    margin-top:15px;text-align:center;align-self:stretch;
    padding:15px 18px!important;font-size:15px!important;
  }
  body.v34-porcelain .menu-button {
    display:inline-flex!important;align-items:center;justify-content:center;
    flex:0 0 auto; min-height:44px; padding:9px 15px;
    font-size:14px;background:#fff;color:#214763;border-color:#d9e5ee;
    order:1;margin-left:auto;transition:background-color .2s,border-color .2s;
  }
  body.v34-porcelain .menu-button[aria-expanded="true"] {background:#edf7ff;border-color:#9dc8e8;}
  body.v34-porcelain .jindal-header-symbol {
    order:2!important; flex:0 0 44px; width:44px;height:50px;padding:5px;
  }
  body.v34-porcelain .jindal-header-symbol img {width:29px;height:36px;}
}
@media(max-width:680px) {
  :root {--mfi-header-height:72px;}
  body.v34-porcelain .nav-wrap {width:calc(100% - 30px)!important;gap:10px!important;}
  body.v34-porcelain .brand-logo {width:clamp(150px,43vw,188px)!important;}
  body.v34-porcelain .menu-button {min-height:42px;padding:8px 12px;font-size:13px;}
  body.v34-porcelain .jindal-header-symbol {width:40px;height:45px;flex-basis:40px;padding:3px;}
  body.v34-porcelain .jindal-header-symbol img {width:27px;height:34px;}
  body.v34-porcelain .who-v22.who-houston-dusk.v33-original-refined.v34-original {padding-top:22px!important;}
  body.v34-porcelain .v33-original-refined .who-heading-row {margin-bottom:24px!important;}
}
@media(max-width:380px) {
  :root {--mfi-header-height:68px;}
  body.v34-porcelain .nav-wrap {width:calc(100% - 24px)!important;gap:7px!important;}
  body.v34-porcelain .brand-logo {width:clamp(131px,42vw,158px)!important;}
  body.v34-porcelain .menu-button {padding:8px 10px;font-size:12px;}
  body.v34-porcelain .jindal-header-symbol {width:36px;height:40px;flex-basis:36px;}
  body.v34-porcelain .jindal-header-symbol img {width:24px;height:30px;}
  body.v34-porcelain .who-v22.who-houston-dusk.v33-original-refined.v34-original {padding-top:18px!important;}
}
@media(prefers-reduced-motion:reduce) {
 body.v34-porcelain .menu-button {transition:none!important;}
}

/* ===========================================================================
   v44 — application flashcards, unified header CTAs, Jindal SAW wordmark.
   Retains the white editorial design, current hero photographs and map.
   =========================================================================== */
body.v34-porcelain .site-nav .nav-inventory,
body.v34-porcelain .site-nav .nav-rfq{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:43px;padding:12px clamp(12px,1.08vw,19px)!important;
  border-radius:6px!important;border:1px solid transparent!important;
  color:#fff!important;font-weight:750!important;font-size:clamp(12px,.9vw,14px)!important;
  letter-spacing:.005em; text-decoration:none; white-space:nowrap;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease;
}
body.v34-porcelain .site-nav .nav-inventory{background:#ee7527!important;border-color:#ee7527!important;}
body.v34-porcelain .site-nav .nav-rfq{background:#095f9f!important;border-color:#095f9f!important;}
body.v34-porcelain .site-nav .nav-inventory::after,
body.v34-porcelain .site-nav .nav-inventory::before{display:none!important;content:none!important;}
@media(hover:hover) and (pointer:fine){
 body.v34-porcelain .site-nav .nav-inventory:hover,
 body.v34-porcelain .site-nav .nav-rfq:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(36,100,151,.14)!important;}
 body.v34-porcelain .site-nav .nav-inventory:hover{background:#dc641e!important;}
 body.v34-porcelain .site-nav .nav-rfq:hover{background:#124a7d!important;}
}
body.v34-porcelain .site-nav .nav-inventory:focus-visible,
body.v34-porcelain .site-nav .nav-rfq:focus-visible{outline:3px solid #f4a15f;outline-offset:3px;}

/* The full Jindal SAW Ltd. / Total Pipe Solutions identity lives inside the ribbon. */
body.v34-porcelain .jindal-header-symbol,
body.v34-porcelain .jindal-header-symbol:hover{
  flex:0 0 auto; width:clamp(179px,13.8vw,220px)!important;
  height:68px!important; padding:5px 8px!important; border-radius:8px;
}
body.v34-porcelain .jindal-header-symbol-inner{justify-content:flex-start;gap:7px;min-width:0;}
body.v34-porcelain .jindal-header-symbol img{width:43px!important;height:54px!important;flex:0 0 43px;object-fit:contain;}
body.v34-porcelain .jindal-header-symbol-fallback{flex:0 0 34px;}
body.v34-porcelain .jindal-wordmark{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;white-space:nowrap;text-align:left;}
body.v34-porcelain .jindal-wordmark strong{
  display:block;font-size:clamp(12.5px,1.02vw,16px);font-weight:860;
  letter-spacing:.004em;line-height:1.08;color:#154e7d;
}
body.v34-porcelain .jindal-wordmark small{
  display:block;color:#3f6e95;font-size:clamp(7.1px,.62vw,9px);
  letter-spacing:.11em;font-weight:780;line-height:1.2;
}
@media (hover:hover) and (pointer:fine){
  body.v34-porcelain .jindal-header-symbol:hover .jindal-wordmark strong{color:#0d6aa9;}
  body.v34-porcelain .jindal-header-symbol:hover .jindal-wordmark small{color:#e67a32;}
}
/* Allow the navigation to collapse before both action buttons crowd the ribbon. */
body.v34-porcelain .nav-wrap{gap:clamp(9px,1.1vw,19px)!important;}
body.v34-porcelain .site-nav{gap:clamp(8px,1.05vw,17px)!important;}
body.v34-porcelain .site-nav>a:not(.nav-inventory):not(.nav-rfq){font-size:clamp(12px,.94vw,14px)!important;}
@media(max-width:1530px){
 body.v34-porcelain .site-nav{display:none!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;
  margin:0!important;width:100%;padding:14px clamp(20px,5vw,55px) 20px!important; z-index:210;
  border-top:1px solid #e6edf4;border-bottom:1px solid #dce6ef;background:rgba(255,255,255,.985)!important;
  box-shadow:0 20px 32px rgba(15,65,99,.1);flex-direction:column;align-items:stretch;gap:0!important;
  max-height:calc(100dvh - var(--mfi-header-height));overflow-y:auto;}
 body.v34-porcelain .site-nav.open{display:flex!important;}
 body.v34-porcelain .site-nav>a:not(.nav-rfq):not(.nav-inventory){
    display:flex;align-items:center;min-height:46px;padding:10px 5px;border-bottom:1px solid #e9eef4;font-size:15px!important;}
 body.v34-porcelain .site-nav>a:not(.nav-rfq):not(.nav-inventory)::after{display:none!important;}
 body.v34-porcelain .site-nav .nav-inventory,
 body.v34-porcelain .site-nav .nav-rfq{align-self:stretch;width:100%;margin:12px 0 0!important;padding:13px 16px!important;font-size:14px!important;}
 body.v34-porcelain .menu-button{display:inline-flex!important;align-items:center;justify-content:center;order:1;margin-left:auto!important;min-height:44px;padding:9px 14px;}
 body.v34-porcelain .jindal-header-symbol{order:2!important;margin:0!important;width:195px!important;height:60px!important;padding:4px!important;}
 body.v34-porcelain .jindal-header-symbol img{width:39px!important;height:50px!important;flex-basis:39px;}
 body.v34-porcelain .jindal-wordmark strong{font-size:14px;}
 body.v34-porcelain .jindal-wordmark small{font-size:8px;}
}
@media(max-width:680px){
 body.v34-porcelain .jindal-header-symbol{width:135px!important;height:55px!important;padding:2px!important;}
 body.v34-porcelain .jindal-header-symbol-inner{gap:4px;}
 body.v34-porcelain .jindal-header-symbol img{width:30px!important;height:41px!important;flex-basis:30px;}
 body.v34-porcelain .jindal-wordmark strong{font-size:10.1px;}
 body.v34-porcelain .jindal-wordmark small{font-size:6.5px;letter-spacing:.035em;}
 body.v34-porcelain .brand-logo{width:clamp(116px,35vw,155px)!important;}
 body.v34-porcelain .menu-button{padding:8px 10px!important;font-size:12px;}
}
@media(max-width:395px){
 body.v34-porcelain .nav-wrap{gap:5px!important;}
 body.v34-porcelain .brand-logo{width:clamp(111px,33vw,135px)!important;}
 body.v34-porcelain .jindal-header-symbol{width:121px!important;height:48px!important;}
 body.v34-porcelain .jindal-header-symbol img{width:26px!important;height:35px!important;flex-basis:26px;}
 body.v34-porcelain .jindal-wordmark strong{font-size:9.3px;}
 body.v34-porcelain .jindal-wordmark small{font-size:5.9px;}
 body.v34-porcelain .menu-button{padding:7px 9px!important;min-height:40px;}
}

/* The Supply Chain section now communicates manufacturing directly, without a redundant gallery. */
body.v34-porcelain .photo-band-grid{display:block!important;}
body.v34-porcelain .photo-band .photo-copy{max-width:1090px;width:100%;margin:0 auto;}
body.v34-porcelain .photo-band .mini-cards{max-width:1060px;}
body.v34-porcelain .photo-band{padding-top:clamp(60px,6vw,95px);padding-bottom:clamp(60px,6vw,95px);}

/* Light, editorial industry flashcards. Flip by pointer, keyboard or touch. */
.industries-section{background:linear-gradient(180deg,#fff 0%,#f8fbfe 100%);padding:clamp(72px,7vw,116px) 0 clamp(72px,7vw,110px);overflow:hidden;}
.industries-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:23px;}
.industries-head h2{font-size:clamp(32px,3.4vw,56px);letter-spacing:-.047em;line-height:1.13;max-width:720px;margin:9px 0 0;color:#153b5a;}
.industries-head>p{font-size:15px;line-height:1.75;max-width:390px;color:#586d7d;margin:0 0 5px;}
.industries-toolbar{display:flex;align-items:center;justify-content:space-between;margin:22px 0 17px;gap:18px;}
.industries-count{color:#698298;letter-spacing:.14em;font-weight:700;font-size:10px;}
.industries-controls{display:flex;gap:10px;}
.industry-scroll{width:45px;height:45px;border-radius:50%;border:1px solid #d6e3ec;background:white;color:#135a92;
 font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .22s,transform .22s,color .22s,border-color .22s;}
.industry-scroll:hover{background:#0e68a8;color:white;border-color:#0e68a8;transform:translateY(-2px);}
.industry-scroll:focus-visible{outline:3px solid #ec8a43;outline-offset:3px;}
.industry-scroll:disabled{opacity:.4;cursor:default;transform:none;}
.industries-track{display:flex;gap:clamp(15px,1.7vw,23px);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;
 scrollbar-width:thin;scrollbar-color:#d4e4ef transparent;padding:5px 3px 17px;scroll-behavior:smooth;}
.industries-track:focus-visible{outline:2px solid #aacde7;outline-offset:5px;}
.industry-card{position:relative;flex:0 0 clamp(252px,24vw,315px);height:350px;perspective:1100px;border:0;background:transparent;padding:0;
 border-radius:11px;scroll-snap-align:start;cursor:pointer;color:inherit;text-align:left;appearance:none;-webkit-appearance:none;}
.industry-card-rotator{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.21,.72,.3,1);}
.industry-card.is-flipped .industry-card-rotator{transform:rotateY(180deg);}
@media(hover:hover) and (pointer:fine){.industry-card:hover .industry-face-front{border-color:#c1dae9;box-shadow:0 15px 31px rgba(28,95,133,.09);}}
.industry-card:focus-visible{outline:3px solid #ea8b44;outline-offset:5px;}
.industry-face{display:flex;flex-direction:column;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;
 border:1px solid #d7e4ed;border-radius:11px;padding:27px 24px 23px;overflow:hidden;box-shadow:0 9px 27px rgba(37,79,108,.05);}
.industry-face-front{background:#fff;}
.industry-face-front::after{content:"";position:absolute;right:-50px;top:53px;width:170px;height:170px;border:1px solid #eef3f7;
 border-radius:50%;box-shadow:0 0 0 33px rgba(240,246,250,.56),0 0 0 65px rgba(246,250,252,.5);pointer-events:none;}
.industry-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#5f8099;font-size:10px;font-weight:750;letter-spacing:.14em;position:relative;z-index:1;}
.industry-number{font-variant-numeric:tabular-nums;color:#e97936;}
.industry-category{text-align:right;}
.industry-monogram{position:absolute;top:62px;right:25px;font-weight:200;font-size:116px;line-height:1;letter-spacing:-.12em;
 color:#e1eff8;user-select:none;}
.industry-title{font-size:clamp(21px,2.1vw,27px);line-height:1.16;font-weight:750;letter-spacing:-.035em;color:#1a4564;
 margin-top:auto;position:relative;z-index:1;max-width:230px;}
.industry-subtitle{font-size:13.5px;color:#728696;margin-top:10px;position:relative;z-index:1;}
.industry-cue{font-size:11px;color:#1e6ea8;font-weight:700;letter-spacing:.03em;position:relative;z-index:1;
 border-top:1px solid #e3ebf1;padding-top:16px;margin-top:20px;}
.industry-face-back{transform:rotateY(180deg);background:linear-gradient(145deg,#123f65 0%,#166b9e 100%);border-color:#17648f;color:white;}
.industry-back-eyebrow{font-size:10px;letter-spacing:.17em;color:#a9d6ee;font-weight:700;}
.industry-back-title{font-size:23px;letter-spacing:-.025em;line-height:1.17;margin:48px 0 15px;color:#fff;}
.industry-description{font-size:15px;line-height:1.7;color:#e4f1f8;max-width:265px;}
.industry-back-footer{font-size:11px;color:#b7ddeb;letter-spacing:.04em;margin-top:auto;border-top:1px solid rgba(255,255,255,.18);padding-top:17px;}
.industries-note{font-size:12px;color:#738391;line-height:1.65;margin:17px 0 0;}
@media(max-width:850px){.industries-head{display:block;}.industries-head>p{max-width:590px;margin-top:17px;}}
@media(max-width:600px){.industry-card{flex-basis:min(75vw,300px);height:320px}.industry-face{padding:23px 21px 20px}.industries-head h2{font-size:34px}.industries-head>p{font-size:14px}.industry-monogram{font-size:98px}.industry-scroll{width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){
 .industry-card-rotator,.industries-track,.industry-scroll{transition:none!important;scroll-behavior:auto!important;}
}


/* ==================================================================
   VERSION 45 — industry application photography and flowing card reveals
   ================================================================== */
/* Keep nav informational links together, with Inventory immediately after Certificates. */
body.v34-porcelain .site-nav .nav-inventory{margin-left:clamp(4px,.8vw,14px)!important}
/* Preserve historic map styling, but provide proportionate vertical height to show the entire India region. */
body.v34-porcelain .v34-map-stage{height:clamp(440px,41vw,580px)!important}
body.v34-porcelain .v34-map-art{inset:7px 8px 10px!important}
body.v34-porcelain .v34-map-art img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important}
body.v34-porcelain .v34-map-area{padding-bottom:8px}
body.v34-porcelain .v45-map-attribution{font-size:10px;line-height:1.5;color:#7d8b93;margin:8px 1px 2px;letter-spacing:.012em}
body.v34-porcelain .v45-map-attribution a{color:#597b91;text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){body.v34-porcelain .v34-map-stage{height:clamp(380px,62vw,510px)!important}}
@media(max-width:600px){
  body.v34-porcelain .v34-map-stage{height:385px!important}
  body.v34-porcelain .v34-map-art{inset:20px -5% 66px!important}
  body.v34-porcelain .v34-map-art img{width:130%!important;max-width:none!important;left:-15%!important;height:100%!important;object-fit:contain!important}
}
/* Mobile photograph-led flipping cards, all eight unique licensed subjects. */
.industries-section{background:linear-gradient(180deg,#fff 0%,#f7fafc 100%);padding:clamp(76px,7.5vw,115px) 0}
.industry-card{height:410px}
.industry-face{padding:22px 19px 19px}
.industry-face-front{background:#fff}
.industry-face-front::after{display:none!important}
.industry-photo{display:block;position:relative;z-index:1;flex:0 0 auto;height:189px;margin:15px 0 17px;overflow:hidden;border-radius:7px;background:#e7edf1}
.industry-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.75) contrast(1.075) brightness(1.04);transition:transform .75s cubic-bezier(.2,.6,.25,1),filter .55s}
.industry-photo::after{content:"";inset:0;position:absolute;pointer-events:none;background:linear-gradient(0deg,rgba(10,29,41,.42),transparent 43%)}
.industry-photo-label{position:absolute;bottom:9px;left:11px;z-index:2;font-size:8px;font-weight:780;letter-spacing:.105em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}
@media(hover:hover) and (pointer:fine){.industry-card:hover .industry-photo img{transform:scale(1.07);filter:saturate(.89) contrast(1.08) brightness(1.03)}}
.industry-title{font-size:clamp(21px,1.8vw,24px);max-width:none;margin-top:auto}
.industry-subtitle{margin-top:7px}
.industry-cue{margin-top:13px!important}
.industry-face-back{background:#e9f3fa}
.industries-photo-credits{margin-top:17px;color:#708494;font-size:11px;line-height:1.75}
.industries-photo-credits summary{cursor:pointer;display:inline-block;color:#55738b;text-decoration:underline;text-decoration-color:#bdcdd9;text-underline-offset:3px}
.industries-photo-credits p{max-width:970px;margin:9px 0 0}
.industries-photo-credits a{color:#38658d}
/* Animate entry per flashcard; document stays visible without JS or for reduced motion. */
@media(prefers-reduced-motion:no-preference){
  .industries-motion-ready .industry-card:not(.is-arrived){opacity:0;transform:translateY(38px) rotateX(7deg) scale(.965)}
  .industries-motion-ready .industry-card{transition:opacity .73s ease,transform .82s cubic-bezier(.16,.75,.25,1)}
  .industries-motion-ready .industry-card.is-arrived{opacity:1;transform:translateY(0) rotateX(0) scale(1)}
}
@media(max-width:600px){.industry-card{height:385px}.industry-face{padding:18px}.industry-photo{height:170px;margin:12px 0 14px}.industry-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){.industry-card{opacity:1!important;transform:none!important}.industry-photo img{transition:none!important}}


/* v46: inventory button parity + cinematic rotating industries deck */
body.v34-porcelain .site-nav .nav-inventory,
body.v34-porcelain .site-nav .nav-rfq{
  position:relative; isolation:isolate; overflow:hidden;
}
body.v34-porcelain .site-nav .nav-inventory::before,
body.v34-porcelain .site-nav .nav-rfq::before{
  content:"" !important; display:block !important; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.30) 45%,transparent 70%);
  transform:translateX(-140%); transition:transform .55s ease;
}
body.v34-porcelain .site-nav .nav-inventory:hover::before,
body.v34-porcelain .site-nav .nav-rfq:hover::before,
body.v34-porcelain .site-nav .nav-inventory:focus-visible::before,
body.v34-porcelain .site-nav .nav-rfq:focus-visible::before{transform:translateX(140%);}
body.v34-porcelain .site-nav .nav-inventory,
body.v34-porcelain .site-nav .nav-rfq{
  padding:16px 22px!important;font-size:15px!important;border-radius:8px!important;
  box-shadow:0 10px 24px rgba(11,58,98,.10);
}
body.v34-porcelain .site-nav .nav-inventory:hover,
body.v34-porcelain .site-nav .nav-rfq:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(19,107,183,.20)!important;}
@media(max-width:1240px){
  body.v34-porcelain .site-nav .nav-inventory,
  body.v34-porcelain .site-nav .nav-rfq{padding:14px 16px!important;font-size:13px!important;}
}

.industries-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(1200px 420px at 10% -2%, rgba(255,145,71,.22), transparent 44%),
    radial-gradient(980px 360px at 86% 5%, rgba(58,149,221,.18), transparent 46%),
    linear-gradient(180deg,#122130 0%, #15293a 45%, #102131 100%)!important;
  padding:clamp(82px,8vw,122px) 0!important;
}
.industries-section::before,
.industries-section::after{content:"";position:absolute;inset:0;pointer-events:none;}
.industries-section::before{
  background:
    radial-gradient(circle at 12% 70%, rgba(255,169,78,.95) 0 1.1px, transparent 1.2px) 0 0/110px 110px,
    radial-gradient(circle at 60% 24%, rgba(255,198,129,.8) 0 1px, transparent 1.1px) 0 0/130px 130px,
    radial-gradient(circle at 82% 52%, rgba(255,122,39,.85) 0 1.1px, transparent 1.2px) 0 0/150px 150px,
    radial-gradient(circle at 38% 80%, rgba(255,210,153,.7) 0 .85px, transparent 1px) 0 0/95px 95px;
  opacity:.58; filter:blur(.2px);
}
.industries-section::after{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0) 24%, rgba(255,121,37,.06) 100%);
}
.industries-section .industries-head h2,
.industries-section .industries-head>p,
.industries-section .industries-count,
.industries-section .industries-note,
.industries-section .industries-photo-credits,
.industries-section .industries-photo-credits a,
.industries-section .industries-photo-credits summary{color:#e8f3fb!important;}
.industries-section .kicker{color:#9fd3ff!important;}
.industries-toolbar{position:relative;z-index:2;}
.industries-track{
  position:relative; z-index:2; align-items:stretch;
  gap:clamp(18px,1.8vw,28px)!important; overflow-x:auto!important;
  padding:12px max(12px, calc(50% - 182px)) 32px!important;
  scroll-padding-inline:max(12px, calc(50% - 182px)); scroll-snap-type:x mandatory;
}
.industries-track::-webkit-scrollbar{height:8px;}
.industries-track::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:999px;}
.industry-card{
  flex:0 0 clamp(292px,26vw,364px)!important; height:470px!important; scroll-snap-align:center;
  transform-origin:center center; transition:transform .7s cubic-bezier(.2,.76,.24,1), opacity .55s ease, filter .55s ease;
  filter:saturate(.93);
}
.industry-face{
  padding:16px 16px 18px!important; border-radius:28px!important;
}
.industry-face-front{
  background:rgba(255,255,255,.12)!important; border:1px solid rgba(255,255,255,.18)!important;
  backdrop-filter:blur(16px); box-shadow:0 28px 42px rgba(3,12,20,.22);
}
.industry-face-back{
  background:linear-gradient(155deg, rgba(16,62,101,.90), rgba(22,109,160,.80))!important;
  border:1px solid rgba(169,217,243,.34)!important; backdrop-filter:blur(12px);
}
.industry-photo{
  height:260px!important; margin:14px 0 18px!important; border-radius:20px!important; overflow:hidden;
  background:rgba(255,255,255,.08)!important; box-shadow:0 18px 30px rgba(7,17,27,.26);
}
.industry-photo::after{background:linear-gradient(0deg, rgba(3,16,28,.48), rgba(3,16,28,.03) 55%)!important;}
.industry-photo img{filter:saturate(.88) contrast(1.06) brightness(1.03)!important;}
.industry-card:hover .industry-photo img{transform:scale(1.06)!important;}
.industry-title,.industry-back-title{color:#fff!important;}
.industry-subtitle,.industry-cue,.industry-description,.industry-back-footer,.industry-back-eyebrow,.industry-category{color:#dcecf8!important;}
.industry-number{color:#ffac63!important;}
.industry-card.is-active{transform:translateY(-10px) scale(1.06)!important; z-index:4; filter:saturate(1.02);}
.industry-card.is-prev{transform:translateX(10px) translateY(8px) scale(.93) rotateY(16deg) rotateZ(-1.2deg); z-index:2;}
.industry-card.is-next{transform:translateX(-10px) translateY(8px) scale(.93) rotateY(-16deg) rotateZ(1.2deg); z-index:2;}
.industries-motion-ready .industry-card:not(.is-arrived){opacity:0;transform:translateY(40px) scale(.96)!important}
.industries-motion-ready .industry-card.is-arrived{opacity:1}
.industry-card.is-flipped .industry-card-rotator{transform:rotateY(180deg)!important;}
.industry-card.is-active .industry-face-front{box-shadow:0 32px 52px rgba(4,10,18,.28); border-color:rgba(255,255,255,.28)!important;}
.industries-controls .industry-scroll{
  background:rgba(255,255,255,.12)!important; border-color:rgba(255,255,255,.22)!important; color:#fff!important;
  backdrop-filter:blur(10px);
}
.industries-controls .industry-scroll:hover{background:rgba(13,107,169,.92)!important;border-color:#0d6ba9!important;}
@media(max-width:900px){
  .industries-track{padding-inline:18px!important;scroll-padding-inline:18px!important;}
  .industry-card{flex-basis:min(80vw,340px)!important;height:446px!important;}
  .industry-photo{height:236px!important;}
  .industry-card.is-prev,.industry-card.is-next{transform:scale(.97)!important;}
}
@media(max-width:560px){
  .industry-card{flex-basis:min(84vw,320px)!important;height:420px!important;}
  .industry-face{padding:14px!important;}
  .industry-photo{height:220px!important;border-radius:18px!important;}
}
@media(prefers-reduced-motion:reduce){
  .industry-card,.industry-card.is-active,.industry-card.is-prev,.industry-card.is-next{transform:none!important;}
}


/* v48: return the application showcase to white; let photography and motion carry the design. */
body.v34-porcelain .industries-section{
  position:relative;
  background:#fff!important;
  color:#173a57;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(75px,7vw,112px) 0!important;
  border-top:1px solid #eef2f5;
  border-bottom:1px solid #eef2f5;
}
body.v34-porcelain .industries-section::before,
body.v34-porcelain .industries-section::after{content:none!important;display:none!important;}
body.v34-porcelain .industries-section .industries-head h2{color:#153b5a!important;}
body.v34-porcelain .industries-section .industries-head>p{color:#5a7184!important;}
body.v34-porcelain .industries-section .kicker{color:#176ea7!important;}
body.v34-porcelain .industries-section .industries-count{color:#658196!important;}
body.v34-porcelain .industries-section .industries-note,
body.v34-porcelain .industries-section .industries-photo-credits,
body.v34-porcelain .industries-section .industries-photo-credits a,
body.v34-porcelain .industries-section .industries-photo-credits summary{color:#667d8c!important;}
body.v34-porcelain .industries-section .industry-scroll{
  background:#fff!important;border-color:#dce6ed!important;color:#1a6eaa!important;
}
body.v34-porcelain .industries-section .industry-scroll:hover{
  background:#126da8!important;border-color:#126da8!important;color:#fff!important;
}
.industries-controls{display:flex;align-items:center;gap:10px;}
.industry-autoplay{
  min-width:93px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  background:rgba(239,246,251,.75);border:1px solid #dce8f0;border-radius:22px;
  color:#2e607d;font:700 12px/1 "DM Sans",Arial,sans-serif;
  cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .25s ease;
}
.industry-autoplay:hover{background:#e4f2fc;border-color:#b6d5e9;transform:translateY(-1px);}
.industry-autoplay:focus-visible{outline:3px solid #f19550;outline-offset:3px;}
.industry-autoplay-icon{font-size:15px;line-height:1;letter-spacing:-.1em;}
.industry-autoplay[hidden]{display:none!important;}

/* Without script (and with reduced motion), the original horizontally scrollable layout remains. */
.industries-section .industry-photo{height:254px!important;border-radius:15px!important;}
.industries-section .industry-card{height:455px!important;}
.industries-section .industry-face{padding:16px 17px 18px!important;border-radius:20px!important;}
.industries-section .industry-face-front{
  background:rgba(255,255,255,.91)!important;
  border:1px solid rgba(195,214,227,.86)!important;
  box-shadow:0 18px 48px rgba(18,73,110,.11);
  backdrop-filter:blur(12px);
}
.industries-section .industry-face-back{
  background:linear-gradient(150deg,rgba(19,71,113,.92),rgba(27,112,163,.92))!important;
  border-color:#75aed2!important;
}
.industries-section .industry-title{color:#143c5b!important;}
.industries-section .industry-subtitle{color:#657f92!important;}
.industries-section .industry-cue{color:#126fab!important;}
.industries-section .industry-category{color:#68879a!important;}
.industries-section .industry-number{color:#ec8032!important;}
.industries-section .industry-back-title{color:#fff!important;}
.industries-section .industry-description,.industries-section .industry-back-footer{color:#e9f5fc!important;}
.industries-section .industry-back-eyebrow{color:#afd9f0!important;}
.industries-section .industry-photo img{filter:saturate(.88) contrast(1.06) brightness(1.025)!important;}

/* Real circular deck: each item has an independent absolute position around the center.
   New featured cards move from LEFT to CENTER; cards that leave move to the RIGHT. */
.industries-section.industry-deck-ready .industries-track{
  --industry-step:clamp(215px,28vw,324px);
  position:relative!important;
  display:block!important;
  width:100%;height:clamp(500px,44vw,550px);
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
  scrollbar-width:none!important;
  perspective:1400px;
}
.industries-section.industry-deck-ready .industries-track::-webkit-scrollbar{display:none;}
.industries-section.industry-deck-ready .industry-card{
  position:absolute!important;top:50%;left:50%;
  width:clamp(294px,29.5vw,366px)!important;
  height:clamp(430px,40vw,478px)!important;
  flex:none!important;
  margin:0!important;padding:0!important;
  scroll-snap-align:none!important;
  opacity:var(--deck-opacity,0)!important;
  z-index:var(--deck-z,1)!important;
  transform:translate(-50%,-50%) translateX(calc(var(--industry-step) * var(--deck-offset,0))) rotateY(var(--deck-yaw,0deg)) scale(var(--deck-scale,1))!important;
  transition:transform 920ms cubic-bezier(.2,.72,.18,1),opacity 800ms ease,filter 800ms ease!important;
  pointer-events:none;
}
.industries-section.industry-deck-ready .industry-card.is-active,
.industries-section.industry-deck-ready .industry-card.is-prev,
.industries-section.industry-deck-ready .industry-card.is-next{pointer-events:auto;}
.industries-section.industry-deck-ready .industry-card.is-active{filter:saturate(1.04);}
.industries-section.industry-deck-ready .industry-card.is-active .industry-face-front{
  border-color:rgba(165,199,222,.90)!important;
  box-shadow:0 27px 66px rgba(16,78,120,.18);
}
.industries-section.industry-deck-ready .industry-card.is-prev,
.industries-section.industry-deck-ready .industry-card.is-next{filter:saturate(.8);}
.industries-section.industry-deck-ready .industry-photo{height:277px!important;margin:14px 0 16px!important;}
.industries-section.industry-deck-ready .industry-card-rotator{transition:transform 720ms cubic-bezier(.24,.72,.3,1)!important;}
.industries-section.industry-deck-ready .industry-card.is-flipped .industry-card-rotator{transform:rotateY(180deg)!important;}
/* v45 entrance-only overrides must not mask the moving deck. */
.industries-section.industry-deck-ready .industry-card:not(.is-arrived),
.industries-section.industry-deck-ready .industry-card.is-arrived{opacity:var(--deck-opacity,0)!important;}
@media(max-width:900px){
  .industries-section.industry-deck-ready .industries-track{--industry-step:clamp(180px,43vw,290px);height:505px;}
  .industries-section.industry-deck-ready .industry-card{width:min(76vw,343px)!important;height:446px!important;}
  .industries-section.industry-deck-ready .industry-photo{height:248px!important;}
}
@media(max-width:560px){
  .industries-section .industries-toolbar{flex-wrap:wrap;gap:10px;}
  .industries-section.industry-deck-ready .industries-track{--industry-step:clamp(172px,64vw,265px);height:480px;}
  .industries-section.industry-deck-ready .industry-card{width:min(79vw,330px)!important;height:425px!important;}
  .industries-section.industry-deck-ready .industry-photo{height:227px!important;}
  .industries-section .industry-autoplay{height:40px;min-width:82px;}
}
@media(prefers-reduced-motion:reduce){
  .industries-section .industry-card{transition:none!important;}
  .industries-section .industry-photo img{transition:none!important;}
}


/* VERSION 49 — bigger pictures in the existing-size cards; subtle world-map motion. */
/* Keep all eight card widths/heights exactly as in v48. Reallocate existing height toward photography. */
.industries-section .industry-face-front {
  padding:12px 12px 13px!important;
  display:flex;
  flex-direction:column;
}
.industries-section .industry-card-top {
  flex:0 0 auto;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.10em;
  min-height:16px;
}
.industries-section .industry-face-front .industry-photo,
.industries-section.industry-deck-ready .industry-face-front .industry-photo {
  height:auto!important;
  flex:1 1 auto!important;
  min-height:0;
  width:100%;
  margin:8px 0 9px!important;
  border-radius:14px!important;
}
.industries-section .industry-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.industries-section .industry-face-front .industry-title {
  font-size:clamp(19px,1.55vw,22px)!important;
  line-height:1.1;
  letter-spacing:-.035em;
  max-width:none;
  flex:0 0 auto;
  margin-top:0!important;
}
.industries-section .industry-face-front .industry-subtitle {
  font-size:12px;
  line-height:1.2;
  margin-top:4px!important;
  flex:0 0 auto;
}
.industries-section .industry-face-front .industry-cue {
  font-size:10px;
  line-height:1.1;
  padding-top:7px!important;
  margin-top:7px!important;
  flex:0 0 auto;
}
.industries-section .industry-face-front .industry-photo-label {font-size:8px;bottom:10px;left:11px;}
@media(max-width:560px){
  .industries-section .industry-face-front{padding:11px!important;}
  .industries-section .industry-face-front .industry-title{font-size:19px!important;}
  .industries-section .industry-face-front .industry-subtitle{font-size:11px;}
  .industries-section .industry-face-front .industry-photo,
  .industries-section.industry-deck-ready .industry-face-front .industry-photo {margin:7px 0 8px!important;}
}



/* v50: World boundaries shown in balanced Robinson projection with one unscaled SVG.
   Remove every map-specific animation, including legacy entrance reveal and hover movement. */
body.v34-porcelain .v34-map-stage{
  height:clamp(390px,39vw,585px)!important;
  background:#fbf8f5!important;
}
body.v34-porcelain .v34-map-art{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
body.v34-porcelain .v34-map-art img{
  position:static!important;
  display:block!important;
  left:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
}
body.v34-porcelain .v34-map-stage::before{display:none!important;}
body.v34-porcelain .v34-map-trace{
  opacity:.32!important;
  transform:scaleX(1)!important;
  transition:none!important;
  animation:none!important;
}
body.v34-porcelain .v34-map-trace::after,
body.v34-porcelain .v34-location-dot::after{content:none!important;animation:none!important;}
body.v34-porcelain .v34-map-caption,
body.v34-porcelain .v34-map-caption:hover{
  transform:none!important;transition:none!important;
  box-shadow:0 12px 30px rgba(24,59,92,.085)!important;
}
@media(max-width:700px){
 body.v34-porcelain .v34-map-stage{height:340px!important;background:#fbf8f5!important;}
 body.v34-porcelain .v34-map-art{inset:0!important;}
 body.v34-porcelain .v34-map-art img{width:100%!important;max-width:100%!important;left:auto!important;height:100%!important;object-fit:contain!important;}
}
@media(min-width:701px) and (max-width:1000px){body.v34-porcelain .v34-map-stage{height:420px!important;}}
/* Electronics image has a visible non-photographic fallback if a stock CDN is inaccessible. */
.industries-section .industry-card[data-application="electronics"] .industry-photo{
  background:#dbe9f0 url('assets/electronics-fallback.svg') center / cover no-repeat!important;
}


/* VERSION 52 — minimal, clickable image credits and refined product micro-motion */
/* Keep source credits beneath the manufacturing photograph composition, off of the photos. */
body.v34-porcelain .hero-visual{padding-bottom:27px!important;}
body.v34-porcelain .hero-visual .hero-credit{
  position:absolute!important;left:0!important;right:0!important;bottom:0!important;
  max-width:100%!important;margin:0!important;padding:0!important;
  display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 7px;
  font:500 10px/1.4 "DM Sans",Arial,sans-serif!important;
  color:#778897!important;background:transparent!important;
  text-align:right;
}
body.v34-porcelain .hero-credit a,
body.v34-porcelain .who-v22-credit,
body.v34-porcelain .office-figure figcaption a{
  text-decoration:none!important;color:#55738b!important;
  text-underline-offset:3px;
  transition:color .18s ease;
}
body.v34-porcelain .hero-credit a:hover,
body.v34-porcelain .who-v22-credit:hover,
body.v34-porcelain .office-figure figcaption a:hover{
  color:#0876bc!important;text-decoration:underline!important;
}
body.v34-porcelain .hero-credit a:focus-visible,
body.v34-porcelain .who-v22-credit:focus-visible,
body.v34-porcelain .office-figure figcaption a:focus-visible{
  outline:2px solid #e98a44!important;outline-offset:4px;
}
body.v34-porcelain .who-v22-credit{display:inline-block;font-size:10px!important;color:#758593!important;margin-top:10px!important;}
/* The Houston photo credit becomes a neat text line below the photograph, not an overlay. */
body.v34-porcelain .office-figure figcaption{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  display:block!important;max-width:none!important;margin:0!important;
  padding:10px 16px!important;border-radius:0!important;
  background:#fff!important;text-align:right!important;font-size:10px!important;
  line-height:1.5!important;color:#778897!important;
}
/* Facts: preserve the 3-column grid and existing dimensions. Small stagger + hover polish. */
body.v34-porcelain .hero-facts{overflow:visible!important;}
body.v34-porcelain .hero-facts > div{
  position:relative!important;isolation:isolate;min-width:0;
  transition:box-shadow .28s ease,background-color .28s ease,border-color .28s ease,transform .35s cubic-bezier(.16,.72,.25,1)!important;
  will-change:auto;
}
body.v34-porcelain .hero-facts > div::after{
  content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;
  background:linear-gradient(90deg,#0d73b7,#ef8740);transform:scaleX(0);transform-origin:left center;
  transition:transform .35s cubic-bezier(.2,.8,.25,1);
  pointer-events:none;
}
@media(hover:hover) and (pointer:fine){
  body.v34-porcelain .hero-facts > div:hover{
    transform:translateY(-4px)!important;
    background:#f5faff!important;box-shadow:0 9px 18px rgba(30,87,130,.09);
  }
  body.v34-porcelain .hero-facts > div:hover::after{transform:scaleX(1);}
}
body.v34-porcelain .hero-facts > div:focus-within::after{transform:scaleX(1);}
@keyframes mfi-fact-enter {
  from{opacity:.50;clip-path:inset(0 0 7% 0);}
  to{opacity:1;clip-path:inset(0 0 0 0);}
}
@media(prefers-reduced-motion:no-preference){
  body.v34-porcelain .hero-facts.mfi-facts-visible > div{
    animation:mfi-fact-enter .68s cubic-bezier(.16,1,.3,1) both;
  }
  body.v34-porcelain .hero-facts.mfi-facts-visible > div:nth-child(2){animation-delay:.11s;}
  body.v34-porcelain .hero-facts.mfi-facts-visible > div:nth-child(3){animation-delay:.22s;}
}
/* Product Range: gently highlighted rows, with existing staggered scroll reveal left intact. */
body.v34-porcelain .technical-range-row{
  position:relative;isolation:isolate;min-width:0;
  transition:background-color .28s ease,border-color .28s ease,box-shadow .28s ease,
             opacity .78s cubic-bezier(.16,1,.3,1) var(--v36-delay,0ms),
             transform .85s cubic-bezier(.16,1,.3,1) var(--v36-delay,0ms),
             filter .76s ease var(--v36-delay,0ms);
}
body.v34-porcelain .technical-range-row::before{
  content:"";position:absolute;top:12px;bottom:12px;left:0;width:3px;
  border-radius:3px;background:linear-gradient(180deg,#0d6ba9,#ed7f3d);
  transform:scaleY(0);transform-origin:center;
  transition:transform .26s ease;pointer-events:none;
}
@media(hover:hover) and (pointer:fine){
  body.v34-porcelain .technical-range-row:hover{background:#f4f9fd!important;box-shadow:inset 0 0 0 1px rgba(33,116,170,.06);}
  body.v34-porcelain .technical-range-row:hover::before{transform:scaleY(1);}
  body.v34-porcelain .technical-range-row:hover dt{color:#126b9c!important;}
}
@media(max-width:680px){
  body.v34-porcelain .hero-visual{padding-bottom:43px!important;}
  body.v34-porcelain .hero-credit{font-size:9px!important;gap:2px 5px;}
  body.v34-porcelain .office-figure figcaption{text-align:left!important;}
}
@media(prefers-reduced-motion:reduce){
  body.v34-porcelain .hero-facts > div,body.v34-porcelain .technical-range-row,
  body.v34-porcelain .hero-facts > div::after,body.v34-porcelain .technical-range-row::before{
    animation:none!important;transition:none!important;
  }
}

@media(prefers-reduced-motion:no-preference){
 body.v34-porcelain .hero-facts.mfi-facts-visible > div b{animation:mfi-fact-label .62s cubic-bezier(.16,1,.3,1) both;}
 body.v34-porcelain .hero-facts.mfi-facts-visible > div:nth-child(2) b{animation-delay:.11s;}
 body.v34-porcelain .hero-facts.mfi-facts-visible > div:nth-child(3) b{animation-delay:.22s;}
}
@keyframes mfi-fact-label{from{opacity:.65;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}


/* VERSION 53 — vivid but controlled accents, photographic industry cards, crafted carousel controls. */
/* Hero facts: blue / orange / blue, a brief luminous sweep, and gentle elevation on hover. */
body.v34-porcelain .hero-facts > div{
 --mfi-accent:#087dc8;
 --mfi-wash:rgba(10,134,219,.12);
 --mfi-glint:rgba(26,157,241,.30);
 position:relative!important;isolation:isolate;overflow:hidden!important;
 border-top:3px solid var(--mfi-accent)!important;
 transition:background .32s ease, box-shadow .36s ease, transform .38s cubic-bezier(.18,.82,.28,1)!important;
}
body.v34-porcelain .hero-facts > div:nth-child(2){
 --mfi-accent:#f57a27;--mfi-wash:rgba(255,124,40,.13);--mfi-glint:rgba(255,162,92,.42);
}
body.v34-porcelain .hero-facts > div:nth-child(3){
 --mfi-accent:#0874b9;--mfi-wash:rgba(19,128,207,.12);--mfi-glint:rgba(30,160,236,.29);
}
body.v34-porcelain .hero-facts > div b{
 position:relative;z-index:2;color:var(--mfi-accent)!important;
 transition:transform .28s ease,color .28s ease!important;
}
body.v34-porcelain .hero-facts > div span{position:relative;z-index:2;}
body.v34-porcelain .hero-facts > div::before{
 content:""!important;display:block!important;position:absolute;inset:0;z-index:1;
 background:linear-gradient(109deg,transparent 9%,var(--mfi-glint) 49%,transparent 77%);
 transform:translateX(-145%);pointer-events:none;
 transition:transform .72s cubic-bezier(.2,.8,.28,1)!important;
}
body.v34-porcelain .hero-facts > div::after{
 content:""!important;display:block!important;position:absolute;bottom:0;left:0;
 height:4px;width:100%;z-index:2;pointer-events:none;
 background:linear-gradient(90deg,var(--mfi-accent),#ff9d59);
 transform:scaleX(0);transform-origin:left center;
 transition:transform .57s cubic-bezier(.18,.9,.25,1)!important;
}
body.v34-porcelain .hero-facts.mfi-facts-visible > div::after {transform:scaleX(1);}
@media (hover:hover) and (pointer:fine){
 body.v34-porcelain .hero-facts > div:hover {
  transform:translateY(-5px)!important;
  background:linear-gradient(140deg,var(--mfi-wash),#fff 93%)!important;
  box-shadow:0 14px 27px rgba(21,101,165,.15)!important;z-index:2;
 }
 body.v34-porcelain .hero-facts > div:hover b {transform:translateY(-2px);}
 body.v34-porcelain .hero-facts > div:hover::before {transform:translateX(145%)!important;}
}
@media(prefers-reduced-motion:no-preference){
 body.v34-porcelain .hero-facts.mfi-facts-visible > div::before{
  animation:mfi-v53-glint .94s cubic-bezier(.17,.82,.25,1) .18s both;
 }
 body.v34-porcelain .hero-facts.mfi-facts-visible > div:nth-child(2)::before{animation-delay:.33s;}
 body.v34-porcelain .hero-facts.mfi-facts-visible > div:nth-child(3)::before{animation-delay:.48s;}
}
@keyframes mfi-v53-glint{from{transform:translateX(-145%)}to{transform:translateX(145%)}}

/* Product table: alternating blue and orange edge rails, soft tinted hover and accent sweeps. */
body.v34-porcelain .technical-range-row{
 --mfi-row-accent:#087dc8;--mfi-row-wash:rgba(13,133,209,.10);
 overflow:hidden;position:relative;isolation:isolate;
}
body.v34-porcelain .technical-range-row:nth-child(even){
 --mfi-row-accent:#f57a27;--mfi-row-wash:rgba(255,129,47,.12);
}
body.v34-porcelain .technical-range-row dt,
body.v34-porcelain .technical-range-row dd{position:relative;z-index:2;}
body.v34-porcelain .technical-range-row::before {
 content:""!important;display:block!important;position:absolute;top:9px;bottom:9px;left:0;
 width:4px;background:var(--mfi-row-accent);border-radius:4px;pointer-events:none;
 transform:scaleY(0);transform-origin:center;
 transition:transform .47s cubic-bezier(.18,.9,.26,1)!important;
}
body.v34-porcelain .technical-range-row::after {
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(106deg,transparent 5%,var(--mfi-row-wash) 47%,transparent 95%);
 transform:translateX(-120%);transition:transform .76s cubic-bezier(.2,.83,.25,1);
}
body.v34-porcelain .technical-range-row.v36-revealed::before,
body.v34-porcelain:not(.v36-motion-ready) .technical-range-row::before{transform:scaleY(1)}
@media (hover:hover) and (pointer:fine) {
 body.v34-porcelain .technical-range-row:hover{
  background:linear-gradient(90deg,var(--mfi-row-wash),#fff 85%)!important;
  box-shadow:inset 0 0 0 1px rgba(57,126,171,.12)!important;
 }
 body.v34-porcelain .technical-range-row:hover dt{color:var(--mfi-row-accent)!important;}
 body.v34-porcelain .technical-range-row:hover::after{transform:translateX(120%)}
 body.v34-porcelain .technical-range-row:hover::before{transform:scaleY(1)}
}
@media(prefers-reduced-motion:no-preference){
 body.v34-porcelain .technical-range-row.v36-revealed::after{
  animation:mfi-v53-range-sheen 1s cubic-bezier(.2,.82,.3,1) both;
 }
 body.v34-porcelain .technical-range-row:nth-child(2).v36-revealed::after{animation-delay:.14s;}
 body.v34-porcelain .technical-range-row:nth-child(3).v36-revealed::after{animation-delay:.28s;}
 body.v34-porcelain .technical-range-row:nth-child(4).v36-revealed::after{animation-delay:.42s;}
 body.v34-porcelain .technical-range-row:nth-child(5).v36-revealed::after{animation-delay:.56s;}
}
@keyframes mfi-v53-range-sheen{from{transform:translateX(-120%)}to{transform:translateX(120%)}}

/* Photography leads: remove the superfluous number/category and photo overlay labels;
   use the reclaimed height without changing the size of the cards. */
.industries-section .industry-face-front{padding:11px!important;}
.industries-section .industry-face-front .industry-photo,
.industries-section.industry-deck-ready .industry-face-front .industry-photo{
 flex:1 1 auto!important;height:auto!important;min-height:0!important;
 margin:0 0 8px!important;border-radius:13px!important;
}
.industries-section .industry-face-front .industry-title{
 font-size:clamp(19px,1.65vw,22px)!important;
 line-height:1.1!important;margin-top:0!important;
}
.industries-section .industry-face-front .industry-subtitle{
 font-size:11.5px!important;margin-top:4px!important;line-height:1.22!important;
}
.industries-section .industry-face-front .industry-cue{
 font-size:10px!important;margin-top:5px!important;padding-top:5px!important;
}

/* Matched icon-only carousel buttons: fine strokes, visual centering and a quiet ring. */
body.v34-porcelain .industries-section .industry-scroll,
body.v34-porcelain .industries-section .industry-autoplay{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 flex:none!important;width:44px!important;height:44px!important;min-width:44px!important;
 padding:0!important;gap:0!important;
 border-radius:50%!important;border:1px solid #d3e0e9!important;
 background:#fff!important;color:#26658e!important;
 box-shadow:0 2px 7px rgba(33,80,119,.045);
 transition:background .24s ease,color .24s ease,border-color .24s ease,
            box-shadow .24s ease,transform .24s cubic-bezier(.2,.8,.25,1)!important;
}
body.v34-porcelain .industries-section .industry-scroll svg,
body.v34-porcelain .industries-section .industry-autoplay svg{
 display:block!important;width:19px;height:19px;flex:none;
 margin:0!important;padding:0!important;
}
body.v34-porcelain .industries-section .industry-scroll:hover,
body.v34-porcelain .industries-section .industry-autoplay:hover{
 background:#126ba4!important;color:#fff!important;
 border-color:#126ba4!important;box-shadow:0 8px 17px rgba(12,105,168,.15)!important;
 transform:translateY(-2px)!important;
}
body.v34-porcelain .industries-section .industry-scroll:focus-visible,
body.v34-porcelain .industries-section .industry-autoplay:focus-visible{
 outline:2px solid #f48335!important;outline-offset:3px!important;
}
body.v34-porcelain .industries-section .industry-autoplay-icon{
 display:grid;place-items:center;width:20px;height:20px;
 font-size:0!important;letter-spacing:normal!important;
}
body.v34-porcelain .industries-section .industry-icon-play{display:none!important;}
body.v34-porcelain .industries-section .industry-autoplay[aria-pressed="true"] .industry-icon-pause{display:none!important;}
body.v34-porcelain .industries-section .industry-autoplay[aria-pressed="true"] .industry-icon-play{display:block!important;}
body.v34-porcelain .industries-section .industry-autoplay[hidden]{display:none!important;}
@media(max-width:560px){
 body.v34-porcelain .industries-section .industry-scroll,
 body.v34-porcelain .industries-section .industry-autoplay{
  width:40px!important;height:40px!important;min-width:40px!important;
 }
 .industries-section .industry-face-front{padding:10px!important;}
}
@media(prefers-reduced-motion:reduce){
 body.v34-porcelain .hero-facts > div,body.v34-porcelain .hero-facts > div::before,
 body.v34-porcelain .hero-facts > div::after,
 body.v34-porcelain .technical-range-row::before,
 body.v34-porcelain .technical-range-row::after{
  animation:none!important;transition:none!important;
 }
}



/* VERSION 55 — exact 125%-scale showcase, single-icon playback, precision-dial facts. */

/* The control only has one SVG. Keep it properly centered, and do not inherit
   earlier rules for two separate SVG icons. */
body.v34-porcelain .industries-section .industry-autoplay {
 display:inline-grid!important;place-items:center!important;
 width:44px!important;height:44px!important;min-width:44px!important;
 padding:0!important;
}
body.v34-porcelain .industries-section .industry-autoplay-icon {
 display:grid!important;place-items:center!important;
 width:20px!important;height:20px!important;
 line-height:0!important;
}
body.v34-porcelain .industries-section .industry-state-symbol {
 display:block!important;width:19px!important;height:19px!important;margin:0!important;
 transition:color .22s ease;
}

/* Original 366 × 478 px card, multiplied by 1.25 -> 458 × 598 px.
   Deck remains 3D, and photos occupy the majority of each face. */
.industries-section.industry-deck-ready .industries-track {
 --industry-step:clamp(275px,25vw,355px)!important;
 height:670px!important;
 perspective:1580px!important;
}
.industries-section.industry-deck-ready .industry-card {
 width:458px!important;
 height:598px!important;
}
.industries-section .industry-face-front,
.industries-section .industry-face-back{border-radius:22px!important;}
.industries-section .industry-face-front{padding:13px!important;}
.industries-section.industry-deck-ready .industry-face-front .industry-photo {
 flex:1 1 auto!important;min-height:0!important;
 width:100%!important;height:auto!important;
 margin:0 0 12px!important;border-radius:16px!important;
}
.industries-section.industry-deck-ready .industry-face-front .industry-title{
 font-size:clamp(20px,1.75vw,25px)!important;
 line-height:1.12!important;
}
.industries-section.industry-deck-ready .industry-face-front .industry-subtitle{
 font-size:13px!important;line-height:1.28!important;margin-top:5px!important;
}
.industries-section.industry-deck-ready .industry-face-front .industry-cue{
 font-size:10.5px!important;margin-top:9px!important;padding-top:6px!important;
}
.industries-section.industry-deck-ready .industry-face-back{padding:clamp(22px,2.8vw,34px)!important;}
.industries-section.industry-deck-ready .industry-back-title{font-size:29px!important;}
.industries-section.industry-deck-ready .industry-description{font-size:17px!important;max-width:375px!important;}
@media(max-width:1000px){
 .industries-section.industry-deck-ready .industries-track{
  --industry-step:clamp(245px,31vw,310px)!important;height:630px!important;
 }
 .industries-section.industry-deck-ready .industry-card{
  width:min(74vw,425px)!important;height:557px!important;
 }
}
@media(max-width:600px){
 .industries-section.industry-deck-ready .industries-track{
  --industry-step:clamp(188px,60vw,267px)!important;height:550px!important;
 }
 .industries-section.industry-deck-ready .industry-card{
  width:min(86vw,355px)!important;height:485px!important;
 }
 .industries-section.industry-deck-ready .industry-face-front{padding:11px!important;}
 .industries-section.industry-deck-ready .industry-face-front .industry-title{font-size:20px!important;}
 .industries-section.industry-deck-ready .industry-face-front .industry-subtitle{font-size:12px!important;}
}
@media(max-width:375px){
 .industries-section.industry-deck-ready .industries-track{height:520px!important;}
 .industries-section.industry-deck-ready .industry-card{width:88vw!important;height:463px!important;}
}

/* New effect for the 0.002", 20", Baytown TX metrics.
   Numbers settle into focus on entry. On hover, a single fine vertical
   precision rail draws down. No loud gradients, flashing or bright blocks. */
body.v34-porcelain .hero-facts > div,
body.v34-porcelain .hero-facts > div:nth-child(2),
body.v34-porcelain .hero-facts > div:nth-child(3){
 --fact-rail:#2375a7!important;
 background:#fff!important;
 box-shadow:none!important;
 border-top:1px solid #dce6ef!important;
 position:relative!important;overflow:hidden!important;
 transform:none!important;
 transition:border-color .3s ease, background-color .3s ease!important;
}
body.v34-porcelain .hero-facts > div:nth-child(2){--fact-rail:#ce895c!important;}
body.v34-porcelain .hero-facts > div b,
body.v34-porcelain .hero-facts > div:nth-child(2) b,
body.v34-porcelain .hero-facts > div:nth-child(3) b{
 color:#264862!important;
 transition:color .25s ease!important;
}
body.v34-porcelain .hero-facts > div::before,
body.v34-porcelain .hero-facts > div:nth-child(2)::before,
body.v34-porcelain .hero-facts > div:nth-child(3)::before{
 content:""!important;display:block!important;
 position:absolute!important;left:0!important;top:0!important;bottom:0!important;
 right:auto!important;width:3px!important;z-index:0!important;
 border-radius:0!important;
 background:var(--fact-rail)!important;
 opacity:.75!important;
 transform:scaleY(0)!important;
 transform-origin:top center!important;
 animation:none!important;
 transition:transform .44s cubic-bezier(.16,.82,.24,1)!important;
}
body.v34-porcelain .hero-facts > div::after{display:none!important;content:none!important;}
@media (hover:hover) and (pointer:fine){
 body.v34-porcelain .hero-facts > div:hover{
  transform:none!important;
  background:#fafdff!important;
  box-shadow:none!important;
  border-top-color:#b7d0e2!important;
 }
 body.v34-porcelain .hero-facts > div:hover::before{transform:scaleY(1)!important;}
 body.v34-porcelain .hero-facts > div:hover b{transform:none!important;color:#1b5f91!important;animation:none!important;}
}
@keyframes mfi55-precision-focus {
 0% {opacity:.2;filter:blur(4px);transform:translateY(12px) scale(.97);}
 60% {opacity:1;filter:blur(0);transform:translateY(-2px) scale(1.015);}
 100%{opacity:1;filter:none;transform:translateY(0) scale(1);}
}
@media(prefers-reduced-motion:no-preference){
 body.v34-porcelain .hero-facts.mfi-facts-visible > div b{
  animation:mfi55-precision-focus .85s cubic-bezier(.19,.76,.25,1) both!important;
 }
 body.v34-porcelain .hero-facts.mfi-facts-visible > div:nth-child(2) b{animation-delay:.17s!important;}
 body.v34-porcelain .hero-facts.mfi-facts-visible > div:nth-child(3) b{animation-delay:.34s!important;}
}
@media(prefers-reduced-motion:reduce){
 body.v34-porcelain .hero-facts > div b,
 body.v34-porcelain .hero-facts > div::before{animation:none!important;transition:none!important;}
}


/* Version 56 — calm flat map, accessible locations and refreshed Foil & Strip logo. */
body.v34-porcelain .v34-map-stage {
  height:auto!important; aspect-ratio:1600 / 655!important;
  min-height:0!important; padding:0!important; background:#fafafa!important;
  overflow:hidden!important; border:1px solid #e0e6e9!important; border-radius:12px!important;
}
body.v34-porcelain .v34-map-stage::before,
body.v34-porcelain .v34-map-stage::after,
body.v34-porcelain .v34-map-trace,
body.v34-porcelain .v34-map-caption {display:none!important;animation:none!important;}
body.v34-porcelain .v34-map-art {
  position:absolute!important; display:block!important; inset:0!important;
  width:100%!important; height:100%!important; opacity:1!important;
  filter:none!important; mix-blend-mode:normal!important;
}
body.v34-porcelain .v34-map-art img {
  display:block!important; position:static!important;
  width:100%!important; height:100%!important; max-width:100%!important;
  transform:none!important; object-fit:contain!important; object-position:center!important;
  animation:none!important; filter:none!important;
}
body.v34-porcelain .v56-map-locations {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px;
  margin:16px 0 4px;
}
body.v34-porcelain .v56-map-locations p {
  margin:0;display:grid;grid-template-columns:12px 1fr;align-content:start;
  column-gap:11px;row-gap:3px;padding:15px 18px;
  border:1px solid #e9edef;border-radius:8px;background:#fff;
}
body.v34-porcelain .v56-map-locations .v56-pin {
  grid-row:1 / 3; margin-top:5px;width:9px;height:9px;border-radius:50%;background:#ed7930;
}
body.v34-porcelain .v56-map-locations strong {
  color:#1c435e;font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:13px;
}
body.v34-porcelain .v56-map-locations small {color:#6d7f8c;font-size:12px;line-height:1.45;}
body.v34-porcelain .brand-logo {object-fit:contain;}
@media(max-width:700px){
  body.v34-porcelain .v34-map-stage {aspect-ratio:auto!important;height:auto!important;min-height:0!important;overflow-x:auto!important;}
  body.v34-porcelain .v34-map-art {position:relative!important;width:max(860px,100%)!important;height:auto!important;}
  body.v34-porcelain .v34-map-art img {width:100%!important;height:auto!important;min-width:860px!important;}
  body.v34-porcelain .v56-map-locations {grid-template-columns:1fr;gap:9px;}
  body.v34-porcelain .v56-map-locations p {padding:12px 13px;}
}
@media(prefers-reduced-motion:reduce){body.v34-porcelain .v34-map-art img{animation:none!important}}


/* ===================================================================
   VERSION 58 — signature global map section
   Premium flat map with elegant location cards and plain-country styling.
   =================================================================== */
body.v34-porcelain .v58-map-area{padding-top:clamp(36px,4.5vw,72px);padding-bottom:8px}
body.v34-porcelain .v58-map-shell{
  position:relative;display:grid;grid-template-columns:minmax(320px,440px) minmax(0,1fr);
  gap:clamp(22px,2.8vw,34px);align-items:stretch;padding:clamp(22px,2.8vw,34px);
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);border:1px solid #e4edf3;border-radius:28px;
  box-shadow:0 26px 70px rgba(18,52,78,.08), inset 0 1px 0 rgba(255,255,255,.8);
  overflow:hidden;
}
body.v34-porcelain .v58-map-shell::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 18% 18%,rgba(15,110,177,.08),transparent 31%),
             radial-gradient(circle at 88% 16%,rgba(255,138,54,.08),transparent 26%),
             linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,0) 46%);
}
body.v34-porcelain .v58-map-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center}
body.v34-porcelain .v58-map-kicker{
  display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;
  background:linear-gradient(90deg,rgba(15,110,177,.09),rgba(255,138,54,.08));
  color:#236b9f;font:800 10px/1 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.18em;margin-bottom:16px;
}
body.v34-porcelain .v58-map-copy h3{margin:0;color:#16344a;font:700 clamp(30px,3.2vw,46px)/1.06 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.05em;max-width:10ch}
body.v34-porcelain .v58-map-lead{margin:16px 0 0;color:#5e7385;font-size:15px;line-height:1.72;max-width:40ch}
body.v34-porcelain .v58-map-stats{display:grid;gap:13px;margin-top:22px}
body.v34-porcelain .v58-map-stat{
  padding:15px 16px;border-radius:18px;border:1px solid #e5edf2;background:rgba(255,255,255,.9);
  box-shadow:0 12px 26px rgba(20,52,78,.045);backdrop-filter:blur(8px)
}
body.v34-porcelain .v58-map-stat small{display:block;color:#6e8290;font:800 10px/1.5 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
body.v34-porcelain .v58-map-stat strong{display:block;margin-top:4px;color:#183d58;font:800 15px/1.45 'Plus Jakarta Sans',Arial,sans-serif}
body.v34-porcelain .v58-map-stat span{display:block;margin-top:3px;color:#667b8c;font-size:13px;line-height:1.45}
body.v34-porcelain .v58-map-stage{
  position:relative;min-height:470px;border-radius:24px;overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,#fdfefe 0%,#f7fafc 100%);border:1px solid #dde8ef;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 20px 45px rgba(23,53,79,.065);
}
body.v34-porcelain .v58-map-stage::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:linear-gradient(90deg,rgba(255,255,255,.74),rgba(255,255,255,.2) 42%,rgba(255,255,255,.4));
}
body.v34-porcelain .v58-map-grid{
  position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;
  background-image:linear-gradient(rgba(211,223,232,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(211,223,232,.45) 1px,transparent 1px);
  background-size:64px 64px,64px 64px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.7),rgba(0,0,0,.22));
}
body.v34-porcelain .v58-map-art{position:absolute;inset:22px 24px 56px 24px;z-index:1}
body.v34-porcelain .v58-map-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;filter:grayscale(.08) brightness(1.01) contrast(.97)}
body.v34-porcelain .v58-map-glow{
  position:absolute;z-index:0;width:210px;height:210px;border-radius:50%;filter:blur(28px);opacity:.38;pointer-events:none;
}
body.v34-porcelain .v58-map-glow-us{left:8%;bottom:10%;background:radial-gradient(circle,#8bc5ef 0%,rgba(139,197,239,.5) 28%,transparent 72%)}
body.v34-porcelain .v58-map-glow-india{right:10%;top:8%;background:radial-gradient(circle,#ffd0b2 0%,rgba(255,208,178,.48) 25%,transparent 72%)}
body.v34-porcelain .v58-map-route{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;overflow:visible}
body.v34-porcelain .v58-map-route path{
  fill:none;stroke:url(#v58RouteGradient);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:none;opacity:.9;
  filter:drop-shadow(0 2px 8px rgba(16,87,141,.18));
}
body.v34-porcelain .v58-map-marker{position:absolute;z-index:3;display:flex;gap:10px;align-items:flex-start}
body.v34-porcelain .v58-marker-dot{
  flex:0 0 14px;width:14px;height:14px;border-radius:50%;margin-top:12px;
  background:linear-gradient(180deg,#0f72b5,#0a5b96);box-shadow:0 0 0 6px rgba(15,114,181,.12), 0 6px 12px rgba(15,84,126,.22)
}
body.v34-porcelain .v58-map-marker-india .v58-marker-dot{background:linear-gradient(180deg,#ff9a52,#f0741d);box-shadow:0 0 0 6px rgba(244,116,29,.13), 0 6px 12px rgba(175,91,27,.18)}
body.v34-porcelain .v58-marker-card{
  min-width:240px;max-width:290px;padding:14px 16px 15px;border-radius:18px;
  background:rgba(255,255,255,.92);border:1px solid rgba(220,230,236,.95);
  box-shadow:0 18px 34px rgba(24,59,92,.10);backdrop-filter:blur(14px);
}
body.v34-porcelain .v58-marker-card small{display:block;color:#6d8290;font:800 9px/1.4 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
body.v34-porcelain .v58-marker-card strong{display:block;margin-top:4px;color:#163d58;font:800 15px/1.42 'Plus Jakarta Sans',Arial,sans-serif}
body.v34-porcelain .v58-marker-card span{display:block;margin-top:4px;color:#6a7d8d;font-size:12px;line-height:1.55}
body.v34-porcelain .v58-map-marker-us{left:7.2%;bottom:9.2%}
body.v34-porcelain .v58-map-marker-india{right:7.4%;top:11%}
body.v34-porcelain .v58-map-legend{
  position:absolute;left:18px;right:18px;bottom:15px;z-index:4;display:flex;justify-content:space-between;gap:16px;align-items:center;
  padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.82);border:1px solid rgba(225,234,240,.96);
  color:#687d8d;font:700 11px/1.45 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.02em;backdrop-filter:blur(10px)
}
body.v34-porcelain .v58-map-legend span{display:inline-flex;align-items:center;gap:8px}
body.v34-porcelain .v58-map-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#0f72b5;box-shadow:0 0 0 4px rgba(15,114,181,.12)}
body.v34-porcelain .v58-map-attribution{margin:12px 3px 0;color:#7b8b97;font-size:10px;line-height:1.55;letter-spacing:.01em}
body.v34-porcelain .v58-map-attribution a{color:#5a7990;text-decoration:underline;text-underline-offset:2px}
@media(hover:hover){
  body.v34-porcelain .v58-map-stat:hover,body.v34-porcelain .v58-marker-card:hover{transform:translateY(-2px);transition:transform .28s ease,box-shadow .28s ease}
}
@media(max-width:1080px){
  body.v34-porcelain .v58-map-shell{grid-template-columns:1fr;gap:22px}
  body.v34-porcelain .v58-map-copy h3{max-width:none}
}
@media(max-width:760px){
  body.v34-porcelain .v58-map-shell{padding:18px;border-radius:22px}
  body.v34-porcelain .v58-map-stage{min-height:420px}
  body.v34-porcelain .v58-map-art{left:16px;right:16px;top:16px;bottom:108px}
  body.v34-porcelain .v58-map-route{display:none}
  body.v34-porcelain .v58-map-marker{gap:8px}
  body.v34-porcelain .v58-marker-card{min-width:0;max-width:52vw;padding:11px 12px 12px;border-radius:15px}
  body.v34-porcelain .v58-marker-card strong{font-size:12px}
  body.v34-porcelain .v58-marker-card span{font-size:10px;line-height:1.45}
  body.v34-porcelain .v58-map-marker-us{left:10px;bottom:64px}
  body.v34-porcelain .v58-map-marker-india{right:10px;top:14px}
  body.v34-porcelain .v58-map-legend{left:10px;right:10px;bottom:10px;padding:9px 11px;font-size:10px;flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  body.v34-porcelain .v58-map-copy h3{font-size:34px}
  body.v34-porcelain .v58-map-lead{font-size:14px}
  body.v34-porcelain .v58-map-stage{min-height:380px;overflow-x:auto}
  body.v34-porcelain .v58-map-art{width:max(840px,100%);right:auto}
  body.v34-porcelain .v58-map-art img{min-width:840px}
  body.v34-porcelain .v58-map-glow{display:none}
  body.v34-porcelain .v58-map-marker-us{left:14px;bottom:66px}
  body.v34-porcelain .v58-map-marker-india{left:auto;right:14px;top:14px}
}
@media(prefers-reduced-motion:reduce){
  body.v34-porcelain .v58-map-stat,body.v34-porcelain .v58-marker-card{transition:none!important;transform:none!important}
}


/* Version 60: physical-relief world map section inspired by atlas cartography. */
body.v34-porcelain .v59-map-section{
  position:relative; z-index:2; padding:clamp(18px,3vw,42px) 0 6px;
  width:min(1560px,calc(100% - clamp(28px,4.4vw,84px)));
}
body.v34-porcelain .v59-map-stage{
  position:relative; overflow:hidden; border-radius:24px;
  border:1px solid rgba(181,211,226,.95); background:#7dbad8;
  box-shadow:0 26px 62px rgba(22,58,84,.14), 0 2px 9px rgba(22,58,84,.05);
}
body.v34-porcelain .v59-map-main{
  position:relative; width:100%; aspect-ratio:1600/690; min-height:0;
}
body.v34-porcelain .v59-map-art{
  position:absolute; inset:0; display:block; width:100%; height:100%;
  object-fit:fill; max-width:none!important; filter:none!important;
  transform:none!important; animation:none!important;
}
body.v34-porcelain .v59-marker-note{display:none!important}
body.v34-porcelain .v59-map-credit{
  display:flex; align-items:center; justify-content:flex-end; gap:15px;
  color:#7892a3; margin:12px 2px 0;
  font:650 10px/1.45 'Plus Jakarta Sans',Arial,sans-serif; letter-spacing:.08em;
}
body.v34-porcelain .v59-map-credit a{font-weight:500; letter-spacing:0; color:#5f8094; text-decoration:none}
body.v34-porcelain .v59-map-credit a:hover{text-decoration:underline; text-underline-offset:3px}
@media(max-width:990px){
  body.v34-porcelain .v59-map-main{width:980px;aspect-ratio:1600/690}
  body.v34-porcelain .v59-map-stage{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9ec4d8 #edf6fa}
  body.v34-porcelain .v59-map-credit{font-size:9px}
}
@media(max-width:560px){
  body.v34-porcelain .v59-map-section{width:calc(100% - 22px);padding-top:20px}
  body.v34-porcelain .v59-map-stage{border-radius:16px}
  body.v34-porcelain .v59-map-main{width:960px}
  body.v34-porcelain .v59-map-credit{justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce){body.v34-porcelain .v59-map-art{animation:none!important;transform:none!important}}


/* ============================================================================
   Version 61 · Real NASA Blue Marble map, with separate geolocated HTML labels.
   Image is NASA's native 2:1 plate carrée/equirectangular map.
   Crop covers latitudes +80° to −65° with no projection distortion.
   Mapping from lon/lat: x=(longitude+180)/360 ; y=(80-latitude)/145.
   ============================================================================ */
body.v34-porcelain .v61-map-section{
 width:min(1560px,calc(100% - clamp(28px,4.4vw,84px)));
 padding:clamp(18px,2.9vw,45px) 0 10px;
 position:relative;z-index:2;
}
body.v34-porcelain .v61-map-figure{margin:0}
body.v34-porcelain .v61-world-canvas{
 width:100%;aspect-ratio:360/145;position:relative;isolation:isolate;
 overflow:hidden;border-radius:15px;
 border:1px solid #c7d4df;background:#0a2443;
 box-shadow:0 20px 52px rgba(18,54,88,.14),0 3px 12px rgba(18,54,88,.08);
}
body.v34-porcelain .v61-world-imagery{
 display:block;position:absolute;left:0;top:-6.896551724%!important;
 width:100%!important;height:124.137931034%!important;max-width:none!important;
 object-fit:fill!important;object-position:center!important;
 border:0!important;filter:brightness(1.10) saturate(.94)!important;
 transform:none!important;animation:none!important;
}
body.v34-porcelain .v61-world-canvas::after{
 content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
 background:linear-gradient(180deg,rgba(2,16,36,.05),transparent 23%,transparent 76%,rgba(2,16,36,.11));
}
body.v34-porcelain .v61-location{position:absolute;z-index:2;width:0;height:0}
body.v34-porcelain .v61-location-us{left:23.617389%;top:34.665172%}
body.v34-porcelain .v61-location-india{left:71.370167%;top:35.384138%}
body.v34-porcelain .v61-location-dot{
 position:absolute;left:-6px;top:-6px;display:block;width:12px;height:12px;
 border-radius:50%;background:#ff8b38;border:2.5px solid #fff;
 box-shadow:0 0 0 5px rgba(255,139,56,.18),0 2px 9px rgba(0,0,0,.35);
}
body.v34-porcelain .v61-location-name{
 position:absolute;left:19px;top:-20px;white-space:nowrap;
 padding:10px 15px 11px;border-radius:10px;
 background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.95);
 box-shadow:0 11px 28px rgba(0,19,39,.21),0 0 0 1px rgba(66,101,124,.09);
 backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);
}
body.v34-porcelain .v61-location-name small{
 display:block;margin-bottom:3px;color:#697e8e;
 font:800 9px/1.35 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.13em;
}
body.v34-porcelain .v61-location-name strong{
 display:block;color:#1d3d54;font:750 clamp(12px,1.06vw,16px)/1.35 'Plus Jakarta Sans',Arial,sans-serif;
 letter-spacing:-.012em;
}
body.v34-porcelain .v61-map-credit{
 display:flex;align-items:center;justify-content:flex-end;gap:5px;flex-wrap:wrap;
 margin:10px 3px 0;text-align:right;color:#7c8f9d;
 font:500 10px/1.5 'Plus Jakarta Sans',Arial,sans-serif;
}
body.v34-porcelain .v61-map-credit a{color:#55788c;text-decoration:none}
body.v34-porcelain .v61-map-credit a:hover{text-decoration:underline;text-underline-offset:3px}
body.v34-porcelain .v61-map-image-error[hidden]{display:none!important}
body.v34-porcelain .v61-map-image-error:not([hidden]){
 position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:8px;
 color:#f1f6fa;background:#122d49;font-size:14px;
}
body.v34-porcelain .v61-map-image-error a{color:#ffb77f}
@media(max-width:1040px){
 body.v34-porcelain .v61-map-figure{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9fb9c9 transparent}
 body.v34-porcelain .v61-world-canvas{min-width:970px}
}
@media(max-width:600px){
 body.v34-porcelain .v61-map-section{width:calc(100% - 22px);padding-top:21px}
 body.v34-porcelain .v61-world-canvas{border-radius:10px}
 body.v34-porcelain .v61-location-name{padding:9px 11px 10px;top:-19px}
 body.v34-porcelain .v61-location-name strong{font-size:13px}
 body.v34-porcelain .v61-map-credit{text-align:left;justify-content:flex-start;font-size:9px;margin-top:9px}
}
@media(prefers-reduced-motion:reduce){body.v34-porcelain .v61-world-imagery,body.v34-porcelain .v61-location{animation:none!important;transition:none!important}}


/* v62 — Contact Us navigation and downtown Houston sales-office telephone. */
body.v34-porcelain .site-nav .nav-contact {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:12px 15px!important;white-space:nowrap;
  font:700 clamp(12px,.9vw,14px)/1.35 'Plus Jakarta Sans',Arial,sans-serif!important;
  letter-spacing:0;color:#1a5b89!important;
  background:rgba(14,104,166,.045)!important;
  border:1px solid #cbdfe9!important;border-radius:8px!important;
  box-shadow:none!important;text-decoration:none!important;
  transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease!important;
}
body.v34-porcelain .site-nav .nav-contact::before,
body.v34-porcelain .site-nav .nav-contact::after {content:none!important;display:none!important;}
@media(hover:hover) and (pointer:fine) {
  body.v34-porcelain .site-nav .nav-contact:hover {
    background:#eaf4fa!important;border-color:#94c5df!important;color:#095f9f!important;
    box-shadow:0 6px 14px rgba(22,94,143,.075)!important;transform:translateY(-1px);
  }
}
body.v34-porcelain .site-nav .nav-contact:focus-visible {outline:3px solid #ffad6f;outline-offset:3px;}
/* Accommodate three actions on intermediate desktop widths. */
@media(min-width:1531px) and (max-width:1750px) {
  body.v34-porcelain .site-nav {gap:clamp(7px,.65vw,12px)!important;}
  body.v34-porcelain .site-nav .nav-inventory,
  body.v34-porcelain .site-nav .nav-rfq {padding:12px clamp(12px,1vw,17px)!important;font-size:clamp(12px,.88vw,14px)!important;}
  body.v34-porcelain .site-nav>a:not(.nav-contact):not(.nav-inventory):not(.nav-rfq) {font-size:clamp(12px,.86vw,14px)!important;}
  body.v34-porcelain .brand-logo {width:clamp(188px,14.7vw,246px)!important;}
  body.v34-porcelain .jindal-header-symbol {width:clamp(179px,12.4vw,215px)!important;}
}
@media(max-width:1530px) {
  body.v34-porcelain .site-nav .nav-contact {
    width:100%;align-self:stretch;justify-content:flex-start;
    margin:9px 0 2px!important;padding:13px 16px!important;
    font-size:14px!important;min-height:46px;
  }
}
body.v34-porcelain #houston-sales-office {scroll-margin-top:calc(var(--mfi-header-height,92px) + 12px);}
body.v34-porcelain .office-overlay>p:not(.kicker) {
  margin:0;font-size:15px;color:rgba(255,255,255,.82);
}
body.v34-porcelain .office-overlay .office-phone {
  display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:13px;
  margin-top:22px;padding:10px 0;border-top:1px solid rgba(255,255,255,.33);
  text-decoration:none;color:rgba(255,255,255,.94);
  transition:border-color .25s ease,color .25s ease;
}
body.v34-porcelain .office-overlay .office-phone-label {
  font:700 10px/1.4 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.14em;
  color:rgba(255,255,255,.72);
}
body.v34-porcelain .office-overlay .office-phone-number {
  font:600 clamp(15px,1.2vw,18px)/1.4 'Plus Jakarta Sans',Arial,sans-serif;
  letter-spacing:.016em;font-variant-numeric:tabular-nums;
}
body.v34-porcelain .office-overlay .office-phone:hover {color:#fff;border-top-color:#ff944f;}
body.v34-porcelain .office-overlay .office-phone:focus-visible {outline:2px solid #ffb785;outline-offset:5px;}
@media(max-width:680px) {
  body.v34-porcelain .office-overlay .office-phone {margin-top:17px;gap:10px;}
}
@media(prefers-reduced-motion:reduce) {
  body.v34-porcelain .site-nav .nav-contact,
  body.v34-porcelain .office-overlay .office-phone {transition:none!important;transform:none!important;}
}


/* v63 — simplified opening hierarchy and clean card typography. */
/* One explicit orange rule for Who We Are; no automatic accent rule on other section labels. */
body.v34-porcelain .kicker::before,
body.v34-porcelain .kicker::after { content:none!important; display:none!important; animation:none!important; }
body.v34-porcelain .who-heading-row .who-kicker {
  font:800 clamp(15px,1.35vw,18px)/1.35 'Plus Jakarta Sans',Arial,sans-serif!important;
  letter-spacing:.13em!important;
  color:#135d93!important;
  gap:14px!important;
}
body.v34-porcelain .who-heading-row .who-kicker-line {
  display:inline-block!important;flex:0 0 30px!important;
  width:30px!important;height:3px!important;border-radius:1px;
  background:#ed7830!important;
}
/* Both introductory links are identical buttons, with their separate destinations intact. */
body.v34-porcelain .who-v22-actions {
  display:flex; flex-wrap:wrap; align-items:stretch; gap:12px!important;
}
body.v34-porcelain .who-v22-actions>.button {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:12px!important;min-height:54px!important;padding:12px 21px!important;
  font:750 13px/1.35 'Plus Jakarta Sans',Arial,sans-serif!important;
  text-align:center!important;text-decoration:none!important;
  background:#126ca8!important;color:white!important;border:1px solid #126ca8!important;
  border-radius:8px!important;box-shadow:none!important;
  transition:background-color .25s ease,border-color .25s ease,transform .25s ease!important;
}
body.v34-porcelain .who-v22-actions>.button::before,
body.v34-porcelain .who-v22-actions>.button::after{content:none!important;display:none!important}
@media(hover:hover) and (pointer:fine){
  body.v34-porcelain .who-v22-actions>.button:hover {
    background:#0a568c!important;border-color:#0a568c!important;
    transform:translateY(-2px)!important;
  }
}
body.v34-porcelain .who-v22-actions>.button:focus-visible {outline:3px solid #ffb078;outline-offset:3px}
/* All cards' visible captions and reverse-side content use centered alignment. */
body.v34-porcelain .industries-section .industry-face-front,
body.v34-porcelain .industries-section .industry-face-back {
  text-align:center!important;align-items:center!important;
}
body.v34-porcelain .industries-section .industry-face-front .industry-title,
body.v34-porcelain .industries-section .industry-face-front .industry-subtitle,
body.v34-porcelain .industries-section .industry-face-front .industry-cue,
body.v34-porcelain .industries-section .industry-face-back .industry-back-eyebrow,
body.v34-porcelain .industries-section .industry-face-back .industry-back-title,
body.v34-porcelain .industries-section .industry-face-back .industry-description,
body.v34-porcelain .industries-section .industry-face-back .industry-back-footer {
  text-align:center!important;align-self:stretch!important;
}
body.v34-porcelain .industries-section .industry-face-back .industry-description {
  max-width:100%!important;
  overflow-wrap:break-word;
}
@media(max-width:680px){
  body.v34-porcelain .who-heading-row .who-kicker {font-size:15px!important}
  body.v34-porcelain .who-v22-actions>.button {width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  body.v34-porcelain .who-v22-actions>.button {transition:none!important;transform:none!important}
}


/* ====================================================================
   VERSION 64 — consistent product animations + clear typography.
   The Popular Foil Formats card treatment is the reference for all
   three groups: a thin top sweep, gentle lift, and quiet light passing
   over white. No changes to the rest of the visual system.
   ==================================================================== */
/* No colored dashes, including the explicitly inserted Who We Are span.
   Keep the enlarged label from v63. */
body.v34-porcelain .who-heading-row .who-kicker {
  gap:0!important;
}
body.v34-porcelain .who-heading-row .who-kicker-line {
  display:none!important;content:none!important;
}
body.v34-porcelain .who-heading-row .who-kicker::before,
body.v34-porcelain .who-heading-row .who-kicker::after,
body.v34-porcelain .kicker::before,
body.v34-porcelain .kicker::after {
  display:none!important;content:none!important;animation:none!important;
}
/* The second hero headline was medium gray; use a clear MFI blue. */
body.v34-porcelain .hero .hero-title-secondary {
  color:#135a91!important;
  box-shadow:none!important;
}
/* Popular Foil Formats: near-black throughout, not bronze/brown. */
body.v34-porcelain .spec-grid article small {
  color:#27323a!important;
}
body.v34-porcelain .spec-grid article strong,
body.v34-porcelain .spec-grid article:hover strong {
  color:#162a39!important;
  transform:none!important;
}
body.v34-porcelain .spec-grid article span {
  color:#3a4852!important;
}
/* The common animation foundation. */
body.v34-porcelain .hero-facts > div,
body.v34-porcelain .technical-range-row,
body.v34-porcelain .spec-grid article {
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#fff!important;
  transition:transform .35s cubic-bezier(.2,.8,.22,1),
             box-shadow .35s ease,background-color .35s ease,
             border-color .35s ease!important;
}
body.v34-porcelain .hero-facts > div::before,
body.v34-porcelain .technical-range-row::before,
body.v34-porcelain .spec-grid article::before {
  content:""!important;display:block!important;
  position:absolute!important;inset:0 auto auto 0!important;
  left:0!important;top:0!important;right:auto!important;bottom:auto!important;
  width:0!important;height:3px!important;
  border-radius:0!important;
  background:#f07832!important;
  opacity:1!important;
  z-index:3!important;
  transform:none!important;
  animation:none!important;
  transform-origin:left center!important;
  transition:width .65s cubic-bezier(.2,.8,.22,1)!important;
  pointer-events:none!important;
}
/* Retire the old alternating side rail and row entrance glints.
   Replace them with the same restrained shimmer as the format tiles. */
body.v34-porcelain .hero-facts > div::after,
body.v34-porcelain .technical-range-row::after,
body.v34-porcelain .spec-grid article::after {
  content:""!important;display:block!important;
  position:absolute!important;inset:auto!important;
  top:-120%!important;left:-38%!important;
  width:35%!important;height:340%!important;
  border:0!important;border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(109,174,213,.12),transparent)!important;
  opacity:.8!important;
  z-index:1!important;
  transform:rotate(18deg)!important;
  animation:none!important;
  transition:left .7s cubic-bezier(.2,.8,.22,1)!important;
  pointer-events:none!important;
}
body.v34-porcelain .hero-facts > div > *,
body.v34-porcelain .technical-range-row > *,
body.v34-porcelain .spec-grid article > * {position:relative!important;z-index:2!important;}
@media(hover:hover) and (pointer:fine) {
  body.v34-porcelain .hero-facts > div:hover,
  body.v34-porcelain .technical-range-row:hover,
  body.v34-porcelain .spec-grid article:hover {
    transform:translateY(-5px)!important;
    background:#fff!important;
    border-color:#ccdfea!important;
    box-shadow:0 14px 28px rgba(23,69,104,.09)!important;
  }
  body.v34-porcelain .hero-facts > div:hover::before,
  body.v34-porcelain .technical-range-row:hover::before,
  body.v34-porcelain .spec-grid article:hover::before {
    width:100%!important;
  }
  body.v34-porcelain .hero-facts > div:hover::after,
  body.v34-porcelain .technical-range-row:hover::after,
  body.v34-porcelain .spec-grid article:hover::after {
    left:124%!important;
  }
  body.v34-porcelain .technical-range-row:hover dt {
    color:#244568!important; /* remain dark instead of switching to orange */
  }
  body.v34-porcelain .hero-facts > div:hover b {
    color:#244568!important;
    transform:none!important;
  }
}
/* Direct focus on the cards / accessible focus-within gets the accent. */
body.v34-porcelain .hero-facts > div:focus-within::before,
body.v34-porcelain .technical-range-row:focus-within::before,
body.v34-porcelain .spec-grid article:focus-within::before {width:100%!important;}
@media(prefers-reduced-motion:reduce){
  body.v34-porcelain .hero-facts > div,
  body.v34-porcelain .technical-range-row,
  body.v34-porcelain .spec-grid article,
  body.v34-porcelain .hero-facts > div::before,
  body.v34-porcelain .technical-range-row::before,
  body.v34-porcelain .spec-grid article::before,
  body.v34-porcelain .hero-facts > div::after,
  body.v34-porcelain .technical-range-row::after,
  body.v34-porcelain .spec-grid article::after {
    transition:none!important;animation:none!important;
  }
  body.v34-porcelain .hero-facts > div:hover,
  body.v34-porcelain .technical-range-row:hover,
  body.v34-porcelain .spec-grid article:hover {transform:none!important;}
}


/* VERSION 66 — Editorial card typography: regular weight, no bold.
   This change is limited to text placed inside the rounded content cards.
   Section headings, CTAs, table headings outside the cards, and branding
   retain their established visual hierarchy and weights. */
body.v34-porcelain .hero-facts > div b,
body.v34-porcelain .hero-facts > div span,
body.v34-porcelain .technical-range-row dt,
body.v34-porcelain .technical-range-row dd,
body.v34-porcelain .spec-grid article small,
body.v34-porcelain .spec-grid article strong,
body.v34-porcelain .spec-grid article span,
body.v34-porcelain .spec-grid article:hover strong,
body.v34-porcelain .process-grid article > span,
body.v34-porcelain .process-grid article h3,
body.v34-porcelain .process-grid article p,
body.v34-porcelain .cert-card .cert-meta h3,
body.v34-porcelain .cert-card .cert-meta small,
body.v34-porcelain .cert-card .cert-fallback small,
body.v34-porcelain .cert-card .cert-fallback strong,
body.v34-porcelain .industries-section .industry-face-front .industry-title,
body.v34-porcelain .industries-section .industry-face-front .industry-subtitle,
body.v34-porcelain .industries-section .industry-face-front .industry-cue,
body.v34-porcelain .industries-section .industry-face-back .industry-back-eyebrow,
body.v34-porcelain .industries-section .industry-face-back .industry-back-title,
body.v34-porcelain .industries-section .industry-face-back .industry-description,
body.v34-porcelain .industries-section .industry-face-back .industry-back-footer {
  font-weight:400!important;
}
