@import url('/assets/site-v2.css');
:root{--ink:#102331;--muted:#51636d;--cyan:#009cbd;--paper:#f2f6f7;--line:#d6e3e7}
body{background:#f8fafb;color:#102331}
.topline{background:#102331;color:#b8cbd1;border-bottom:1px solid #3a505c}.topline span:first-child{color:#53cde3}
.header{background:#fff;box-shadow:0 12px 36px #142c3c10;border-bottom:1px solid #e4eff1}
.header:after{content:'';position:absolute;bottom:-2px;left:5%;width:64px;height:3px;background:var(--cyan)}
.brand-logo{width:174px;height:58px}.brand-name{color:#687d87}
.nav{font-size:.83rem;text-transform:uppercase;letter-spacing:.025em}.nav>a:last-child{background:#102331;color:#fff;padding:12px 17px}.nav>a:last-child:hover{background:var(--cyan);color:#fff}
.dropdown{border-top:3px solid var(--cyan);box-shadow:0 24px 55px #0b233233}
.button{background:var(--cyan);box-shadow:0 9px 22px #019bbd35;border-radius:2px;text-transform:uppercase;letter-spacing:.055em;font-size:.79rem}.button:hover{background:#007e9b;box-shadow:0 13px 28px #019bbd49}.button-dark{background:#102331;box-shadow:0 9px 22px #0d25313a}.button-dark:hover{background:#006e87}
.eyebrow{color:#0a92ae}.eyebrow span{color:#9fb5bd}
.hero{height:clamp(660px,79svh,850px);background:#102331}
.slide{grid-template-columns:51% 49%}
.hero-copy{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 85%,#23455b 0,transparent 43%),linear-gradient(130deg,#0e1d29,#152d3c);color:#fff;padding-left:max(10%,calc((100vw - 1450px)/2));padding-right:9%;z-index:1}
.hero-copy:before{content:'R / E';position:absolute;bottom:-76px;left:8%;font:800 clamp(8rem,21vw,22rem) Manrope,sans-serif;letter-spacing:-.12em;white-space:nowrap;color:#ffffff06;pointer-events:none}
.hero-copy:after{content:'';width:220px;height:220px;position:absolute;top:-120px;right:-120px;border:1px solid #6cc9d737;border-radius:50%;box-shadow:0 0 0 75px #64b9cb09,0 0 0 150px #64b9cb07}
.hero-copy .eyebrow{color:#7de0ef;position:relative;z-index:1}.hero-copy .eyebrow span{color:#7de0ef}
.hero-copy h1{font-size:clamp(3.6rem,5.5vw,6.6rem);font-weight:800;line-height:1.05;margin:30px 0;max-width:670px;position:relative;z-index:1;text-wrap:balance}
.hero-copy p{color:#c7dbe0;font-size:1.15rem;position:relative;z-index:1}.hero-copy .button{position:relative;z-index:1}
.hero-image{position:relative;isolation:isolate;background:radial-gradient(circle at 52% 48%,#fff 0 25%,#e4f6fa 25% 48%,#cceaf0 48% 72%,#a9d9e3 100%);display:grid;place-items:center;overflow:hidden}
.hero-image:before{content:'';position:absolute;inset:6%;background-image:linear-gradient(#096f8b12 1px,transparent 1px),linear-gradient(90deg,#096f8b12 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent,#000 22%,#000 80%,transparent);z-index:-1}
.hero-image:after{content:'RUNN  /  ELECTRIC';position:absolute;right:8%;top:9%;font:800 .62rem Manrope;letter-spacing:.25em;color:#447a8b}
.hero-image img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;padding:65px 9% 75px;filter:drop-shadow(0 32px 28px #16465b4d);transition:transform 1.5s ease}
.slide.is-active .hero-image img{transform:translateY(-5px)}
.hero-controls{background:#102331;color:#fff;border-top:1px solid #ffffff2e;padding:20px 5%}.slide-label{color:#cfebf1}.progress-track{background:#ffffff3b}.hero-controls button{border-color:#ffffff51;background:#203e50;color:#fff}.hero-controls button:hover{background:var(--cyan)}
.intro{padding-top:130px;padding-bottom:125px;background:#fff;position:relative}.intro:before{content:'01';position:absolute;right:4.5%;top:53px;font:800 clamp(5rem,10vw,10rem) Manrope;color:#dceef264;line-height:1}.intro h2{font-weight:800}.intro p{border-left:3px solid var(--cyan);padding-left:24px}
.features-section{background:#edf3f5}.section-heading h2{font-weight:800}
.feature-card{border:1px solid #dfebee;box-shadow:0 8px 35px #1b4d6010;background:#fff}.feature-card:hover{box-shadow:0 22px 44px #16465927}.card-image{height:330px;position:relative;background:radial-gradient(circle at 50% 50%,#fff,#e7f5f8 80%);padding:25px}.card-image:after{content:'';position:absolute;right:18px;top:18px;width:28px;height:28px;border-top:2px solid #68bfd0;border-right:2px solid #68bfd0}.card-image img{object-fit:contain;filter:drop-shadow(0 15px 14px #1f536142);transition:transform .4s}.feature-card:hover img{transform:scale(1.055)}.card-copy{border-top:1px solid #e5eef0;min-height:165px}.card-copy h3{font-weight:800}.card-copy>span{background:#eaf8fa;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;right:17px;bottom:19px}
.wide-story{background:#102838;color:#fff;min-height:620px}.wide-story>div:first-child{background:radial-gradient(circle at 50% 50%,#fff,#c6e5ed);padding:45px}.wide-story img{object-fit:contain;filter:drop-shadow(0 12px 15px #1c4b5a40)}.wide-story>div:last-child{background:radial-gradient(circle at 100% 0,#1a4b62,#102838 70%)}.wide-story h2{font-weight:800}.wide-story p{color:#bdd0d6}.wide-story .eyebrow{color:#59cce2}.wide-story .button-outline{background:transparent;color:#fff;border-color:#85dbe9}.wide-story .button-outline:hover{background:var(--cyan)}
.cta-panel{background:linear-gradient(120deg,#05a6c5,#047e9c);color:#fff;position:relative;overflow:hidden;margin-top:105px;margin-bottom:105px;box-shadow:0 24px 48px #045d7638}.cta-panel:after{content:'';position:absolute;right:13%;top:-150px;width:360px;height:360px;border:1px solid #ffffff36;border-radius:50%;pointer-events:none;box-shadow:0 0 0 64px #ffffff0b,0 0 0 130px #ffffff09}.cta-panel .eyebrow,.cta-panel .eyebrow span,.cta-panel h2 em,.cta-panel p{color:#fff}.cta-panel h2{font-weight:800}.cta-panel .button-dark{background:#102331;position:relative;z-index:1}
.page-hero{min-height:400px;background:radial-gradient(circle at 68% 40%,#285c72 0,transparent 42%),linear-gradient(125deg,#0b1b28,#172f3e);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;padding-top:75px;padding-bottom:75px}.page-hero:before{content:'';position:absolute;right:16%;top:-65%;width:680px;height:680px;border-radius:50%;border:1px solid #82deee38;box-shadow:0 0 0 68px #82deee0c,0 0 0 135px #82deee08;pointer-events:none}.page-hero-inner{width:60%;position:relative;z-index:2}.page-hero h1{font-size:clamp(3.1rem,5.7vw,6.8rem);margin:17px 0 17px;font-weight:800;text-wrap:balance}.page-hero p{color:#cbdee5;max-width:650px}.page-hero .eyebrow{color:#65d1e5}.page-hero .eyebrow span{color:#9bb7c0}.page-hero-photo{position:absolute;right:max(5%,calc((100vw - 1450px)/2));bottom:-9%;width:37%;height:118%;display:grid;place-items:center;pointer-events:none}.page-hero-photo img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 22px 28px #0006)}
.listing{padding-top:95px;padding-bottom:55px}.about-columns{background:#fff;padding-top:100px;padding-bottom:65px}.about-columns>div:first-child{padding-right:5%;border-right:1px solid var(--line)}.about-columns h2,.long-copy h2{color:#0e5368;font-weight:800}.about-columns p,.long-copy p{color:#425b66}.about-columns p:first-child{font-size:1.2rem;color:#142b37}
.model-list,.accessory-list{padding-top:65px;padding-bottom:45px}.model-card,.accessory-card{border-bottom:1px solid #ccdce2;padding:55px 0}.model-photo,.accessory-photo{height:460px;background:radial-gradient(circle at 50% 45%,#fff 0,#e7f4f6 75%);border:1px solid #d8e9ee;position:relative}.model-photo:before,.accessory-photo:before{content:'RUNN / ELECTRIC';position:absolute;left:20px;top:15px;font:800 .62rem Manrope;color:#6e9dad;letter-spacing:.19em}.model-photo img,.accessory-photo img{object-fit:contain;filter:drop-shadow(0 18px 16px #27536638);mix-blend-mode:normal}.model-text h2,.accessory-card h2{font-weight:800}.model-index{display:inline-block;padding:8px 12px;background:#dff4f8;color:#007a98}.model-card .spec{display:inline-block;margin-right:12px;margin-bottom:8px;padding:6px 10px;border:1px solid #d7e6e9;font-size:.85rem;background:#fff}.model-card .text-link,.accessory-card .text-link{margin-top:18px}
.integration-layout,.editorial-split{padding-top:100px;padding-bottom:65px}.integration-gallery img,.editorial-split>div>img,.service-photo img{background:#eaf2f4;border:1px solid #dae7eb;box-shadow:0 12px 35px #133e5020}.integration-gallery img{padding:10px}.integration-item{padding:10px 15px;background:#eaf5f7;border-left-color:var(--cyan)}
.brochure-layout{padding-top:90px}.brochure-layout iframe{box-shadow:0 17px 40px #123a4c26}.brochure-layout>div{background:#eaf5f7;padding:25px;align-self:start}.brochure-layout h2{color:#0d3b4e}
.contact-layout{padding-top:100px}.contact-info{padding:25px 0}.contact-detail h2{font-weight:800}.enquiry-form{background:#fff;border-top:5px solid var(--cyan);box-shadow:0 23px 65px #20465820}.form-head h2{font-weight:800}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:2px solid #00a6c8;outline-offset:0;border-color:#00a6c8}
.footer{background:#0b1c29}.footer .brand-logo{background:#fff;border-radius:2px;padding:4px}.footer-main b{color:#65d0e5}
@media(max-width:1100px){.brand-logo{width:145px;height:50px}.nav{font-size:.69rem;gap:10px}.card-image{height:255px}.page-hero-photo{width:39%}}
@media(max-width:760px){.topline{height:25px}.header{height:72px}.header:after{bottom:-1px}.brand-logo{width:134px;height:46px}.brand-name{font-size:.47rem}.nav{font-size:.92rem}.nav>a:last-child{margin-top:14px;padding:14px}.hero{height:770px}.slide{grid-template-columns:1fr;grid-template-rows:51% 49%}.hero-copy{padding:45px 6% 32px}.hero-copy h1{font-size:clamp(2.65rem,10vw,4.8rem);margin:15px 0}.hero-copy p{font-size:.95rem}.hero-copy:before{font-size:8rem;bottom:-12px}.hero-image img{padding:25px 12% 50px}.hero-controls{padding:11px 5%}.intro{padding-top:80px;padding-bottom:75px}.intro:before{top:5px}.card-image{height:280px}.wide-story{min-height:0}.wide-story>div:first-child{height:370px;padding:15px}.wide-story>div:last-child{padding:55px 6%}.cta-panel{margin-top:65px;margin-bottom:65px}.page-hero{min-height:420px;padding-top:58px;padding-bottom:160px;align-items:flex-start}.page-hero-inner{width:100%}.page-hero h1{font-size:clamp(2.8rem,11vw,5rem)}.page-hero p{font-size:1rem;width:75%;position:relative;z-index:2}.page-hero-photo{right:-2%;bottom:-18%;height:70%;width:52%;opacity:.9}.page-hero-photo img{object-position:bottom}.about-columns{padding-top:70px}.about-columns>div:first-child{border:0;padding-right:0}.model-card,.accessory-card{padding:35px 0}.model-photo,.accessory-photo{height:320px}.integration-layout,.editorial-split{padding-top:60px}.contact-layout{padding-top:60px}}

/* 2026 editorial refresh: brighter tones, bounded catalogue images, readable navigation. */
:root{--ink:#102b39;--muted:#486775;--cyan:#009fc0;--paper:#eef8fa;--line:#cbdfe6}
body{background:#f9fcfd}
.nav{font-size:1rem;letter-spacing:.012em;gap:clamp(14px,1.5vw,28px);font-weight:800}
.nav>a:last-child{padding:14px 20px}
.dropdown a{font-size:.94rem}
.hero{height:clamp(720px,84svh,950px)}
.slide{grid-template-columns:51% 49%}
.hero-copy{padding:56px 7% 112px max(7%,calc((100vw - 1450px)/2));background:radial-gradient(circle at 10% 80%,#37728a22 0,transparent 44%),linear-gradient(140deg,#123144,#234f62);overflow:visible;min-width:0}
.hero-copy h1{font-size:clamp(3.1rem,4.75vw,5.85rem);line-height:1.09;margin:23px 0 17px;max-width:660px}
.hero-copy p{margin:0 0 8px}
.hero-copy .button{margin-top:25px;flex-shrink:0}
.hero-image{min-width:0;background:radial-gradient(circle at center,#fff 7%,#e8f7fa 68%,#ceeaf1 100%)}
.hero-image img{max-height:100%;max-width:100%;box-sizing:border-box}
.hero-controls{padding:17px 5%}
.page-hero{background:radial-gradient(circle at 78% 50%,#317e9580 0,transparent 42%),linear-gradient(125deg,#123144,#27586c);min-height:430px}
.page-hero-inner{max-width:700px;width:58%}
.page-hero h1{font-size:clamp(3rem,5vw,6rem)}
.page-hero-photo{right:4%;bottom:0;width:39%;height:100%;overflow:hidden}
.page-hero-photo img{max-width:100%;max-height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 20px #16374838)}
.model-card,.accessory-card{grid-template-columns:minmax(0,44%) minmax(0,1fr);gap:7%}
.model-card:nth-child(even),.accessory-card:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,44%)}
.model-card>*,.accessory-card>*{min-width:0}
.model-photo,.accessory-photo{height:430px;min-width:0;max-width:100%;overflow:hidden;box-sizing:border-box;background:#edf8fa;isolation:isolate}
.model-photo img,.accessory-photo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;filter:none;mix-blend-mode:normal}
.accessory-photo:before,.model-photo:before{z-index:1}
.integration-gallery,.service-photo,.editorial-split>div{min-width:0;overflow:hidden}
.integration-gallery img,.service-photo img,.editorial-split>div>img{display:block;max-width:100%}
.feature-card{border-radius:4px;overflow:hidden;box-shadow:0 18px 45px #12557713}
.cta-panel{background:linear-gradient(120deg,#20b9cd,#0386a9);box-shadow:0 22px 60px #098caa40}
@media(max-width:1170px){.nav{gap:11px;font-size:.86rem}.brand-logo{width:150px;height:51px}.brand-name{display:none}}
@media(max-width:980px){.menu-toggle{display:flex;border:0;background:transparent;flex-direction:column;gap:5px}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:24px 5%;flex-direction:column;align-items:stretch;box-shadow:0 20px 30px #122c3b22;z-index:10}.nav.is-open{display:flex}.dropdown{position:static;display:block;box-shadow:none;border-top:0;padding:0 0 8px 15px}.nav-group>a{display:block;padding:11px 0}.nav>a{padding:11px 0}.nav>a:last-child{align-self:flex-start}}
@media(max-width:760px){.hero{height:880px}.slide{grid-template-columns:1fr;grid-template-rows:60% 40%}.hero-copy{padding:38px 6% 30px;justify-content:flex-start}.hero-copy h1{font-size:clamp(2.7rem,9.5vw,4.7rem);margin:18px 0 12px}.hero-copy p{font-size:1rem}.hero-copy .button{margin-top:17px}.hero-image img{padding:13px 10% 58px}.page-hero{min-height:455px;padding:48px 5% 170px}.page-hero-inner{width:100%}.page-hero h1{font-size:clamp(2.6rem,10vw,4.5rem)}.page-hero-photo{right:-2%;bottom:0;width:65%;height:46%}.model-photo,.accessory-photo{height:330px}.model-card,.accessory-card,.model-card:nth-child(even),.accessory-card:nth-child(even){grid-template-columns:1fr;gap:25px}.model-card:nth-child(even)>:first-child,.accessory-card:nth-child(even)>:first-child{order:0}}
@media(max-width:420px){.hero{height:895px}.slide{grid-template-rows:62% 38%}.hero-copy h1{font-size:2.8rem}.hero-controls{padding:8px 4%}.slide-label{min-width:140px;font-size:.55rem}.page-hero-photo{width:76%;height:42%}}

/* Brochures render as full-width pages without third-party frames. */
.brochure-reader{padding-top:90px;padding-bottom:115px;max-width:1450px;margin:auto}
.brochure-reader-head{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:0 0 32px;border-bottom:1px solid var(--line);margin-bottom:35px}
.brochure-reader-head h2{font-size:clamp(2rem,4vw,4rem);margin:18px 0 10px}
.brochure-reader-head p{color:var(--muted);font-size:1.07rem;margin:0}
.brochure-pages{display:grid;gap:42px;max-width:1160px;margin:0 auto}
.brochure-page{background:#fff;margin:0;box-shadow:0 18px 45px #16465b21;border:1px solid #deebee}
.brochure-page img{display:block;width:100%;height:auto;max-width:100%;background:#fff;cursor:zoom-in}
.brochure-page figcaption{padding:14px 22px;text-align:right;color:#458092;font:800 .68rem Manrope,sans-serif;letter-spacing:.16em}
.brochure-awaiting{max-width:1160px;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;background:#e9f7fa;border:1px solid #cee5ea;align-items:center;overflow:hidden}
.brochure-awaiting img{display:block;width:100%;height:520px;object-fit:cover}
.brochure-awaiting>div{padding:clamp(28px,5vw,80px)}
.brochure-awaiting strong{font:800 clamp(1.6rem,2.5vw,2.8rem) Manrope,sans-serif;line-height:1.15}
.brochure-awaiting p{color:var(--muted);line-height:1.7}
@media(max-width:760px){.brochure-reader{padding-top:55px;padding-bottom:75px}.brochure-reader-head{display:block}.brochure-reader-head .text-link{margin-top:20px}.brochure-pages{gap:23px}.brochure-awaiting{grid-template-columns:1fr}.brochure-awaiting img{height:270px}}
@media(max-width:980px){.nav.open{display:flex}}
.model-photo,.accessory-photo{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}

/* Pearl, cobalt and polished metal visual system. Preserve the supplied logo artwork. */
:root{--ink:#132c3b;--muted:#496573;--cyan:#007eac;--line:#d4e3e9;--paper:#f1f8fa}
body{background:radial-gradient(circle at 75% 0,#eaf8fb 0,transparent 27%),#fbfdfd}
.topline{background:linear-gradient(90deg,#143e59,#0d637f);color:#d4f2f7}.topline span:first-child{color:#fff}
.header{background:#ffffffee;backdrop-filter:blur(18px);box-shadow:0 10px 40px #1e567419}
.header:after{background:linear-gradient(90deg,#e63f3d,#109fc1);width:95px}
.nav{font-size:clamp(.9rem,1.02vw,1.04rem);gap:clamp(12px,1.35vw,28px);letter-spacing:0}
.nav a[aria-current]{color:#006e94}.nav>a:last-child{background:linear-gradient(135deg,#145c81,#028caf);border-radius:5px;box-shadow:0 10px 25px #0d789d29}
.nav>a:last-child:hover{background:#0b5a7c}.dropdown{border-top-color:#e9423f;border-radius:0 0 9px 9px}
.button{background:linear-gradient(122deg,#08678f,#00a8c4);border:1px solid #ffffff42;border-radius:5px;box-shadow:inset 0 1px #ffffff70,0 12px 25px #0a799d35;font-size:.83rem;padding:16px 23px;letter-spacing:.035em}
.button:hover{background:linear-gradient(122deg,#074969,#088eae);box-shadow:inset 0 1px #ffffff70,0 19px 35px #0a799d45}
.hero{background:#e5f2f6}
.hero-copy{background:radial-gradient(circle at 11% 84%,#cfeff3 0,transparent 45%),linear-gradient(130deg,#f9fcfd,#e5f2f7 75%,#cfe8f0);color:#123548;box-shadow:inset -1px 0 #a5d5e5}
.hero-copy:before{color:#12708e0c}.hero-copy:after{border-color:#16a6c133;box-shadow:0 0 0 75px #38b5d013,0 0 0 150px #38b5d00b}
.hero-copy .eyebrow,.hero-copy .eyebrow span{color:#087c9b}.hero-copy .eyebrow:before{content:'';width:22px;height:3px;background:#eb4845}
.hero-copy h1{color:#112d3c;max-width:700px;text-shadow:0 1px #fff;letter-spacing:-.065em}
.hero-copy p{color:#3c6677}.hero-copy .button{margin-bottom:10px}
.hero-image{background:radial-gradient(circle at 49% 45%,#fff 0 22%,#ebf8fb 23% 42%,#b9dce7 90%)}
.hero-image:before{background-size:40px 40px;background-image:linear-gradient(#3685a51e 1px,transparent 1px),linear-gradient(90deg,#3685a51e 1px,transparent 1px)}
.hero-image:after{color:#34748d;top:8%}
.hero-image img{padding:clamp(40px,5.5vw,92px) 7% 105px;filter:drop-shadow(0 25px 16px #21556855);object-fit:contain;max-width:100%;max-height:100%}
.hero-controls{background:linear-gradient(90deg,#0d3b56,#145d7b);border-top-color:#97cfdf55;box-shadow:0 -5px 25px #225b6b14}
.hero-controls button{background:#ffffff18;border-color:#a8dce899}
.intro{background:linear-gradient(#fff,#f8fcfd)}.features-section{background:linear-gradient(160deg,#edf6f9,#f8fcfd 58%,#e4f1f5)}
.feature-card{border-radius:9px;box-shadow:0 19px 48px #174d691c;transition:transform .25s,box-shadow .25s}
.feature-card:hover{transform:translateY(-7px);box-shadow:0 28px 60px #174d6930}
.card-image{background:radial-gradient(circle at 48% 42%,#fff 5%,#e8f5f8 87%)}
.card-image img{object-fit:contain}.card-copy{background:linear-gradient(180deg,#fff,#f9fcfd)}
.wide-story{background:#10364c}.wide-story>div:first-child{background:radial-gradient(circle,#fff,#dbf0f6)}
.wide-story>div:last-child{background:radial-gradient(circle at 100% 0,#246b84,#10364c 67%)}
.cta-panel{background:radial-gradient(circle at 70% -20%,#74d4e1,transparent 38%),linear-gradient(105deg,#0b557b,#0499b8);border-radius:11px;box-shadow:0 25px 65px #136e8d46}
.page-hero{background:radial-gradient(circle at 82% 50%,#a4d7e8 0,transparent 38%),linear-gradient(115deg,#f9fdfd,#e4f2f6 70%,#d0e9f1);color:#102f42;border-bottom:1px solid #c3dfe8;min-height:450px}
.page-hero:before{border-color:#36a2c535;box-shadow:0 0 0 68px #36a2c50c,0 0 0 135px #36a2c509}
.page-hero h1{color:#12374d;font-size:clamp(2.9rem,4.7vw,5.8rem);line-height:1.07;max-width:760px;text-shadow:0 1px #fff}
.page-hero p{color:#496878;max-width:620px}.page-hero .eyebrow,.page-hero .eyebrow span{color:#087b9d}
.page-hero-photo{right:max(3%,calc((100vw - 1490px)/2));width:38%;height:100%;bottom:0;overflow:visible}
.page-hero-photo img{width:100%;height:100%;object-fit:contain;object-position:center;padding:26px 2%;filter:drop-shadow(0 20px 20px #1c58754d)}
.model-photo,.accessory-photo,.special-detail-image{background:radial-gradient(circle at center,#fff,#e8f5f8 84%);border:1px solid #d5e7ed;border-radius:8px;box-shadow:0 16px 42px #164c6417}
.integration-gallery img,.editorial-split>div>img,.service-photo img{border-radius:8px;box-shadow:0 17px 42px #164c641d}
.brochure-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.brochure-actions .button{margin:0;white-space:nowrap}
.brochure-page{border-radius:5px;overflow:hidden;box-shadow:0 22px 65px #234e6828}
.brochure-pages{scroll-margin-top:30px}.brochure-reader-head{align-items:center}
.special-intro{display:grid;grid-template-columns:28% 1fr;gap:7%;padding-top:105px;padding-bottom:85px;background:#fff;align-items:start}
.special-intro h2{font-size:clamp(2.4rem,4vw,4.6rem);max-width:750px;margin:0 0 24px}.special-intro p{font-size:1.1rem;color:#526e7d;max-width:840px;line-height:1.8}
.special-section{padding-top:95px;padding-bottom:110px;background:linear-gradient(150deg,#eaf5f8,#f8fbfc 62%,#e5f1f6)}
.special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:35px}
.special-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dbeaf0;border-radius:9px;overflow:hidden;box-shadow:0 19px 47px #2056751d;transition:transform .2s,box-shadow .2s;min-width:0}
.special-card:hover{transform:translateY(-7px);box-shadow:0 30px 65px #20567532}
.special-image{height:310px;background:radial-gradient(circle,#fff,#dfedf3);padding:26px;position:relative;overflow:hidden}
.special-image:after{content:'';position:absolute;inset:18px;border:1px solid #ffffffa0;pointer-events:none}
.special-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 12px #1c57734b)}
.special-info{padding:29px;display:flex;flex-direction:column;flex:1}.special-info>small{color:#0087a9;font:800 .68rem Manrope;letter-spacing:.14em}
.special-info h3{font-size:1.55rem;margin:14px 0}.special-info p{color:#56707c;font-size:.94rem;line-height:1.7;flex:1}
.special-metrics{display:flex;border-top:1px solid #e1ebef;border-bottom:1px solid #e1ebef;padding:14px 0;margin:11px 0 19px;gap:18px}.special-metrics span{display:flex;flex-direction:column;flex:1}.special-metrics strong{font:800 1.08rem Manrope;color:#123e55}.special-metrics small{color:#65828f;font-size:.72rem}
.special-arrow{font:800 .83rem Manrope;color:#007ea4}.special-capabilities{display:grid;grid-template-columns:1.2fr 1.1fr auto;gap:35px;align-items:center;padding-top:75px;padding-bottom:75px;background:#fff}.special-capabilities h2{font-size:clamp(2rem,3vw,3.3rem);margin:15px 0 0}.special-capabilities p{color:#577280;margin:0}.special-capabilities .button{white-space:nowrap;margin:0}
.special-detail{padding-top:105px;padding-bottom:100px;display:grid;grid-template-columns:47% 1fr;gap:7%;align-items:start}.special-detail-image{height:590px;display:grid;place-items:center;padding:40px;position:sticky;top:25px}.special-detail-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 16px #155c7d44)}
.special-detail-copy h2{font-size:clamp(2rem,3.3vw,3.8rem);margin:22px 0}.special-detail-copy>p{color:#536e7c;font-size:1.05rem;line-height:1.8}.special-detail-copy dl{display:grid;grid-template-columns:repeat(2,1fr);margin:38px 0;gap:13px}.special-detail-copy dl div{background:#eaf5f8;padding:20px}.special-detail-copy dt{font:800 .68rem Manrope;letter-spacing:.09em;text-transform:uppercase;color:#588095}.special-detail-copy dd{font:800 1.28rem Manrope;color:#133d54;margin:8px 0 0}.special-detail-copy h3{font-size:1.4rem}.special-detail-copy li{padding:5px 0;color:#456473}.special-detail-copy ul{margin-bottom:28px}.special-detail-copy .product-source{font-size:.77rem;margin-top:27px}.product-source a,.related-link a{color:#007fa4;text-decoration:underline}.related-link{padding-bottom:25px;font-weight:800}
.customised-layout{display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:6%;align-items:center;max-width:1200px;margin:auto}.customised-artwork{aspect-ratio:426/636;background-image:url('/assets/brochures/customised-machines/uploaded-preview-screenshot.png');background-repeat:no-repeat;background-size:450.7% 168.2%;background-position:65.7% 52.5%;background-color:#fff;box-shadow:0 20px 60px #1a516b2d;border:1px solid #dce7ed}.customised-copy{min-width:0}.customised-copy h3{font-size:clamp(2rem,3vw,3.5rem);margin:16px 0}.customised-copy p{color:#536e7e;line-height:1.75}.customised-copy ol{list-style:none;padding:0;margin:28px 0}.customised-copy li{display:flex;gap:16px;padding:10px 0;border-bottom:1px solid #dce9ee;font-weight:750}.customised-copy li span{color:#008bac;font-size:.72rem;letter-spacing:.11em}.source-note{font-size:.8rem;margin-top:20px}
.customised-card .card-image{display:grid;place-items:center;background:radial-gradient(circle,#fff,#dceff4);padding:15px}.customised-card-artwork{height:100%;aspect-ratio:426/636;max-width:80%;background-image:url('/assets/brochures/customised-machines/uploaded-preview-screenshot.png');background-repeat:no-repeat;background-size:450.7% 168.2%;background-position:65.7% 52.5%;box-shadow:0 12px 28px #144b692f}
@media(max-width:1180px){.special-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.special-capabilities{grid-template-columns:1fr 1fr}.special-capabilities .button{grid-column:1/-1;justify-self:start}}
@media(max-width:980px){.nav{font-size:1rem}.hero-copy h1{font-size:clamp(2.8rem,5.4vw,5rem)}.page-hero-photo{width:41%;opacity:.95}}
@media(max-width:760px){.hero{height:880px}.slide{grid-template-rows:58% 42%}.hero-copy{padding:31px 6% 32px}.hero-copy h1{font-size:clamp(2.6rem,9vw,4.5rem);line-height:1.1}.hero-copy p{font-size:.94rem}.hero-copy .button{margin-top:15px;min-height:50px}.hero-image img{padding:9px 10% 58px}.page-hero{min-height:450px;padding:48px 5% 165px}.page-hero-inner{width:100%}.page-hero h1{font-size:clamp(2.55rem,9.7vw,4.5rem)}.page-hero p{width:75%;font-size:.96rem}.page-hero-photo{width:63%;height:45%;right:-2%;bottom:0}.page-hero-photo img{padding:0}.special-intro{grid-template-columns:1fr;gap:20px;padding-top:65px;padding-bottom:55px}.special-section{padding-top:65px;padding-bottom:70px}.special-grid{grid-template-columns:1fr}.special-image{height:290px}.special-capabilities{grid-template-columns:1fr;gap:18px;padding-top:60px;padding-bottom:60px}.special-capabilities .button{grid-column:auto;white-space:normal}.special-detail{grid-template-columns:1fr;padding-top:65px;padding-bottom:55px}.special-detail-image{height:400px;position:static}.customised-layout{grid-template-columns:1fr;gap:36px;max-width:520px}.brochure-reader-head .button{margin-top:20px}.brochure-actions{align-items:flex-start;flex-direction:column;gap:14px}}
@media(max-width:420px){.hero{height:860px}.slide{grid-template-rows:61% 39%}.hero-copy h1{font-size:2.7rem}.hero-copy .button{max-width:100%;gap:14px;padding:12px 16px;font-size:.72rem}.page-hero-photo{width:73%;height:40%}.special-detail-copy dl{grid-template-columns:1fr 1fr}}
