/* RUNN ELECTRIC: warm mineral, sea teal and amber design direction. */
:root{--ink:#193f42;--muted:#526b69;--cyan:#217a79;--paper:#f6f5ee;--line:#d6e2de;--sapphire:#174f54;--royal:#217b79;--copper:#cc7141;--gold:#dbad62;--ivory:#faf8f0}
body{background:#faf8f1;color:#203f3e}
h1,h2,h3{letter-spacing:-.048em}
.topline{background:linear-gradient(100deg,#174a4e,#297d79);color:#f9e7bf;border-bottom-color:#d6aa5d}
.header{background:#fffdf8;border-bottom-color:#dfded4;box-shadow:0 14px 40px #103f4030}.header:after{background:linear-gradient(90deg,#d28f44,#efc97c)}
.nav{font-size:clamp(.95rem,1.08vw,1.12rem)}.nav a:hover,.nav a[aria-current]{color:#a6662e}.nav-group>a span{color:#bf8b46}
.nav>a:last-child{background:linear-gradient(120deg,#b97634,#e6ac60);box-shadow:0 12px 25px #8c512e50}.nav>a:last-child:hover{background:#a96227}.dropdown{border-color:#d5a05a;background:#fffdfa}.dropdown a:hover{background:#f8f0e1;color:#78502b}
.eyebrow,.eyebrow span{color:#a66b39}.button{background:linear-gradient(115deg,#bd753e,#e9a75d);box-shadow:inset 0 1px #fff8,0 14px 28px #a5683d48}.button:hover{background:linear-gradient(115deg,#a76734,#d18d47)}.button-blueprint,.model-detail-actions .button-blueprint{background:linear-gradient(110deg,#1b6969,#2f9891);box-shadow:inset 0 1px #fff7,0 13px 25px #18524f55}.model-detail-actions .button-blueprint:hover{background:#185b59}.text-link{color:#146c68;border-color:#cfa869}.text-link:hover{color:#a66933}.button-outline{color:#1c625e;border-color:#9fc1b6}.button-outline:hover{background:#1e716c}
.hero{background:#174f54}.hero-copy{background:radial-gradient(circle at 5% 92%,#418d855e,transparent 47%),linear-gradient(128deg,#1b5659,#277b79 75%,#5da19a);color:#fff}.hero-copy:after{border-color:#edc78370}.hero-copy .eyebrow,.hero-copy .eyebrow span{color:#ffdf9e}.hero-copy p{color:#f1f7f2}.hero-image{background:radial-gradient(circle at 43% 38%,#fff 0 18%,#f7f0e2 49%,#dfcba9 100%)}.hero-image:after{color:#4d746d}.hero-controls{background:linear-gradient(90deg,#15474a,#2c7977);border-top-color:#e8ba6b}
.page-hero{background:radial-gradient(circle at 76% 37%,#81b8ad95 0,transparent 38%),linear-gradient(110deg,#1a5558,#287e79 66%,#6ca79b);border-bottom-color:#d8a455}.page-hero:before{border-color:#f9d69a80}.page-hero .eyebrow,.page-hero .eyebrow span{color:#ffe0a2}.page-hero p{color:#f0f7f2}
.intro,.about-columns,.special-capabilities{background:#fffcf6}.intro h2,.section-heading h2,.about-columns h2,.long-copy h2,.special-intro h2,.special-capabilities h2{color:#174e4d}.intro p{border-left-color:#d5a057;color:#4f6865}
.features-section,.special-section{background:linear-gradient(145deg,#f8f2e6 0,#fbfaf5 48%,#e7f1ed 100%)}.feature-card,.model-card,.accessory-card{border-color:#d9e5dd}.feature-card{box-shadow:0 17px 42px #315a4a20;border-radius:12px}.feature-card:hover{box-shadow:0 25px 55px #255c5338}.card-image,.model-photo,.accessory-photo{background:radial-gradient(circle at 47% 43%,#fff 0,#f0ede3 63%,#dfede8 100%)}.card-copy h3,.model-text h2,.accessory-card h2{color:#195952}.card-copy>span{background:#e7f2ec}.model-index{background:#e3f1e9;color:#26746b}.model-metrics strong,.special-metrics strong{color:#185b58}
.wide-story>div:first-child{background:radial-gradient(circle,#fff,#e4efeb)}.wide-story>div:last-child{background:linear-gradient(130deg,#164f52,#32817b)}.wide-story .eyebrow{color:#f4cb8a}.cta-panel{background:linear-gradient(115deg,#2b837c,#81b7a7);box-shadow:0 26px 60px #255b5850}.cta-panel .button-dark{background:#173f44}
.integration-item{background:#f2f1e8;border-left-color:#c88b50}.special-intro,.detail-technical,.model-technical,.brochure-reader,.contact-layout,.blueprint-intro{background:#fbf9f3}.special-section{border-top:1px solid #e9e3d5}.special-info h3,.special-detail-copy h2,.detail-technical h2,.model-technical h2,.blueprint-intro>h2{color:#195654}.special-detail-image,.model-detail-visual{background:radial-gradient(circle,#fff,#e5efea);border-color:#d8e3dc}.special-detail-copy h3{color:#a96839}
.detail-features{background:linear-gradient(130deg,#1b5556,#276f6a)}.feature-four article{background:linear-gradient(145deg,#327e79,#1b5d5d);border-color:#d0d9bf70}.feature-four article span{color:#f9d18e}.feature-four p{color:#e8f5f0}.model-use,.technical-columns aside{background:#e6f0ea}.technical-columns dd,.model-technical dd,.blueprint-specs dd{color:#1b6760}.technical-columns dl div,.model-technical dl div,.blueprint-specs dl div{border-left-color:#d9a45b}.brochure-reader-head h2,.customised-copy h3{color:#195953}.customised-copy li span{color:#b8793c}.enquiry-form{border-top-color:#d9a45b;box-shadow:0 25px 65px #28615a35}.enquiry-form h2,.contact-detail h2{color:#175854}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{outline-color:#338e81;border-color:#338e81}
.footer{background:linear-gradient(135deg,#153d43,#246560 80%);border-top-color:#e8b86e}.footer-main b{color:#ffdd9d}.footer-main p,.footer-bottom{color:#d4e8df}
.about-columns{align-items:start}.about-storeroom{margin:55px 5% 10px 0;padding:10px;background:#fff;border:1px solid #d7e5db;box-shadow:0 25px 60px #29585436;border-radius:12px;overflow:hidden}.about-storeroom img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px}.about-storeroom figcaption{font-size:.76rem;color:#638179;padding:9px 5px 2px}
.blueprint-specs{grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr)}.blueprint-specs figure{border-color:#cadbd1;border-radius:10px}.blueprint-open{display:block;position:relative;cursor:zoom-in;overflow:hidden}.blueprint-open .blueprint-sheet{display:block;width:100%;height:auto;object-fit:contain}.blueprint-open span{position:absolute;right:15px;bottom:15px;background:#174f4dec;color:#fff;padding:10px 14px;border-radius:4px;font-size:.75rem;font-weight:800;letter-spacing:.04em}.blueprint-open:hover span{background:#b97939}.spec-only-image{display:grid;place-items:center;min-height:420px;background:radial-gradient(circle,#fff,#e5eee7)}.spec-only-image img{width:100%;height:430px;object-fit:contain}
.customised-artwork{display:block;position:relative;cursor:zoom-in}.customised-artwork::after{content:'ASSEMBLY & TESTING';position:absolute;left:36%;bottom:4.1%;width:29%;height:5.2%;background:#f9faf9;color:#274c5b;display:grid;place-items:center;font:700 clamp(7px,.8vw,11px) Arial,sans-serif;letter-spacing:.04em;box-shadow:0 0 4px #fff}.customised-artwork>span{position:absolute;bottom:14px;right:14px;z-index:2;background:#1c5d59e6;color:#fff;padding:9px 12px;border-radius:4px;font:800 .7rem Arial,sans-serif}.customised-lightbox{display:none;position:fixed;inset:0;z-index:1000;background:#071a1ecf;align-items:center;justify-content:center;padding:35px}.customised-lightbox:target{display:flex}.customised-lightbox .customised-artwork{height:min(90vh,960px);width:auto;aspect-ratio:426/636;max-width:92vw;background-color:#fff;box-shadow:0 30px 90px #0009;cursor:default}.customised-lightbox .lightbox-close{position:absolute;top:20px;right:28px;color:#fff;font-size:2.4rem;line-height:1;z-index:3}.customised-lightbox .customised-artwork::after{font-size:clamp(9px,1.1vw,13px)}
@media(max-width:760px){.nav.is-open,.nav.open{background:#fffdfa}.about-storeroom{margin:30px 0 0}.blueprint-specs{grid-template-columns:1fr}.customised-lightbox{padding:16px}.customised-lightbox .customised-artwork{max-height:88vh}.customised-artwork>span{font-size:.62rem}.blueprint-open span{font-size:.67rem}}

/* Product photos act as the doorway to each model's own technical profile. */
.model-photo .robot-drawing-link,.model-detail-visual .robot-drawing-link,.special-image .robot-drawing-link,.special-detail-image .robot-drawing-link{position:absolute;inset:0;display:block;z-index:3;cursor:pointer;border-radius:inherit}
.special-image .robot-drawing-link img,.special-detail-image .robot-drawing-link img{pointer-events:none}
.special-card .special-arrow{display:inline-block;align-self:flex-start;padding:4px 0;border-bottom:1px solid #d7a164}
.special-card .special-arrow:hover{color:#a76532}
.robot-drawing-link .drawing-hint{position:absolute;left:50%;bottom:19px;transform:translate(-50%,12px);width:max-content;max-width:calc(100% - 30px);padding:11px 15px;border-radius:5px;background:#164f4eed;color:#fff;font-size:.78rem;font-weight:800;line-height:1.3;text-align:center;box-shadow:0 9px 22px #153b3a55;opacity:0;transition:opacity .18s,transform .18s;pointer-events:none}
.robot-drawing-link:hover .drawing-hint,.robot-drawing-link:focus-visible .drawing-hint{opacity:1;transform:translate(-50%,0)}
@media(hover:none){.robot-drawing-link .drawing-hint{opacity:1;transform:translate(-50%,0);font-size:.69rem}}
.robot-drawing-link:focus-visible{outline:3px solid #e7b46f;outline-offset:-5px}
/* Blend only the two original opaque white IMM studio backdrops. */
img.white-studio{mix-blend-mode:multiply;filter:none!important}
.model-photo img.white-studio,.model-detail-visual img.white-studio,.page-hero-photo img.white-studio{background:transparent}
.technical-close{float:right;display:inline-flex;gap:7px;align-items:center;color:#155b59;font-size:1.7rem;font-weight:500;line-height:1;padding:9px 12px;border:1px solid #bbd4ca;border-radius:5px;background:#fff;box-shadow:0 6px 18px #235b4e16}
.technical-close span{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.technical-close:hover{background:#e6f0e9}

/* A wide editorial About page with a full-width storeroom photograph. */
.about-columns{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(35px,5vw,95px);row-gap:44px;padding-left:5%;padding-right:5%;padding-top:75px;padding-bottom:50px;align-items:start}
.about-columns>div:first-child{padding-right:0;border:0}
.about-columns>div{min-width:0}.about-columns p{max-width:none}
.about-storeroom{grid-column:1/-1;margin:10px 0 0;padding:0;background:transparent;border:0;box-shadow:none;border-radius:10px;overflow:hidden}
.about-storeroom img{display:block;width:100%;height:clamp(320px,38vw,610px);aspect-ratio:auto;object-fit:cover;object-position:center 58%;border-radius:10px}
.about-hero{min-height:450px;display:flex;align-items:center}
.about-hero .page-hero-inner{position:relative;z-index:2;width:51%;max-width:740px}
.about-hero .page-hero-photo{right:5%;width:40%;height:90%;bottom:0;z-index:1}
.about-hero .page-hero-photo img{inset:5% 0 0;width:100%;height:95%;max-width:100%;max-height:95%;object-fit:contain}
@media(max-width:760px){.about-columns{grid-template-columns:1fr;gap:10px;padding-top:52px}.about-storeroom{grid-column:1;margin-top:30px}.about-storeroom img{height:auto;aspect-ratio:3/2}.about-hero{display:block;min-height:570px;padding-top:56px;padding-bottom:0}.about-hero .page-hero-inner{width:100%;max-width:100%}.about-hero .page-hero-inner p{width:100%;max-width:420px}.about-hero .page-hero-photo{right:0;width:100%;height:48%;bottom:0}.about-hero .page-hero-photo img{inset:0 15%;width:70%;height:100%;max-width:70%;max-height:100%}}
