@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/barlow-condensed-semibold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{--blue:#001c31;--blue-dark:#001321;--navy:#001c31;--deep:#001321;--ink:#161616;--muted:#5c5c5c;--line:#dedede;--paper:#f4f4f2;--heading:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--sc-accent:#001c31;--sc-canvas:#f4f4f2;--sc-gutter:4vw;--sc-ease-out:cubic-bezier(.2,.7,.2,1);--sc-d-slow:500ms;--sc-z-stage:1;--sc-z-copy:2;--sc-x:0;--sc-y:0}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:white;color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{color:inherit;border:0;background:none}
button:not(:disabled),summary{cursor:pointer}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--heading);font-weight:600;text-transform:uppercase;letter-spacing:-.015em}
h2{font-size:clamp(48px,5vw,76px);line-height:1;margin-bottom:26px}
p{line-height:1.75}
.shell{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.eyebrow{font-size:10px;font-weight:750;letter-spacing:.14em;line-height:1.6;margin-bottom:22px}
.heading-accent{color:var(--blue)}
.text-link{display:inline-flex;align-items:center;gap:24px;padding:9px 0;border-bottom:1px solid currentColor;font-size:13px;font-weight:750}
.text-link span{font-size:21px}
.text-link:hover{color:var(--blue)}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 23px;background:var(--blue);color:white;border-radius:0;font-size:13px;font-weight:750;line-height:1.4;transition:background .2s,transform .2s}
.button>span{font-size:23px;line-height:1}
.button:hover{background:var(--blue-dark);transform:translateY(-2px)}
.button-small{padding:14px 18px}
.button-white{background:white;color:var(--navy)}
.button-white:hover{background:#e9e9e9;color:var(--navy)}
:focus-visible{outline:3px solid var(--blue);outline-offset:5px}
.hero :focus-visible,.installation-panel :focus-visible,.technical-section :focus-visible,.enquiry-section :focus-visible{outline-color:white}
.skip-link{position:fixed;top:10px;left:10px;z-index:200;padding:12px;background:white;color:var(--ink);transform:translateY(-160%)}
.skip-link:focus{transform:none}
[hidden]{display:none!important}/* One strong Siemens product stage, with the business tagline in the foreground. */
.hero{position:relative;overflow:clip;background:var(--navy);color:white;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0 0 0 56%;z-index:-2;background:linear-gradient(135deg,var(--blue-dark),var(--navy) 68%);clip-path:polygon(21% 0,100% 0,100% 100%,0 100%)}
.hero:after{content:"";position:absolute;inset:0 5% 0 48%;border-inline:1px solid #ffffff12;transform:skew(-13deg);pointer-events:none;z-index:-1}
.hero-grid{display:grid;grid-template-columns:.93fr 1.07fr;align-items:center;gap:70px;min-height:690px;padding-block:58px 66px}
.hero-copy{position:relative;z-index:3;min-width:0}
.hero-copy>.eyebrow{color:#d1d1d1;margin-bottom:24px}
.hero h1{font-size:clamp(76px,7vw,106px);line-height:.88;letter-spacing:-.018em;margin:0 0 28px}
.hero h1>span{display:block}
.hero-tagline{font-size:clamp(24px,2.1vw,31px);font-weight:450;line-height:1.35;letter-spacing:-.035em;margin:0 0 22px;padding-left:19px;border-left:3px solid var(--blue)}
.hero-tagline strong{font-weight:750}
.hero-actions{display:flex;gap:28px;align-items:center}
.hero-actions .text-link{color:white}
.hero-actions .text-link:hover{color:#d3d3d3}
.hero-stage{position:relative;min-width:0;padding:30px 0 20px;isolation:isolate}
.stage-backplate{position:absolute;z-index:-1;inset:0 -22px 40px 42px;background:var(--blue);transform:skewY(-4deg)}
.stage-product{position:relative;background:white;color:var(--ink);padding:32px;box-shadow:0 30px 70px #0004}
.stage-header{display:flex;justify-content:space-between;align-items:center;gap:20px}
.stage-header>img{width:145px;height:32px;object-fit:contain}
.stage-header>span{font-size:9px;letter-spacing:.1em;font-weight:750;color:var(--muted)}
.stage-image{width:100%;height:320px;object-fit:contain;margin:16px 0 12px}/* Full-colour manufacturer marks, deliberately consistent visual sizing. */
.brands-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;padding-block:95px 110px;border-top:1px solid var(--line)}
.brands-intro h2{font-size:clamp(48px,5vw,74px)}
.brands-intro>.eyebrow{color:var(--blue)}
.brands-intro>p:not(.eyebrow){font-size:14px;max-width:320px;color:var(--muted)}
.brands-intro .text-link{margin-top:12px}
.brand-wall{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:white;border:1px solid var(--line);box-shadow:16px 16px 0 var(--paper)}
.brand-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:140px;padding:20px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:white;transition:background .2s}
.brand-tile:nth-child(3n){border-right:0}
.brand-tile:nth-last-child(-n+3){border-bottom:0}
.brand-tile:hover{background:var(--paper)}
.brand-tile>img{width:133px;height:45px;object-fit:contain}
.brand-tile .brand-abb{width:87px;height:36px}
.brand-tile .brand-rittal{width:43px;height:56px}
.brand-tile .brand-eland{width:42px;height:58px}
.brand-tile .brand-lovato{width:124px;height:48px}
.brand-tile>span{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted)}
.brand-tile>span>span{font-size:14px;color:var(--blue)}/* Descriptive product headers and broad, opaque covering panels. */
.ranges-section{background:var(--paper)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;padding-block:62px 45px}
.section-heading .eyebrow{color:var(--blue);margin-bottom:18px}
.section-heading h2{font-size:clamp(46px,4.7vw,66px);margin:0}
.section-heading>p{max-width:330px;font-size:13px;color:var(--muted);margin-bottom:3px}
.range-stack{position:relative}
.range-panel{position:relative;padding-block:72px;background:white;border-top:1px solid var(--line);overflow:clip}
.range-stack[data-mr-cover-active]>.range-panel{top:88px}
.panel-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:90px;min-height:455px}
.panel-copy{position:relative;z-index:2;min-width:0}
.panel-copy .eyebrow{font-size:10px;color:var(--blue);margin-bottom:23px}
.panel-copy h2{font-size:clamp(52px,5.1vw,76px);margin-bottom:25px}
.panel-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:425px;margin-bottom:26px}
.panel-copy>.range-subtitle{font-size:18px!important;font-weight:700;margin-top:-10px!important;margin-bottom:17px!important}
.product-links{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-bottom:28px}
.product-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-block:14px;font-size:11px;font-weight:700}
.product-links a>span{font-size:20px;color:var(--blue)}
.product-links a:hover{color:var(--blue)}
.panel-visual{position:relative;min-width:0}
.siemens-panel:before{content:"";position:absolute;inset:0 0 0 65%;background:var(--paper);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}
.siemens-visual{background:white;border:1px solid var(--line);padding:34px;margin-right:16px;box-shadow:20px 20px 0 var(--blue)}
.siemens-stamp{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.siemens-stamp>img{width:160px;height:36px;object-fit:contain}
.siemens-stamp>span{font-size:9px;font-weight:700;letter-spacing:.12em;color:var(--muted)}
.siemens-image{height:270px;position:relative;display:flex;align-items:center}
.siemens-image>img{width:100%;max-height:100%;object-fit:contain}
.installation-panel{background:var(--navy);color:white;border-color:var(--navy)}
.installation-panel:before{content:"";position:absolute;inset:0 0 0 57%;background:var(--blue-dark);clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}
.installation-panel .panel-copy .eyebrow,.installation-panel .heading-accent{color:white}
.installation-panel .panel-copy>p:not(.eyebrow){color:#d0d0d0}
.installation-panel .product-links a{border-color:#ffffff40}
.installation-panel .product-links a>span,.installation-panel .product-links a:hover{color:white}
.installation-visual{height:450px;min-height:0;border:6px solid white;box-shadow:18px 18px 0 var(--deep)}
.installation-photo{width:100%;height:100%;object-fit:cover}
.installation-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#001321ee,transparent 75%)}
.photo-top{position:absolute;top:24px;left:24px;right:24px;display:flex;align-items:center;gap:18px}
.photo-top>img{width:145px;height:57px;background:white;padding:10px;object-fit:contain}
.photo-top>span{font-size:9px;font-weight:700;letter-spacing:.1em;color:white;text-shadow:0 1px 5px #000}
.photo-caption{position:absolute;bottom:47px;left:26px;right:26px;display:flex;align-items:flex-end;justify-content:space-between}
.photo-caption>span:first-child{font-family:var(--heading);text-transform:uppercase;font-size:42px;line-height:1}
.photo-arrow{font-size:30px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff80;width:48px;height:48px}
.image-credit{position:absolute;left:26px;bottom:20px;color:#d0d0d0;font-size:9px}
.cables-panel{background:var(--paper)}
.cable-types{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 30px}
.cable-types>a{font-weight:750;font-size:12px;padding:11px 15px;border:1px solid #bdbdbd;background:white}
.cable-types>a:hover{background:var(--navy);color:white;border-color:var(--navy)}
.cable-actions{display:flex;align-items:flex-start;flex-direction:column;gap:17px}
.cable-visual{height:455px;isolation:isolate}
.cable-orbit{position:absolute;inset:25px 0 15px 15px;background:var(--blue);transform:skewY(-4deg);z-index:-1}
.cable-sample{position:absolute;left:0;right:24px;height:141px;padding:18px 24px;background:white;box-shadow:0 14px 24px #0002;border:1px solid var(--line);z-index:2}
.cable-sample>span{font-size:9px;letter-spacing:.1em;font-weight:700;color:var(--muted)}
.cable-sample>img{width:100%;height:65px;object-fit:contain;margin-block:5px}
.cable-sample>strong{font-family:var(--heading);font-size:22px;position:absolute;bottom:10px;right:24px}
.sample-one{top:0;right:35px;transform:rotate(-2deg)}
.sample-two{top:151px;left:30px;right:0;transform:rotate(2deg)}
.sample-three{top:302px;right:24px;transform:rotate(-1deg)}/* Technical downloads remain direct, searchable and readable. */
.technical-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;padding:100px max(48px,calc((100% - 1320px)/2));background:var(--deep);color:white}
.technical-intro>.eyebrow{color:#d0d0d0}
.technical-intro h2{font-size:clamp(56px,5.4vw,80px)}
.technical-intro .heading-accent{color:white}
.technical-intro>p:not(.eyebrow){font-size:14px;color:#c7c7c7;max-width:350px}
.technical-intro .technical-source{font-size:11px!important;color:#b0b0b0!important;max-width:350px;margin-top:26px}
.download-library{background:white;color:var(--ink);padding:30px;box-shadow:12px 12px 0 var(--blue-dark)}
.download-search{display:flex;gap:12px;align-items:center;padding:16px;background:var(--paper);border:1px solid var(--line);margin-bottom:12px}
.download-search>span{font-size:23px;line-height:1;color:var(--blue)}
.download-search input{border:0;outline:none;background:transparent;min-width:0;width:100%;font-size:12px;color:var(--ink)}
.download-search:focus-within{outline:2px solid var(--blue);outline-offset:2px}
.download-search kbd{font-size:11px;border:1px solid #ccc;padding:2px 6px;color:#666}
.download-group{border-bottom:1px solid var(--line)}
.download-group>summary{display:flex;align-items:center;gap:18px;min-height:85px;list-style:none}
.download-group>summary::-webkit-details-marker{display:none}
.cable-code{font-family:var(--heading);font-size:36px;line-height:1;color:var(--blue);width:80px;flex-shrink:0}
.long-code{font-size:25px}
.download-description{font-size:12px;font-weight:700;line-height:1.5}
.download-description>span{display:block;margin-top:5px;font-size:10px;font-weight:400;color:var(--muted)}
.file-count{margin-left:auto;white-space:nowrap;font-size:10px;color:var(--muted)}
.expand-icon{font-size:22px;font-weight:400;color:var(--blue);transition:transform .2s}
.download-group[open] .expand-icon{transform:rotate(45deg)}
.download-files{padding-bottom:14px;display:grid;gap:6px}
.download-files>a{display:flex;justify-content:space-between;align-items:center;gap:18px;background:var(--paper);padding:14px;font-size:12px;font-weight:700}
.download-files>a:hover{background:#e8e8e8}
.download-files small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:5px}
.download-files>a>span:last-child{font-size:10px;color:var(--blue);white-space:nowrap}
.library-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:23px;font-size:10px;color:var(--muted)}
.library-footer>button,.no-results>button{font-size:11px;color:var(--blue);font-weight:700;padding:0}
.no-results{font-size:12px;padding:18px 0;margin:0}
.no-results>button{display:block;margin-top:10px}/* The tagline belongs to the business, not to a numbered chapter. */
.about-section{background:white;padding-block:100px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.about-mark{border-right:1px solid var(--line);padding:5px 65px 15px 0;display:flex;flex-direction:column;justify-content:center}
.about-mark .eyebrow{color:var(--blue)}
.about-statement{font-size:clamp(30px,3.2vw,47px);line-height:1.22;letter-spacing:-.045em;font-weight:700;color:var(--navy);margin-bottom:25px}
.about-mark>p:last-of-type{font-size:13px;color:var(--muted)}
.about-mark>.text-link{align-self:flex-start;margin-top:10px}
.about-copy .eyebrow{color:var(--blue)}
.about-copy h2{font-size:clamp(46px,4.4vw,64px)}
.about-copy p:not(.eyebrow){font-size:14px;color:var(--muted)}
.about-copy .text-link{margin-top:5px}
.enquiry-section{position:relative;background:var(--blue);color:white;padding-block:92px;overflow:clip}
.enquiry-section:before{content:"";position:absolute;inset:0 0 0 61%;background:var(--blue-dark);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}
.enquiry-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:110px;align-items:center}
.enquiry-grid .eyebrow{color:white}
.enquiry-grid h2{font-size:clamp(75px,7.8vw,112px);line-height:.92;margin-bottom:0;position:relative}
.enquiry-grid h2>span{color:white}
.enquiry-grid h2>.enquiry-arrow{position:absolute;right:0;bottom:0;font-size:65px}
.enquiry-copy>p{font-size:14px;color:white;margin-bottom:28px}
.enquiry-phone{display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:var(--heading);font-size:42px;margin:30px 0 9px;max-width:310px}
.enquiry-phone>span{font-family:Manrope,sans-serif;font-size:28px}
.enquiry-email{font-size:13px;color:white;overflow-wrap:anywhere}
.site-footer{background:white;padding-top:65px}
.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.15fr;gap:45px;padding-bottom:55px}
.footer-brand img{width:215px}
.footer-brand p{font-size:11px;color:var(--muted);margin-top:22px}
.footer-grid h3{font-size:12px;margin:4px 0 22px}
.footer-grid>div:not(:first-child)>a,.footer-grid>div>button{display:block;font-size:11px;color:var(--muted);padding:0;margin:0 0 12px}
.footer-grid a:hover,.footer-grid button:hover{color:var(--blue)}
.footer-grid address{font-size:11px;line-height:1.9;font-style:normal;color:var(--muted);margin-bottom:16px}
.footer-bottom{border-top:1px solid var(--line);padding-block:24px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:var(--muted);line-height:1.7}
.footer-bottom>div{display:flex;gap:20px}/* Honest mail-composition workflow; the site does not simulate sending. */
dialog{padding:0;border:1px solid var(--line);border-top:5px solid var(--blue);border-radius:0;color:var(--ink);max-width:min(570px,calc(100% - 32px));width:570px;max-height:90svh;box-shadow:0 25px 100px #0005}
dialog::backdrop{background:#001321bb;backdrop-filter:blur(5px)}
.quote-dialog-inner{position:relative;padding:35px}
.dialog-close{position:absolute;right:20px;top:14px;font-size:29px;color:var(--muted)}
.quote-dialog-inner .eyebrow{font-size:10px;color:var(--blue);margin:0 0 14px}
.quote-dialog-inner h2{font-size:43px;margin-bottom:12px}
.quote-intro{font-size:13px;color:var(--muted);margin-bottom:24px}
#quote-form{display:grid;gap:15px}
#quote-form label{display:grid;gap:7px;font-size:12px;font-weight:700}
#quote-form input,#quote-form select,#quote-form textarea{width:100%;min-width:0;border:1px solid #c5c5c5;background:var(--paper);padding:11px;font-size:14px;color:var(--ink);border-radius:0}
#quote-form textarea{resize:vertical;min-height:100px;line-height:1.5}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.email-explanation{font-size:11px;line-height:1.6;margin:0;color:var(--muted)}
.copy-enquiry{padding:0;text-align:left;font-size:12px;color:var(--blue);text-decoration:underline;width:fit-content}
#quote-status{font-size:12px;color:var(--blue);margin:0}
.dialog-call{display:block;border-top:1px solid var(--line);padding-top:20px;margin-top:22px;font-size:12px;font-weight:700}
@media(max-width:1150px){
.shell{width:calc(100% - 64px)}
.hero-grid{gap:48px;padding-block:52px;min-height:650px}
.hero h1{font-size:86px}
.stage-product{padding:25px}
.stage-header{gap:15px}
.stage-header>img{width:122px}
.stage-header>span{font-size:8px}
.stage-image{height:270px}
.hero-actions{gap:22px}
.hero-actions .button{padding:16px 20px;font-size:12px}
.hero-actions .text-link{font-size:12px;gap:16px}
.brands-section{gap:55px}
.brand-tile{min-height:128px}
.brand-tile>img{width:115px}
.brand-tile>span{font-size:8px}
.panel-grid{gap:60px}
.range-panel{padding-block:65px}
.panel-copy h2{font-size:62px}
.panel-copy>p:not(.eyebrow){font-size:13px}
.siemens-visual{padding:26px}
.siemens-image{height:230px}
.installation-visual{height:420px}
.photo-top>span{display:none}
.cable-sample{padding-inline:20px}
.technical-section{gap:60px;padding:85px 32px}
.download-library{padding:23px}
.download-description{font-size:11px}
.download-group>summary{gap:13px}
.cable-code{width:68px;font-size:32px}
.long-code{font-size:21px}
.about-grid{gap:60px}
.about-mark{padding-right:40px}
.enquiry-grid{gap:75px}
.enquiry-grid h2>.enquiry-arrow{display:none}
.footer-grid{gap:30px}
.footer-bottom{font-size:9px}}
@media(max-width:959px){
.shell{width:calc(100% - 48px)}
.hero-grid{gap:35px;grid-template-columns:1fr 1.05fr}
.hero h1{font-size:75px}
.hero-tagline{font-size:24px}
.hero-copy>.eyebrow{font-size:9px}
.hero-actions{gap:18px;flex-wrap:wrap}
.stage-product{padding:22px}
.stage-header{align-items:flex-start;flex-direction:column;gap:10px}
.stage-header>img{width:130px}
.stage-image{height:240px}
.stage-backplate{right:-12px;left:30px}
.brands-section{gap:40px;grid-template-columns:.82fr 1.18fr;padding-block:75px 85px}
.brands-intro h2{font-size:45px}
.brand-tile{min-height:120px;padding:17px 9px;gap:16px}
.brand-tile>img{width:99px;height:38px}
.brand-tile .brand-lovato{width:103px;height:43px}
.brand-tile .brand-abb{width:74px;height:31px}
.brand-tile .brand-rittal{width:35px;height:47px}
.brand-tile .brand-eland{width:35px;height:49px}
.brand-tile>span{font-size:7px;gap:5px}
.section-heading{gap:40px;padding-block:50px 38px}
.section-heading h2{font-size:49px}
.section-heading>p{max-width:270px}
.section-heading .eyebrow{font-size:9px}
.panel-grid{gap:40px;min-height:420px}
.panel-copy h2{font-size:55px}
.panel-copy .button{padding:16px 18px;font-size:11px;gap:20px}
.product-links{gap:0 17px}
.product-links a{font-size:10px}
.siemens-visual{padding:22px;margin-right:10px;box-shadow:14px 14px 0 var(--blue)}
.siemens-stamp>img{width:130px}
.siemens-stamp>span{font-size:8px}
.siemens-image{height:210px}
.installation-visual{height:405px;box-shadow:13px 13px 0 var(--deep)}
.photo-top{left:18px;top:18px}
.photo-top>img{width:125px;height:49px}
.photo-caption{left:21px;right:21px}
.photo-caption>span:first-child{font-size:34px}
.image-credit{left:21px;font-size:8px}
.cable-visual{height:415px}
.cable-sample{height:129px;padding:17px}
.cable-sample>span{font-size:8px}
.cable-sample>img{height:52px}
.cable-sample>strong{font-size:20px;right:17px}
.sample-one{right:20px}
.sample-two{top:137px;left:20px;right:0}
.sample-three{top:274px;right:12px}
.cable-types{gap:7px}
.cable-types>a{padding:9px 12px;font-size:11px}
.cable-actions>.text-link{font-size:12px}
.technical-section{padding:75px 24px;gap:40px;grid-template-columns:.8fr 1.2fr}
.technical-intro h2{font-size:58px}
.technical-intro>p:not(.eyebrow){font-size:13px}
.download-library{padding:21px 18px;box-shadow:8px 8px 0 var(--blue-dark)}
.download-group>summary{gap:10px}
.cable-code{width:61px;font-size:31px}
.long-code{font-size:19px}
.download-description{font-size:10px}
.file-count{font-size:9px}
.download-search{padding:14px 11px}
.download-search input{font-size:11px}
.download-files>a{font-size:11px}
.library-footer{font-size:9px;align-items:flex-start}
.library-footer>button{font-size:10px}
.about-section{padding-block:75px}
.about-grid{gap:45px}
.about-copy h2{font-size:48px}
.about-copy p:not(.eyebrow){font-size:13px}
.enquiry-section{padding-block:75px}
.enquiry-grid{gap:50px;grid-template-columns:1fr 1fr}
.enquiry-grid h2{font-size:76px}
.enquiry-copy>p{font-size:13px}
.enquiry-email{font-size:11px}
.enquiry-phone{font-size:37px}
.footer-grid{gap:25px}
.footer-brand img{width:180px}
.footer-brand p{font-size:10px}
.footer-grid>div:not(:first-child)>a,.footer-grid>div>button,.footer-grid address{font-size:10px}
.footer-bottom>div{gap:13px}}
@media(max-width:760px){
html{scroll-padding-top:94px}
.shell{width:calc(100% - 40px)}
.hero:before{inset:48% 0 0 0;clip-path:polygon(35% 0,100% 0,100% 100%,0 100%)}
.hero-grid{grid-template-columns:1fr;gap:40px;padding-block:43px 30px;min-height:0}
.hero-copy>.eyebrow{font-size:9px;margin-bottom:22px}
.hero h1{font-size:clamp(75px,18.3vw,108px);line-height:.88;margin-bottom:26px}
.hero-tagline{font-size:26px;line-height:1.3;margin-bottom:23px;padding-left:16px}
.hero-actions{gap:25px;flex-wrap:wrap}
.hero-actions .button{font-size:12px;padding:17px 20px;gap:22px}
.hero-actions .text-link{font-size:12px;gap:15px}
.hero-stage{width:min(540px,100%);margin:auto;padding:18px 0 0}
.stage-product{padding:23px}
.stage-header{flex-direction:row;align-items:center;gap:16px}
.stage-header>img{width:120px;height:27px}
.stage-header>span{font-size:7px;max-width:100px;text-align:right;line-height:1.6}
.stage-image{height:auto;aspect-ratio:1.65;object-fit:contain;margin:17px 0 12px}
.stage-backplate{inset:0 -10px 45px 25px}
.brands-section{grid-template-columns:1fr;gap:32px;padding-block:60px 75px}
.brands-intro h2{font-size:clamp(44px,12vw,64px);margin-bottom:22px}
.brands-intro>.eyebrow{font-size:10px;margin-bottom:18px}
.brands-intro>p:not(.eyebrow){font-size:14px;max-width:400px;margin-bottom:15px}
.brands-intro .text-link{margin-top:5px}
.brand-wall{margin-right:8px;box-shadow:9px 9px 0 var(--paper)}
.brand-tile{min-height:116px;padding:16px 9px;gap:14px}
.brand-tile>img{width:100px;height:39px}
.brand-tile .brand-lovato{width:100px;height:40px}
.brand-tile>span{font-size:7px;gap:4px}
.brand-tile>span>span{font-size:12px}
.brand-tile .brand-rittal{width:36px;height:49px}
.brand-tile .brand-eland{width:36px;height:50px}
.brand-tile .brand-abb{width:72px;height:31px}
.section-heading{display:block;padding-block:45px 34px}
.section-heading .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:16px}
.section-heading h2{font-size:48px;max-width:420px}
.section-heading>p{font-size:13px;max-width:400px;margin:22px 0 0}
.range-panel{padding-block:55px 70px;min-height:0}
.range-stack[data-mr-cover-active]>.range-panel{top:76px}
.panel-grid{grid-template-columns:1fr;min-height:0;gap:43px}
.panel-copy .eyebrow{font-size:10px;margin-bottom:20px}
.panel-copy h2{font-size:clamp(54px,13vw,74px);margin-bottom:24px}
.panel-copy>p:not(.eyebrow){font-size:14px;max-width:470px}
.product-links{max-width:470px;gap:0 23px}
.product-links a{font-size:12px;padding-block:15px}
.panel-copy .button{padding:17px 22px;font-size:12px}
.siemens-panel:before{inset:47% 0 0 0}
.panel-visual{width:min(500px,100%);margin-inline:auto;min-height:0}
.siemens-visual{width:calc(100% - 16px);margin-right:13px;padding:27px;box-shadow:14px 14px 0 var(--blue)}
.siemens-stamp>img{width:145px;height:32px}
.siemens-stamp>span{font-size:8px}
.siemens-image{height:210px}
.installation-panel:before{inset:50% 0 0 0}
.installation-visual{height:400px;width:calc(100% - 15px);border-width:5px;box-shadow:12px 12px 0 var(--deep)}
.photo-top{left:21px;top:21px;gap:14px}
.photo-top>img{width:132px;height:52px}
.photo-top>span{display:block;font-size:8px}
.photo-caption{bottom:48px;left:23px;right:23px}
.photo-caption>span:first-child{font-size:39px}
.image-credit{left:23px;bottom:20px;font-size:8px}
.cable-visual{height:430px;margin-top:5px}
.cable-sample{height:135px;left:3px;right:21px;padding:18px 20px}
.cable-sample>span{font-size:9px}
.cable-sample>img{height:56px}
.cable-sample>strong{font-size:21px;bottom:10px;right:20px}
.sample-two{top:143px;left:22px;right:0}
.sample-three{top:286px;right:14px}
.cable-types>a{font-size:12px;padding:10px 14px}
.cable-actions{gap:17px}
.technical-section{grid-template-columns:1fr;padding:65px 20px 75px;gap:35px}
.technical-intro h2{font-size:clamp(54px,14vw,70px)}
.technical-intro>.eyebrow{font-size:10px}
.technical-intro>p:not(.eyebrow){font-size:14px;max-width:420px}
.technical-intro .technical-source{font-size:11px!important;max-width:390px!important}
.download-library{padding:20px 17px 24px;margin-right:7px;box-shadow:7px 7px 0 var(--blue-dark)}
.download-search{padding:14px 10px}
.download-search input{font-size:16px}
.download-search input::placeholder{font-size:10px}
.download-search kbd{display:none}
.download-group>summary{gap:11px;min-height:83px}
.cable-code{font-size:32px;width:67px}
.long-code{font-size:20px}
.download-description{font-size:11px}
.download-description>span{font-size:9px}
.file-count{font-size:9px}
.download-files>a{font-size:12px;padding:13px}
.download-files small{font-size:10px}
.download-files>a>span:last-child{font-size:10px}
.library-footer{gap:10px;font-size:10px}
.library-footer>button{font-size:10px}
.about-section{padding-block:65px}
.about-grid{grid-template-columns:1fr;gap:40px}
.about-mark{border-right:0;border-bottom:1px solid var(--line);padding:0 0 35px}
.about-statement{font-size:38px;line-height:1.2}
.about-copy h2{font-size:54px}
.about-copy p:not(.eyebrow){font-size:14px}
.enquiry-section{padding-block:65px}
.enquiry-section:before{inset:38% 0 0 0}
.enquiry-grid{grid-template-columns:1fr;gap:30px}
.enquiry-grid h2{font-size:clamp(66px,16vw,94px)}
.enquiry-copy{max-width:450px}
.enquiry-copy>p{font-size:14px}
.enquiry-phone{font-size:42px;max-width:290px}
.enquiry-email{font-size:12px}
.site-footer{padding-top:45px}
.footer-grid{grid-template-columns:1fr 1fr;gap:30px 24px;padding-bottom:35px}
.footer-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:23px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.footer-brand img{width:180px}
.footer-brand p{margin:0;font-size:10px;max-width:155px}
.footer-grid h3{font-size:12px;margin-bottom:19px}
.footer-grid>div:not(:first-child)>a,.footer-grid>div>button,.footer-grid address{font-size:11px}
.footer-grid>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}
.footer-bottom{display:block;font-size:9px;padding-block:20px 25px}
.footer-bottom>div{margin-top:16px;gap:20px;flex-wrap:wrap}
.quote-dialog-inner{padding:30px 22px}
.quote-dialog-inner h2{font-size:39px}
.form-pair{gap:12px}
#quote-form input,#quote-form select,#quote-form textarea{font-size:16px}}
@media(max-width:370px){
.shell{width:calc(100% - 32px)}
.hero h1{font-size:70px}
.hero-copy>.eyebrow{font-size:8px}
.hero-tagline{font-size:24px}
.hero-actions{gap:18px}
.hero-actions .button{padding:15px 17px;font-size:11px}
.hero-actions .text-link{font-size:11px;gap:10px}
.stage-product{padding:18px}
.stage-header>img{width:107px}
.brand-tile{min-height:105px;padding:13px 7px}
.brand-tile>img{width:86px}
.brand-tile>span{font-size:6px}
.brand-tile .brand-lovato{width:87px}
.brand-tile .brand-abb{width:65px}
.technical-section{padding-inline:16px}
.download-library{padding-inline:12px}
.download-group>summary{gap:8px}
.cable-code{width:57px}
.download-description{font-size:10px}
.file-count{font-size:8px}
.about-statement{font-size:34px}
.footer-brand img{width:160px}
.footer-brand p{font-size:9px}
.photo-top>span{display:none}}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
.stage-product,.siemens-image,.cable-visual{transform:none!important}}