:root{--paper:#f6f5f1;--ink:#202220;--muted:#6c6e68;--line:#dcded7;--red:#ac182b;--ease:cubic-bezier(.22,.68,.12,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;max-width:100%;object-fit:cover}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #e4644b;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(38px,4.5vw,72px);line-height:1.05;letter-spacing:-.055em;margin-bottom:25px}h2 em{font-style:normal;color:#85867e}p{line-height:1.7}section[id],article[id]{scroll-margin-top:90px}.section{padding:110px 6vw}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.18em;font-weight:600;line-height:1.6}.eyebrow{margin-bottom:24px;color:var(--muted)}.eyebrow.light{color:#dddcd4}.red-dot{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:8px}.btn,.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:12px;font-weight:600;padding:19px 24px;border:1px solid transparent;transition:background .2s,transform .2s}.btn span{font-size:20px}.btn.primary{background:var(--red);color:#fff}.btn.primary:hover{background:#831321}.btn.white{background:var(--paper);color:var(--ink)}.btn:hover{transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:50px;padding:15px 0;border-bottom:1px solid #999c94;font-size:12px;white-space:nowrap}.text-link span{font-size:24px}.text-link:hover{color:var(--red);border-color:var(--red)}
.site-header{height:80px;position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:30px;background:rgba(246,245,241,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{width:178px;flex-shrink:0}.brand img{height:auto;object-fit:contain;mix-blend-mode:multiply}.main-nav{display:flex;gap:26px;font-size:11px}.main-nav a{padding:30px 0;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--red)}.header-actions{display:flex;gap:25px;align-items:center}.header-search{display:none}.pill{padding:12px 19px;border:1px solid #b5b7b0;gap:25px;font-size:11px}.pill:hover{background:var(--ink);color:white}.menu{display:none;background:transparent;border:0;font-size:24px;padding:10px}.mobile-nav{display:none;position:fixed;z-index:99;left:0;right:0;top:80px;background:var(--paper);padding:14px 6vw 25px;border-bottom:1px solid var(--line)}.mobile-nav.open{display:grid}.mobile-nav a{padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}
.hero-scroll{height:170svh;position:relative;margin-top:80px}.hero-sticky{height:calc(100svh - 80px);min-height:560px;position:sticky;top:80px;overflow:hidden;background:var(--paper);color:#fff}.hero-frame{position:absolute;inset:0;clip-path:inset(18px 22px 18px);background:#171b19;will-change:clip-path}.hero-frame>img{height:100%;object-position:61% center;transform:scale(1.03);will-change:transform}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,17,16,.78),rgba(12,17,16,.35) 45%,rgba(12,17,16,0) 75%),linear-gradient(0deg,rgba(8,13,11,.65),transparent 30%)}.hero-copy{position:absolute;left:7vw;top:10%;width:50%;will-change:opacity,transform}.hero-copy h1{font-size:clamp(64px,7.3vw,118px);line-height:.92;letter-spacing:-.06em;margin:0 0 30px;font-weight:500}.hero-copy h1 em{font-style:normal;color:#d5d4c8}.hero-lead{font-size:14px;color:#d3d4cc;line-height:1.65;margin-bottom:28px}.hero-bottom{position:absolute;left:7vw;right:6vw;bottom:52px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.1em;color:#deded6}.hero-bottom a{display:flex;align-items:center;gap:25px;letter-spacing:0;font-size:11px}.hero-bottom b{font-size:22px;font-weight:400}.hero-end{position:absolute;bottom:19%;left:7vw;max-width:600px;opacity:0;pointer-events:none;font-size:clamp(22px,3vw,46px);line-height:1.15;letter-spacing:-.035em}
.intro{display:grid;grid-template-columns:1fr 2.2fr;gap:50px;padding-top:125px;padding-bottom:80px}.section-kicker{padding-top:8px;font-size:9px}.intro-main h2{font-size:clamp(36px,4vw,65px);margin-bottom:40px}.intro-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.intro-bottom p{max-width:530px;font-size:13px;color:var(--muted);margin:0}.trust-strip{margin:0 6vw;padding:35px 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:24px}.trust-strip>div{display:grid;grid-template-columns:22px 1fr;gap:8px;font-size:11px}.trust-strip span{color:var(--red);font-size:9px}.trust-strip b{font-weight:500;font-size:13px}.trust-strip small{grid-column:2;color:var(--muted);font-size:10px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:50px}.section-heading h2{margin:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0}.range-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:50px 24px}.range-card{grid-column:span 2;min-width:0}.range-0,.range-1{grid-column:span 3}.range-photo{position:relative;overflow:hidden;aspect-ratio:1.25;background:#dadbd5}.range-0 .range-photo,.range-1 .range-photo{aspect-ratio:1.5}.range-photo img{height:100%;transition:transform .8s var(--ease)}.range-card:hover img{transform:scale(1.035)}.range-number{position:absolute;top:18px;left:18px;color:#fff;font-size:10px;letter-spacing:.12em;padding:8px;background:rgba(0,0,0,.28)}.round-arrow{position:absolute;right:18px;bottom:18px;border:1px solid rgba(255,255,255,.6);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:22px;background:rgba(20,24,20,.25);color:#fff}.range-copy{padding-top:22px}.range-copy>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.range-copy h3{font-size:22px;margin:9px 0;letter-spacing:-.035em}.range-copy p{font-size:11px;color:var(--muted);margin:0}
.cinema-scroll{height:340svh;background:#101613;position:relative;color:#fff}.cinema-sticky{height:calc(100svh - 80px);min-height:550px;position:sticky;top:80px;overflow:hidden}.cinema-images,.cinema-image,.cinema-shade{position:absolute;inset:0;width:100%;height:100%}.cinema-image{object-fit:cover;object-position:60% center;opacity:0;will-change:transform,opacity;transform:scale(1.05)}.cinema-image:first-child{opacity:1}.cinema-shade{background:linear-gradient(90deg,rgba(5,12,9,.82),rgba(5,12,9,.35) 53%,transparent),linear-gradient(0deg,rgba(5,12,9,.8),transparent 40%)}.cinema-top{position:absolute;top:42px;left:6vw;right:6vw;display:flex;align-items:center;justify-content:space-between}.cinema-top .eyebrow{margin:0}.cinema-count{font-size:10px;letter-spacing:.16em}.cinema-copy{position:absolute;left:6vw;right:6vw;top:25%;bottom:140px}.cinema-chapter{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(20px);will-change:opacity,transform}.cinema-chapter.active{opacity:1;visibility:visible;transform:none}.cinema-chapter h2{font-size:clamp(58px,7vw,108px);line-height:.95;color:#f8f8f2;letter-spacing:-.06em;margin-bottom:28px}.cinema-chapter>p:last-child{max-width:370px;color:#dbddd4;font-size:13px;line-height:1.7}.cinema-nav{position:absolute;bottom:43px;left:6vw;right:6vw;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.cinema-nav button{position:relative;text-align:left;border:0;border-top:1px solid #ffffff40;padding:17px 0 0;background:none;color:#b9bdb8;font-size:12px}.cinema-nav button.active{color:#fff}.cinema-nav button span{font-size:9px;margin-right:20px}.cinema-nav i{position:absolute;top:-1px;left:0;width:100%;height:2px;background:#fff;transform:scaleX(0);transform-origin:left}.cinema-nav button:hover{color:#fff}
.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.why-grid article{border-top:1px solid var(--line);padding-top:26px}.why-grid article>span{font-size:9px;letter-spacing:.12em;color:var(--red)}.why-grid h3{font-size:28px;line-height:1.18;letter-spacing:-.035em;margin:30px 0 22px}.why-grid p{font-size:12px;color:var(--muted);max-width:350px}.quality-feature{display:grid;grid-template-columns:1.1fr 1fr;margin:0 6vw 100px;background:#eaeae3;min-height:550px}.quality-image{overflow:hidden}.quality-image img{height:100%;object-position:65% center}.quality-copy{padding:70px 12%;align-self:center}.quality-copy h2{font-size:clamp(36px,3.4vw,54px)}.quality-copy>p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:400px}.brands{padding:20px 6vw 100px;display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:center}.brand-heading h2{font-size:31px}.brand-heading p:last-child{font-size:11px;color:var(--muted);max-width:320px}.brand-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.brand-logo{padding:30px 24px;display:grid;place-items:center;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:90px}.brand-logo img{height:28px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .3s,opacity .3s}.brand-logo:hover img{filter:none;opacity:1}.contact-cta{background:#262c28;color:#f6f5ef;display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:center}.contact-cta h2{font-size:clamp(48px,5.5vw,86px);margin:0}.contact-cta>div>p:not(.eyebrow){font-size:13px;max-width:340px;color:#b8bdb5;margin-bottom:35px}.footer{padding:60px 6vw 25px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.footer img{width:175px;mix-blend-mode:multiply;object-fit:contain}.footer p{font-size:11px;color:var(--muted);margin:20px 0 0}.footer nav{display:flex;justify-content:flex-end;gap:24px;font-size:11px;align-items:flex-start}.footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;color:var(--muted);font-size:9px}.reveal{opacity:1;transform:none}html.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}html.js .reveal.in{opacity:1;transform:none}
/* Interior pages share the same photographic and editorial language. */
.inner-hero{padding:150px 6vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.inner-hero h1,.contact-page h1{font-size:clamp(45px,5vw,75px);letter-spacing:-.055em;line-height:1.03}.inner-hero h1 span{color:#85867e}.inner-hero p:not(.eyebrow){font-size:14px;color:var(--muted)}.inner-hero .visual{height:540px;overflow:hidden}.inner-hero .visual img{height:100%}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding:0 6vw 100px}.content-card{border-top:1px solid var(--line);padding:30px 0}.content-card h2,.content-card h3{font-size:30px;letter-spacing:-.03em}.content-card p{font-size:13px;color:var(--muted);max-width:480px}.product-list{padding:20px 6vw 100px}.product-row{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:60px 0;border-top:1px solid var(--line)}.row-visual{height:420px}.row-visual img{height:100%}.product-row:nth-child(even) .row-visual{order:2}.row-copy h2{font-size:48px}.row-copy p:not(.eyebrow){font-size:14px;color:var(--muted)}.contact-page{padding:160px 6vw 100px;display:grid;grid-template-columns:1fr 1fr;gap:70px;min-height:80svh}.contact-page p{font-size:13px;color:var(--muted)}.form{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:start}.field.full{grid-column:1/-1}.field input,.field textarea{width:100%;padding:18px 12px;border:0;border-bottom:1px solid #a6aaa1;background:#edeee8;border-radius:0;resize:vertical;font-size:12px}.subpage-brands{padding-top:40px}
@media(min-width:1800px){.section,.brands,.contact-cta{padding-left:max(6vw,calc((100vw - 1680px)/2));padding-right:max(6vw,calc((100vw - 1680px)/2))}}
@media(max-width:1100px){.main-nav{gap:17px}.brand{width:150px}.header-actions{gap:0}.hero-copy{width:65%}.hero-copy h1{font-size:86px}.intro{grid-template-columns:1fr;gap:25px}.intro-main h2{font-size:54px}.brands{gap:35px;grid-template-columns:1fr 1.7fr}.brand-logo{padding:24px 14px}.quality-copy{padding:40px 9%}.cinema-chapter h2{font-size:84px}.inner-hero{gap:35px}.inner-hero .visual{height:430px}}
@media(max-width:800px){.site-header{height:70px;padding:0 5vw}.brand{width:145px}.main-nav,.header-actions .pill{display:none}.menu{display:block}.mobile-nav{top:70px}.section{padding:75px 6vw}h2{font-size:44px}.hero-scroll{margin-top:70px;height:150svh}.hero-sticky{top:70px;height:calc(100svh - 70px);min-height:530px}.hero-copy{left:8vw;top:12%;width:83%}.hero-copy h1{font-size:clamp(63px,11vw,90px)}.hero-copy .eyebrow{font-size:8px;letter-spacing:.12em}.hero-lead{font-size:12px}.hero-frame{clip-path:inset(10px)}.hero-frame>img{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(8,15,11,.83),rgba(8,15,11,.23)),linear-gradient(0deg,rgba(8,15,11,.6),transparent 45%)}.hero-bottom{left:8vw;right:8vw;bottom:32px}.hero-bottom>span{max-width:180px;font-size:7px;line-height:1.8}.hero-bottom a{font-size:9px;gap:10px}.hero-end{left:8vw;max-width:80%;bottom:22%}.intro-main h2{font-size:42px}.intro-bottom{display:block}.intro-bottom .text-link{margin-top:16px}.trust-strip{grid-template-columns:1fr 1fr;gap:30px 15px}.trust-strip b{font-size:11px}.trust-strip small{font-size:9px}.section-heading{margin-bottom:30px}.range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.range-card{grid-column:span 1}.range-0{grid-column:span 2}.range-photo,.range-1 .range-photo{aspect-ratio:1}.range-0 .range-photo{aspect-ratio:1.4}.range-copy h3{font-size:19px}.range-copy p{font-size:10px}.range-copy>span{font-size:8px}.range-number{top:10px;left:10px}.round-arrow{width:32px;height:32px;right:10px;bottom:10px;font-size:18px}.cinema-scroll{height:300svh}.cinema-sticky{top:70px;height:calc(100svh - 70px);min-height:530px}.cinema-top{top:30px}.cinema-copy{top:28%}.cinema-chapter h2{font-size:clamp(52px,10vw,76px)}.cinema-chapter>p:last-child{font-size:12px;max-width:310px}.cinema-images img{object-position:65% center}.cinema-shade{background:linear-gradient(90deg,rgba(4,12,8,.83),rgba(4,12,8,.23)),linear-gradient(0deg,rgba(4,12,8,.7),transparent 60%)}.cinema-nav{gap:16px;bottom:35px}.cinema-nav button{font-size:10px}.cinema-nav button span{display:block;margin:0 0 10px;font-size:8px}.why-grid{gap:25px}.why-grid h3{font-size:22px}.why-grid p{font-size:11px}.why-grid article>span{font-size:8px}.quality-feature{grid-template-columns:1fr;margin-bottom:70px;min-height:0}.quality-image{height:390px}.quality-copy{padding:45px 8%}.brands{grid-template-columns:1fr;padding-bottom:70px;gap:25px}.brand-logo{min-height:75px;padding:20px 15px}.brand-logo img{height:23px}.contact-cta{grid-template-columns:1fr;gap:35px}.contact-cta h2{font-size:64px}.footer{grid-template-columns:1fr;gap:30px}.footer nav{justify-content:flex-start;flex-wrap:wrap;gap:20px}.inner-hero{padding:125px 6vw 55px;grid-template-columns:1fr;gap:30px}.inner-hero .visual{height:420px}.inner-hero h1{font-size:54px}.content-grid{gap:20px}.product-row{gap:30px}.row-visual{height:320px}.row-copy h2{font-size:34px}.row-copy p:not(.eyebrow){font-size:12px}.contact-page{padding:125px 6vw 70px;grid-template-columns:1fr;gap:35px}}
@media(max-width:480px){.hero-copy h1{font-size:64px}.hero-copy{top:11%}.hero-lead{margin-bottom:24px}.hero-copy .btn{padding:16px 20px;font-size:11px}.section-heading{align-items:start}.section-heading h2{font-size:36px}.section-heading>.text-link{gap:12px;font-size:10px;margin-top:30px}.intro-main h2{font-size:35px}.intro-main h2 br{display:none}.range-grid{gap:30px 13px}.range-copy h3{font-size:17px}.range-copy p{display:none}.range-copy>span{font-size:7px;letter-spacing:.08em}.range-number{font-size:8px;padding:5px}.why-grid{grid-template-columns:1fr;gap:30px}.why-grid h3{font-size:28px;margin:20px 0 15px}.why-grid p{font-size:12px}.why .section-heading>p{display:none}.quality-image{height:330px}.brand-logo-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.product-row{grid-template-columns:1fr;gap:25px;padding:35px 0}.product-row:nth-child(even) .row-visual{order:0}.row-visual{height:300px}.inner-hero .visual{height:340px}.form{grid-template-columns:1fr}.field{grid-column:1/-1}}
@media(max-height:650px) and (min-width:700px){.hero-sticky,.cinema-sticky{min-height:0}.hero-copy{top:8%}.hero-copy h1{font-size:62px;margin-bottom:16px}.hero-copy .eyebrow{margin-bottom:15px}.hero-lead{font-size:11px;margin-bottom:16px}.hero-copy .btn{padding:11px 18px}.hero-bottom{bottom:25px}.cinema-copy{top:22%}.cinema-chapter h2{font-size:60px;margin-bottom:16px}.cinema-chapter .eyebrow{margin-bottom:15px}.cinema-top{top:22px}.cinema-nav{bottom:25px}.cinema-chapter>p:last-child{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-scroll{height:auto}.hero-sticky{position:relative;top:0;height:calc(100svh - 70px)}.hero-frame{clip-path:none!important}.hero-frame img{transform:none!important}.hero-copy{opacity:1!important;transform:none!important}.hero-end{display:none}.cinema-scroll{height:auto}.cinema-sticky{position:relative;top:0;height:760px}.cinema-image{transform:none!important}.cinema-chapter{transform:none!important}.cinema-nav button i{transition:none}html.js .reveal{opacity:1;transform:none}}
/* Reference-led homepage: bright industrial hero and compact catalogue. */
:root{--paper:#fff;--ink:#08090a;--muted:#57595d;--line:#eceef0;--red:#ed071b}
body{background:#fff;color:var(--ink)}.site-header{height:64px;padding:0 6.5vw;background:rgba(255,255,255,.72);border:0;gap:30px}.site-header.scrolled,.inner-page .site-header{background:rgba(255,255,255,.96);box-shadow:0 2px 20px #15202b0d}.brand{width:183px}.brand img{filter:none}.main-nav{gap:35px;font-size:11px}.main-nav a{padding:23px 0}.main-nav a.active:after{content:"";position:absolute;bottom:9px;left:0;right:0;height:2px;background:var(--red)}.header-actions{gap:22px}.header-search{display:block;width:23px;color:#fff}.header-search svg{fill:none;stroke:currentColor;stroke-width:1.7}.scrolled .header-search,.inner-page .header-search{color:#222}.pill,.btn{border-radius:30px}.pill{background:var(--red);color:#fff;border:0;padding:11px 24px;min-width:150px;gap:24px}.pill:hover{background:#b60010}.menu{display:flex;flex-direction:column;gap:5px;padding:6px 0;width:24px;color:#fff}.menu span{height:2px;width:24px;background:currentColor;border-radius:1px}.scrolled .menu,.inner-page .menu{color:#222}.mobile-nav{top:64px;background:#fff}.reference-hero{height:clamp(460px,30vw,630px);position:relative;overflow:hidden;background:#e8eef1}.reference-hero-image{position:absolute;inset:0}.reference-hero-image>img{height:100%;object-position:65% center;will-change:transform}.reference-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.80) 25%,rgba(255,255,255,.52) 36%,rgba(255,255,255,0) 53%)}.reference-hero-copy{position:relative;z-index:2;padding:88px 0 0 6.6vw;width:48%}.reference-hero-copy .eyebrow{font-size:10px;letter-spacing:.4em;color:#73767a;margin:0 0 16px}.reference-hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(36px,2.92vw,58px);font-weight:950;line-height:.95;letter-spacing:-.045em;margin:0 0 10px}.reference-hero h1 span{color:var(--red)}.reference-hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.3;margin-bottom:18px;color:#111}.reference-actions{display:flex;gap:26px;align-items:center}.reference-actions .btn{font-size:11px;padding:11px 25px;gap:28px}.reference-actions .btn span{font-size:18px}.watch-story{display:inline-flex;align-items:center;gap:14px;font-size:11px;font-weight:600}.watch-story i{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--red);border-radius:50%;font-style:normal;font-size:17px;padding-left:3px;background:#ffffff8c}.watch-story:hover{color:var(--red)}.hero-tabs{display:flex;gap:30px;margin-top:18px}.hero-tabs a{font-size:10px;color:#bec2c6;width:32px;padding:0 6px 6px;border-bottom:2px solid #d7dadd;text-align:center}.hero-tabs a.active{color:var(--red);border-color:var(--red)}.hero-tabs a:hover{color:var(--red)}.hero-right-note{position:absolute;right:5.3vw;top:30%;color:#fff;font-size:14px;line-height:1.35;text-shadow:0 1px 8px #0007}.reference-scroll{position:absolute;right:8.5vw;bottom:42px;color:#fff;display:grid;justify-items:center;gap:9px;font-size:10px}.reference-scroll i{height:36px;width:23px;border:2px solid white;border-radius:20px;position:relative}.reference-scroll i:after{content:"";position:absolute;left:9px;top:6px;width:2px;height:9px;background:#fff;border-radius:2px}.hero-rail{position:absolute;right:3.7vw;top:38%;display:grid;gap:25px}.hero-rail:before{content:"";position:absolute;left:3px;top:4px;bottom:4px;width:1px;background:#ffffffa6}.hero-rail i{position:relative;background:#fff;width:6px;height:6px;border-radius:50%;z-index:1}.hero-rail i:first-child{outline:3px solid #ec071b99}.reference-trust{padding:17px 6.5vw;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:linear-gradient(#fff,#fafbfc)}.reference-trust>div{display:flex;align-items:center;gap:20px;padding-left:28px;border-left:1px solid #e5e7e9}.reference-trust>div:first-child{padding-left:0;border-left:0}.reference-trust svg{width:37px;height:37px;flex-shrink:0}.reference-trust p{margin:0;line-height:1.4}.reference-trust b{display:block;font-size:13px;letter-spacing:-.025em}.reference-trust small{font-size:10px;color:#54585c;display:block;margin-top:3px}.reference-products{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;padding:20px 3.2vw 13px;border-bottom:1px solid var(--line)}.compact-copy .eyebrow{font-size:9px;letter-spacing:.2em;color:#373c42;margin:3px 0 9px}.compact-copy h2{font-size:29px;font-weight:500;line-height:1.04;letter-spacing:-.04em;margin:0 0 10px}.compact-copy>p:not(.eyebrow){font-size:12px;color:#555;line-height:1.25;margin:0 0 13px;max-width:290px}.btn.outline{border:1px solid #8e9295;font-size:10px;padding:9px 20px;gap:25px;background:transparent}.btn.outline:hover{background:#eee}.btn.outline span{font-size:17px}.compact-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;min-width:0}.compact-product{background:linear-gradient(#f4f5f6,#fbfbfc);border:1px solid #f0f1f2;border-radius:5px;overflow:hidden;min-width:0;transition:box-shadow .3s,transform .3s}.compact-product:hover{box-shadow:0 12px 24px #1a29321a;transform:translateY(-4px)}.compact-photo{height:132px;overflow:hidden;background:#edf0f2}.compact-photo img{height:100%;transition:transform .7s}.compact-product:hover img{transform:scale(1.035)}.compact-caption{position:relative;padding:13px 33px 13px 16px;min-height:56px}.compact-caption h3{font-weight:700;font-size:12px;line-height:1.15;letter-spacing:-.025em;margin:0 0 5px}.compact-caption p{font-size:9px;line-height:1.2;margin:0}.compact-caption>span{position:absolute;right:12px;top:18px;border:1px solid #babec1;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:15px}.reference-brands{padding:14px 3.2vw;display:grid;grid-template-columns:250px minmax(0,1fr) auto;gap:24px;align-items:center;border-bottom:1px solid var(--line)}.reference-brands .eyebrow{font-size:8px;margin:0 0 4px;letter-spacing:.2em}.reference-brands h2{font-size:19px;letter-spacing:-.025em;margin:0}.reference-brand-list{display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:0}.reference-brand-list img{max-width:95px;width:11%;height:32px;object-fit:contain}.reference-brands .btn{white-space:nowrap;gap:25px}.reference-solutions{padding:10px 3.2vw 22px;display:grid;grid-template-columns:305px 1fr 1fr;gap:12px}.reference-solutions .compact-copy{padding-right:25px}.reference-solutions .compact-copy h2{font-size:29px}.reference-solutions .compact-copy>p:not(.eyebrow){font-size:12px}.reference-solutions .btn.primary{font-size:10px;padding:7px 16px;gap:18px}.reference-solutions .btn.primary span{font-size:16px}.application-card{position:relative;min-height:215px;border-radius:7px;overflow:hidden;color:#fff}.application-card>img{height:100%;position:absolute;inset:0;transition:transform .7s}.application-card:hover>img{transform:scale(1.025)}.application-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000c,transparent 58%)}.application-caption{position:absolute;z-index:2;bottom:16px;left:18px;right:18px;display:flex;gap:14px;align-items:center}.application-caption h3{font-size:17px;font-weight:600;margin:0 0 3px}.application-caption p{font-size:10px;line-height:1.2;margin:0}.application-symbol{width:46px;height:46px;display:grid;place-items:center;border:1px solid #fff;border-radius:50%;font-size:28px;flex-shrink:0}.application-arrow{margin-left:auto;border:1px solid #fff9;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;flex-shrink:0}.contact-cta{background:#151c21}.inner-hero h1 span{color:var(--red)}
@media(min-width:1700px){.reference-hero-copy{padding-top:115px}.compact-photo{height:170px}.reference-products{padding-top:28px;padding-bottom:28px}.reference-solutions{padding-top:20px;padding-bottom:35px}.application-card{min-height:270px}}
@media(max-width:1200px){.site-header{padding:0 4vw;gap:25px}.brand{width:160px}.main-nav{gap:22px}.header-actions{gap:18px}.reference-hero-copy{padding-left:5vw;width:53%}.reference-hero h1{font-size:36px}.reference-hero-copy>p:not(.eyebrow){font-size:12px}.reference-hero-copy .desktop-br{display:none}.reference-hero-copy>p:not(.eyebrow){max-width:400px}.reference-trust{padding-left:4vw;padding-right:4vw}.reference-trust>div{gap:13px;padding-left:18px}.reference-trust b{font-size:12px}.reference-trust small{font-size:9px}.reference-products{grid-template-columns:205px 1fr;gap:18px}.compact-photo{height:120px}.compact-caption{padding:12px 28px 12px 10px}.compact-caption h3{font-size:10px}.compact-caption p{font-size:8px}.compact-caption>span{width:22px;height:22px;right:6px}.compact-copy h2{font-size:26px}.compact-copy>p:not(.eyebrow){font-size:11px}.reference-brands{grid-template-columns:205px 1fr auto;gap:18px}.reference-brand-list{gap:15px}.reference-brands h2{font-size:18px}.reference-brands .btn{padding:8px 12px;gap:12px}.reference-solutions{grid-template-columns:250px 1fr 1fr}.reference-solutions .compact-copy{padding-right:12px}.reference-solutions .compact-copy h2{font-size:26px}.reference-solutions .compact-copy>p:not(.eyebrow){font-size:11px}.application-caption{left:12px;right:12px;gap:10px}.application-caption p{font-size:9px}.application-symbol{width:36px;height:36px;font-size:23px}}
@media(max-width:900px){.main-nav{display:none}.site-header{height:65px;background:#ffffffda}.header-search{color:#222}.menu{color:#222}.header-actions .pill{display:inline-flex}.mobile-nav{top:65px}.reference-hero{height:560px}.reference-hero-copy{padding-top:100px;width:60%}.reference-hero h1{font-size:39px}.reference-hero-image>img{object-position:64% center}.reference-hero-shade{background:linear-gradient(90deg,#ffffffdf,#ffffffbd 30%,#ffffff40 61%,transparent 80%)}.reference-actions{gap:15px;flex-wrap:wrap}.reference-trust{grid-template-columns:1fr 1fr;gap:20px 5px;padding:20px 5vw}.reference-trust>div:nth-child(3){border-left:0;padding-left:0}.reference-products{grid-template-columns:1fr;padding:30px 5vw;gap:20px}.compact-copy h2 br{display:none}.compact-copy>p:not(.eyebrow){max-width:500px}.compact-product-grid{grid-template-columns:repeat(5,minmax(160px,1fr));overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.compact-product{scroll-snap-align:start}.compact-photo{height:125px}.compact-caption h3{font-size:11px}.compact-caption p{font-size:8px}.reference-brands{padding:20px 5vw;grid-template-columns:1fr auto;gap:20px}.reference-brand-list{grid-row:2;grid-column:1/-1;gap:25px}.reference-brand-list img{max-width:90px;width:11%}.reference-brands>.btn{grid-row:1;grid-column:2}.reference-solutions{padding:25px 5vw 35px;grid-template-columns:1fr 1fr;gap:15px}.reference-solutions>.compact-copy{grid-column:1/-1}.reference-solutions>.compact-copy>p:not(.eyebrow){max-width:600px}.application-card{min-height:215px}.reference-hero-copy .eyebrow{font-size:9px}.hero-right-note{font-size:12px;right:5%;top:36%}.reference-scroll{right:8%;bottom:55px}.hero-rail{right:4%;top:50%}.hero-tabs{margin-top:22px}.brand-logo img{filter:none}.inner-page .header-actions .pill{display:inline-flex}}
@media(max-width:550px){.site-header{padding:0 5vw}.brand{width:142px}.header-actions{gap:16px}.header-actions .pill,.inner-page .header-actions .pill{display:none}.header-search{width:20px}.reference-hero{height:700px}.reference-hero-image>img{object-position:66% center}.reference-hero-shade{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.87) 34%,rgba(255,255,255,.3) 57%,transparent 72%)}.reference-hero-copy{padding:96px 6vw 0;width:100%}.reference-hero h1{font-size:37px;line-height:.98;max-width:390px}.reference-hero-copy .eyebrow{font-size:8px;letter-spacing:.28em;margin-bottom:18px}.reference-hero-copy>p:not(.eyebrow){font-size:12px;max-width:350px;line-height:1.4;margin:15px 0 20px}.reference-actions .btn{font-size:10px;padding:12px 18px;gap:20px}.watch-story{font-size:10px;gap:10px}.watch-story i{width:39px;height:39px;font-size:14px}.reference-actions{gap:20px}.hero-tabs{gap:20px;margin-top:20px}.hero-right-note{top:auto;bottom:110px;font-size:12px;right:6%}.reference-scroll{right:6%;bottom:30px;font-size:8px}.reference-scroll i{height:30px;width:20px}.reference-scroll i:after{left:7px}.hero-rail{display:none}.reference-trust{gap:22px 12px}.reference-trust svg{width:27px;height:27px}.reference-trust>div{gap:11px;padding-left:9px}.reference-trust b{font-size:10px}.reference-trust small{font-size:8px}.reference-solutions{grid-template-columns:1fr}.reference-solutions>.compact-copy{grid-column:1}.application-card{min-height:225px}.application-caption h3{font-size:19px}.application-caption p{font-size:10px}.reference-brand-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.reference-brand-list img{width:100%;height:26px;max-width:90px}.reference-brands h2{font-size:18px}.reference-brands>.btn{font-size:8px;padding:8px 12px;gap:10px}.compact-copy h2{font-size:28px}.compact-copy>p:not(.eyebrow){font-size:12px}.reference-solutions .compact-copy h2{font-size:29px}.reference-solutions .compact-copy>p:not(.eyebrow){font-size:12px}.compact-product-grid{grid-template-columns:repeat(5,185px)}.compact-photo{height:137px}.compact-caption h3{font-size:12px}.compact-caption p{font-size:9px}.compact-caption{min-height:60px}.reference-hero-copy .btn{white-space:nowrap}.inner-hero h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){.reference-hero-image>img{transform:none!important}.compact-product,.compact-photo img,.application-card>img{transition:none!important}}
@media(max-width:550px){.reference-hero h1{font-size:clamp(29px,8.3vw,37px);max-width:none}.reference-hero-copy>p:not(.eyebrow){max-width:335px}.watch-story{padding:3px 7px 3px 0;border-radius:30px;background:#ffffffa3}}
@media(max-width:550px){.reference-hero-image>img{object-position:58% center}}
/* Two uploaded industrial compositions; live text and navigation remain outside images. */
.reference-hero-image .home-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:64% center;will-change:transform,opacity}
.reference-hero-image .home-scene-next{opacity:0;object-position:65% center}
.reference-hero-shade{background:linear-gradient(90deg,rgba(255,255,255,.74),rgba(255,255,255,.6) 27%,rgba(255,255,255,.10) 44%,transparent 57%)}
.reference-home .header-search,.reference-home .menu{color:#182025}
.hero-tabs button{font:inherit;font-size:10px;color:#7b858d;width:32px;padding:0 5px 6px;border:0;border-bottom:2px solid #c5cbd0;background:transparent;cursor:pointer;text-align:center}
.hero-tabs button.active{color:var(--red);border-bottom-color:var(--red)}
.hero-tabs #heroPause{border-bottom:0;width:28px;letter-spacing:0;font-size:12px;line-height:1.1;color:#3d4850}
.hero-tabs button:hover{color:var(--red)}
.reference-scroll{color:#16232b;text-shadow:0 1px 5px white}.reference-scroll i{border-color:#16232b;background:#ffffffb3}.reference-scroll i:after{background:#16232b}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(max-width:550px){.reference-hero-image .home-scene{object-position:61% center}.reference-hero-image .home-scene-next{object-position:71% center}.reference-hero-shade{background:linear-gradient(180deg,#fffffff0,#ffffffdc 37%,#ffffff25 68%,transparent)}.reference-scroll{padding:8px;border-radius:8px;background:#ffffffb3}}
@media(prefers-reduced-motion:reduce){.reference-hero-image .home-scene{transform:none!important}}
@media(prefers-reduced-motion:reduce){#heroPause{display:none}}

@media(max-width:550px){.hero-tabs{width:max-content;padding:0 8px;background:rgba(255,255,255,.88);border-radius:6px}}

/* Automatic three-scene homepage slideshow. */
.reference-hero-image .home-scene{opacity:0;transform:scale(1.015);will-change:opacity}
.reference-hero-image #heroPhoto{opacity:1}
.reference-hero-image .home-scene-third{object-position:66% center}
.reference-hero-shade{z-index:3;pointer-events:none}
@media(max-width:550px){.reference-hero-image .home-scene-third{object-position:68% center}}
.reference-hero-image{z-index:0;isolation:isolate}
/* Original manufacturer artwork, seamless motion and added editorial sections. */
.brand-marquee{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);padding:12px 0;outline-offset:4px}
.brand-marquee-track{display:flex;width:max-content;animation:brands-flow 32s linear infinite}
.brand-marquee-group{display:flex;align-items:center;flex-shrink:0;gap:48px;padding-right:48px}
.marquee-logo{width:110px;height:45px;display:flex;align-items:center;justify-content:center}
.marquee-logo img{max-width:110px;max-height:42px;width:auto;height:auto;object-fit:contain;filter:none}
.brand-marquee:hover .brand-marquee-track,.brand-marquee:focus .brand-marquee-track{animation-play-state:paused}
@keyframes brands-flow{to{transform:translateX(-50%)}}
.premium-section{padding:100px max(5vw,24px)}
.precision-story{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;max-width:1600px;margin:auto}
.precision-media{height:610px;position:relative;overflow:hidden;border-radius:18px;background:#141b20}
.precision-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.precision-media:hover img{transform:scale(1.045)}
.image-caption{position:absolute;left:26px;bottom:26px;color:#fff;font-size:9px;letter-spacing:.2em;background:#13191dbf;border:1px solid #ffffff35;padding:14px 18px;border-radius:4px}
.premium-section .eyebrow{font-size:9px;letter-spacing:.18em;color:#9c1722}
.premium-section h2{font-size:clamp(34px,3.8vw,58px);line-height:1.05;letter-spacing:-.045em;font-weight:600;margin:20px 0 25px}
.premium-section h2 em{font-style:normal;color:#777f84;font-weight:400}
.precision-copy>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#5f676d;max-width:470px}
.precision-point{display:flex;gap:24px;border-top:1px solid #dce1e4;padding:22px 0}
.precision-point>span{font-size:10px;color:#b51424;padding-top:4px}.precision-point h3{font-size:17px;margin:0 0 9px}.precision-point p{font-size:13px;line-height:1.7;color:#697177;margin:0;max-width:430px}
.precision-copy .text-link{margin-top:18px;display:inline-flex}
.sourcing-section{background:#10191e;color:#f5f7f8;position:relative;overflow:hidden}
.sourcing-section:before{content:'';position:absolute;width:650px;height:650px;right:-400px;top:-420px;border:1px solid #ffffff15;border-radius:50%;box-shadow:0 0 0 80px #ffffff04,0 0 0 160px #ffffff03;pointer-events:none}
.sourcing-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;max-width:1400px;margin:0 auto 40px}.sourcing-heading>p{max-width:360px;color:#aeb9bf;line-height:1.8;font-size:14px;margin-bottom:25px}.sourcing-section .eyebrow{color:#ff6672}
.sourcing-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1400px;margin:auto;gap:20px}
.sourcing-card{padding:32px;border:1px solid #ffffff20;border-radius:12px;background:linear-gradient(140deg,#ffffff06,#ffffff01);display:flex;flex-direction:column;transition:border-color .4s,background .4s,transform .6s}
.sourcing-card:hover{border-color:#cf4957;background:#ffffff08;transform:translateY(-6px)}
.step-index{font-size:9px;letter-spacing:.15em;color:#aeb9bf}.process-mark{font-size:50px;color:#ff475c;font-weight:300;padding:32px 0 24px;line-height:1}
.sourcing-card h3{font-size:23px;font-weight:500;letter-spacing:-.02em;margin:0 0 18px}.sourcing-card p{font-size:13px;line-height:1.85;color:#aeb9bf;margin:0 0 30px}.card-detail{margin-top:auto;padding-top:20px;border-top:1px solid #ffffff15;color:#e4e9eb;font-size:8px;letter-spacing:.12em;line-height:1.7}.card-detail span{float:right}
.parts-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;max-width:1600px;margin:auto}.faq-intro>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#677177;max-width:330px}.faq-intro .text-link{display:inline-flex;margin-top:20px}
.faq-list details{border-bottom:1px solid #d9e0e3}.faq-list details:first-child{border-top:1px solid #d9e0e3}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;font-size:15px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:23px;color:#ba1726;transition:transform .3s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-answer{padding:0 30px 24px 0}.faq-answer p{font-size:13px;line-height:1.8;color:#637079;margin:0}.faq-list details[open] .faq-answer{animation:answer-in .35s ease-out}@keyframes answer-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.sourcing-card:nth-child(2){transition-delay:.08s}.sourcing-card:nth-child(3){transition-delay:.16s}
@media(max-width:1000px){.brand-marquee{grid-row:2;grid-column:1/-1}.premium-section{padding:70px 5vw}.precision-media{height:520px}.sourcing-card{padding:25px}.sourcing-card h3{font-size:20px}}
@media(max-width:700px){.premium-section{padding:56px 24px}.precision-story,.parts-faq{grid-template-columns:1fr;gap:36px}.precision-media{height:380px}.premium-section h2{font-size:38px}.sourcing-heading{display:block;margin-bottom:28px}.sourcing-heading>p{max-width:none}.sourcing-grid{grid-template-columns:1fr;gap:16px}.sourcing-card{padding:27px}.process-mark{padding:20px 0}.sourcing-card p{margin-bottom:23px}.brand-marquee-group{gap:36px;padding-right:36px}.marquee-logo{width:100px}.marquee-logo img{max-width:100px;max-height:38px}}
@media(prefers-reduced-motion:reduce){.brand-marquee{overflow-x:auto;mask-image:none}.brand-marquee-track{animation:none}.brand-marquee-group[aria-hidden]{display:none}.precision-media img,.sourcing-card,.faq-list summary span{transition:none}.precision-media:hover img,.sourcing-card:hover{transform:none}.faq-list details[open] .faq-answer{animation:none}}
.brand-logo img{filter:none!important;opacity:1!important}
.marquee-logo:has(img[src*="cat.png"]){background:#171b1e;border-radius:5px;padding:7px 14px}
.brand-logo:has(img[src*="cat.png"]){background:#171b1e}
.brand-logo img[src*="cummins"],.brand-logo img[src*="scania"],.brand-logo img[src*="mitsubishi"]{height:46px;width:auto;max-width:90px}
/* Direct contact links across all pages. */
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:10px;background:#167b45;color:#fff;border:1px solid #ffffff70;padding:13px 18px;border-radius:999px;box-shadow:0 6px 22px #083a332b;font-size:12px;font-weight:600;transition:background .2s,transform .2s}
.whatsapp-float svg{width:23px;height:23px}.whatsapp-float:hover{background:#106438;transform:translateY(-3px)}.whatsapp-float:focus-visible{outline:3px solid #167b45;outline-offset:4px}
.footer-direct{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:15px 30px;font-size:12px;padding-bottom:70px}.footer-direct a:hover{color:#86121d}.contact-page a[href^="mailto:"],.contact-page a[href^="https://wa.me"]{color:#86121d;text-decoration:underline;text-underline-offset:4px}
@media(max-width:550px){.whatsapp-float{right:16px;bottom:16px;padding:13px}.whatsapp-float span{display:none}.footer-direct{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}.whatsapp-float:hover{transform:none}}