/* Sluis Energy — independent concept, inspired by clarity and sector relevance. */
:root{--v3-dark:#10362f;--v3-lime:#dff574;--v3-cyan:#54cbd7}.concept-v3{background:#f5f6ef;color:#123b32}.concept-v3 .wrap{width:min(1360px,90%)}.concept-v3 h1,.concept-v3 h2,.concept-v3 h3{font-family:'DM Sans',Arial,sans-serif}.concept-v3 .nav{background:#f5f6eff5;color:#123b32}.concept-v3 .navinner{height:86px;gap:18px}.concept-v3 .nav .view-controls{margin-left:0}.concept-v3 .nav .navlinks{margin-left:auto;gap:20px}.concept-v3 .nav .navlinks a{font-size:12px}.concept-v3 .nav .brand{font-size:22px}.concept-v3 .button{border-radius:7px;font-weight:600;letter-spacing:-.015em}.v3-kicker{font:500 10px/1.5 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.15em;display:block;margin-bottom:25px}.v3-hero{background:var(--v3-dark);color:#f2f7ed;overflow:hidden;position:relative}.v3-hero:before{content:'';position:absolute;width:700px;height:700px;border:1px solid #b7d5bc15;border-radius:50%;right:-150px;top:-100px;pointer-events:none}.v3-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:85px 0 70px}.v3-hero h1{font-size:clamp(46px,5.8vw,86px);line-height:1.025;letter-spacing:-.06em;max-width:760px}.v3-hero h1 em{font:inherit;color:var(--v3-lime)}.v3-hero .v3-kicker{color:#b6d4c0}.v3-promise{font-size:21px;line-height:1.5;max-width:550px;margin:28px 0 17px;font-weight:500}.v3-intro{font-size:16px;line-height:1.8;max-width:530px;color:#bcd1c1;margin-bottom:29px}.v3-hero .button{background:var(--v3-lime);color:#123b32;padding:16px 21px;font-size:13px;gap:19px}.v3-hero .button.secondary{color:#f2f7ed;background:transparent;border:1px solid #9dc0a660}.v3-motion-link{display:flex;gap:30px;align-items:center;margin-top:29px;font-size:12px;color:#c1d7c6;text-underline-offset:5px;width:fit-content}.hero-bottom{display:flex;gap:26px;justify-content:space-between;border-top:1px solid #a3c5af30;padding:22px 0;font:11px 'IBM Plex Mono',monospace;color:#bbcfbe}.hero-bottom>span:nth-child(2){margin-right:auto}.v3-scene{padding:24px 20px 10px;border-radius:24px;background:#19463b;border:1px solid #a8d4b53c;position:relative;box-shadow:0 30px 90px #061d1630}.scene-head{display:flex;justify-content:space-between;gap:15px;font:8px 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#b3d7bf}.scene-head>span:last-child{text-align:right;max-width:150px;letter-spacing:0}.v3-scene .hero-anim{background:transparent;border:0;padding:0;box-shadow:none;--line:#b9dbca2d;--accent:#8ecbb2;--bg-alt:#234f42;--surface:#19463b;--ink:#dbead9;--lime:#dff574;--sun:#dfed8d;--carousel-bg:#10372f}.v3-scene .energy-header{display:none}.v3-scene .energy-landscape{margin-top:15px}.v3-scene .hero-product-carousel{padding:13px 16px;border:1px solid #bdd9c033;background:#10372f;color:#e9f2e4;min-height:75px}.v3-scene .hero-pc-desc{color:#b6d4be}.v3-scene .energy-products{gap:7px;margin-top:12px}.v3-scene .energy-product{color:#c8deca;background:#10372f;border:1px solid #a5c6b52b;padding:10px 3px}.v3-scene .energy-product[aria-pressed=true]{background:#dff574;color:#123b32;border-color:#dff574}.scene-footer p{font-size:10px;color:#a5c7b1;margin:15px 4px 7px}.v3-bridge{border-bottom:1px solid #d6dfd1;background:#e7eddf;padding:25px 0}.v3-bridge .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center}.v3-bridge p{font-size:14px;font-weight:600}.v3-bridge span{font-size:12px;color:#58715f}.v3-solutions,.v3-cases,.v3-about{padding:100px 0}.v3-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:42px}.v3-heading h2{font-size:clamp(35px,4.2vw,60px);letter-spacing:-.055em;line-height:1.07}.v3-heading>p{font-size:15px;line-height:1.8;max-width:350px;color:#577060}.v3-heading .text-link{font-size:13px}.v3-solutions-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:1px solid #bdcdbb;border-left:1px solid #d4dfce}.v3-solution{position:relative;text-decoration:none;padding:27px 23px 55px;border-right:1px solid #d4dfce;border-bottom:1px solid #d4dfce;min-height:330px;transition:background .2s}.v3-solution:hover{background:#e7eddd}.solution-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.solution-top svg{width:30px;height:30px;color:#468369}.solution-top span{font:10px monospace;color:#6c826f}.solution-name{font:11px 'IBM Plex Mono',monospace;color:#4c6e53;display:block;margin-bottom:11px}.v3-solution h3{font-size:22px;line-height:1.2;letter-spacing:-.04em;max-width:240px}.v3-solution p{font-size:13px;line-height:1.75;color:#617663;margin-top:17px}.solution-arrow{position:absolute;bottom:22px;right:23px;font-size:24px}.v3-explorer{padding:100px 0;background:#e9eee2;border-top:1px solid #d4dfcc;border-bottom:1px solid #d4dfcc}.explorer-layout{display:grid;grid-template-columns:330px 1fr;gap:25px;background:#f9faf4;padding:24px;border:1px solid #d0ddc6;border-radius:22px}.explorer-controls{padding:14px 22px 15px 10px;border-right:1px solid #dce4d4}.explorer-controls label{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;gap:15px}.explorer-controls label:not(:first-child){margin-top:24px}.explorer-controls select{width:100%;font:13px 'DM Sans',sans-serif;padding:12px;background:#eef3e6;color:#173c2c;border:1px solid #cddcc5;border-radius:6px}.explorer-controls input[type=range]{width:100%;accent-color:#39725b;cursor:pointer;min-height:26px}.explorer-controls output{font:11px monospace;white-space:nowrap;color:#49644a}.explorer-caption{font-size:11px;line-height:1.8;color:#6c7c68;margin-top:26px}.explorer-chart{padding:15px 15px 0;min-width:0}.chart-label{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:600}.chart-label>span:last-child{font:10px monospace;color:#678064}.chart-stats{display:flex;gap:55px;margin:30px 0 14px}.chart-stats>div{display:flex;flex-direction:column;gap:9px}.chart-stats span{font-size:10px;color:#678064}.chart-stats strong{font-size:32px;font-weight:500;letter-spacing:-.05em}.chart-stats>div:last-child strong{color:#3b7557}#powerChart{width:100%;display:block;overflow:visible}#powerChart text{font:10px monospace;fill:#6f8368}.chart-grid{stroke:#dae3d1;stroke-width:1;fill:none}#powerBefore{stroke:#b4bca9;stroke-width:2;stroke-dasharray:5 5;fill:none}#powerAfter{stroke:#3b7557;stroke-width:3;fill:none}#powerArea{fill:#c7dc9e50}.chart-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;color:#64775b}.chart-legend>span{display:flex;gap:7px;align-items:center}.chart-legend i{width:17px;height:3px;background:#b4bca9}.chart-legend>span:last-child i{background:#3b7557}.chart-result{font-size:12px;line-height:1.7;margin-top:18px;color:#496547}.explorer-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:24px;align-items:center}.explorer-bottom p{font-size:11px;color:#687c60;max-width:650px}.explorer-bottom .text-link{font-size:12px}.v3-story{padding:90px 0;background:#163c34;color:#f4f6ed;overflow:hidden}.v3-story-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.v3-story h2{font-size:clamp(35px,4.5vw,62px);letter-spacing:-.055em}.v3-story p{color:#bdd0bf;font-size:16px;line-height:1.8;margin-top:22px;max-width:500px}.motion-open{display:flex;gap:30px;padding:0 0 8px;border:0;border-bottom:1px solid #92b7a2;background:transparent;color:#e9f4e5;cursor:pointer;font:600 13px 'DM Sans',sans-serif;margin-top:28px}.v3-story .motion-note{font-size:10px;letter-spacing:.02em;color:#8fae9b;margin-top:15px}.story-art{height:350px;position:relative;display:grid;place-items:center}.story-orbit{position:absolute;border:1px solid #98c5a840;border-radius:50%;width:340px;height:200px;transform:rotate(-25deg)}.orbit-2{width:440px;height:280px;transform:rotate(25deg)}.story-core{height:135px;width:135px;border:1px solid #a2c492;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:62px;color:#dff574;line-height:1;box-shadow:0 0 85px #dff57415}.story-core>span{font:7px monospace;color:#abceb4;margin-top:12px;letter-spacing:.1em}.story-node{position:absolute;width:65px;height:65px;background:#264f40;border:1px solid #8eaf9760;border-radius:14px;display:grid;place-items:center;animation:nodeFloat 5s ease-in-out infinite}.story-node svg{width:35px;height:35px;color:#dff574}.node-1{left:6%;top:40%}.node-2{right:12%;top:8%;animation-delay:-1.5s}.node-3{right:10%;bottom:8%;animation-delay:-3s}@keyframes nodeFloat{50%{transform:translateY(-9px)}}.v3-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.v3-case{text-decoration:none;border-top:1px solid #b4c6ae}.case-scene{height:200px;position:relative;background:#e5ecdc;display:grid;place-items:center;margin-top:18px;overflow:hidden}.case-scene:before{content:'';position:absolute;width:190px;height:190px;border:1px solid #bdcbb0;border-radius:50%;transform:scaleX(1.8)rotate(45deg)}.case-scene svg{height:80px;width:80px;stroke:#40765b;z-index:1}.case-scene>span{position:absolute;left:20px;top:16px;font:10px monospace;color:#6c8564}.v3-case>div:last-child{padding-top:25px}.v3-case .v3-kicker{font-size:9px;margin-bottom:14px}.v3-case h3{font-size:28px;line-height:1.2;letter-spacing:-.04em;max-width:350px;margin-bottom:23px}.v3-case .text-link{font-size:12px}.v3-about{background:#e9eee2;border-top:1px solid #cfdbc6}.v3-about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.v3-about h2{font-size:clamp(35px,4.1vw,57px)}.v3-about h3{font-size:25px;line-height:1.4;letter-spacing:-.03em;max-width:500px}.v3-about p{font-size:17px;line-height:1.8;margin:22px 0;color:#5a7159}.expertise-strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #c4d1bc;padding-top:24px;margin-top:60px;font:11px 'IBM Plex Mono',monospace}.v3-contact{padding:95px 0}.v3-contact>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.v3-contact h2{font-size:clamp(40px,5.2vw,76px)}.v3-contact p{font-size:18px;color:#5e735c;line-height:1.8;max-width:480px;margin-bottom:28px}.concept-v3 footer{background:#0e3028}.concept-v3 footer .foot-grid{gap:45px}.concept-v3 .page-intro{background:#e7eddf}.concept-v3 .page-intro h1{font-size:clamp(45px,6vw,80px)}.concept-v3 .product-illustration{background:#e5ebdb;border-radius:8px}.concept-v3 .case-tile{border-radius:8px}.concept-v3 .expertise-grid article:hover{background:#dde7ce}.concept-v3 .route-cta{background:#e5ecda}#motionDialog{width:min(750px,90vw);max-height:90vh;background:#153c32;color:#f0f5e9;border:1px solid #a4c5a45c;border-radius:20px;padding:30px;overflow:auto}#motionDialog::backdrop{background:#031b14bb;backdrop-filter:blur(8px)}#motionDialog h2{font-size:28px;padding-right:35px}#motionDialog .energy-landscape{max-height:400px;--ink:#e3eddc;--accent:#93c9ac;--surface:#153c32;--bg-alt:#244f3d;--lime:#dff574;--line:#8baa9633}.motion-close{position:absolute;top:15px;right:18px;border:1px solid #88aa8c;border-radius:50%;width:32px;height:32px;background:transparent;color:#e5f0dc;font-size:23px;cursor:pointer}.motion-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.motion-controls button{padding:10px 15px;border:1px solid #6e9376;border-radius:5px;background:transparent;color:#eaf3e1;font:inherit;cursor:pointer}.motion-controls span{font:11px monospace}.motion-note{font-size:10px;line-height:1.7;color:#b6ceb5;margin-top:18px}#motionCaption{font-size:17px;line-height:1.6;min-height:52px;max-width:none}.motion-scene .asset{transition:opacity .5s}.motion-scene .land-flow{opacity:.8}.motion-scene[data-step="0"] [data-asset]:not([data-asset="factory"]):not([data-asset="office"]):not([data-asset="charging"]){opacity:.2}.motion-scene[data-step="1"] [data-asset]:not([data-asset="solar"]):not([data-asset="battery"]){opacity:.2}.motion-scene[data-step="2"] [data-asset]:not([data-asset="grid"]):not([data-asset="charging"]){opacity:.2}.motion-scene[data-step="3"] .asset{opacity:1}
@media(max-width:1200px){.concept-v3 .nav .view-controls{margin-left:auto}.concept-v3 .nav .navlinks{margin-left:0}.v3-hero-grid{gap:35px}.v3-hero h1{font-size:clamp(42px,5.5vw,70px)}.v3-solutions-grid{grid-template-columns:repeat(3,1fr)}.v3-solution{min-height:300px}.explorer-layout{grid-template-columns:280px 1fr}.v3-heading{gap:35px}.v3-about-grid{gap:60px}}
@media(max-width:800px){.v3-hero-grid{grid-template-columns:1fr;padding:50px 0 40px;gap:42px}.v3-hero h1{font-size:clamp(45px,8vw,68px)}.v3-hero .v3-promise{font-size:20px}.v3-hero .v3-intro{font-size:15px}.v3-scene{max-width:600px;width:100%;margin:auto}.v3-heading{display:block}.v3-heading>p,.v3-heading>.text-link{margin-top:22px}.v3-solutions,.v3-explorer,.v3-cases,.v3-about{padding:65px 0}.v3-solutions-grid{grid-template-columns:repeat(2,1fr)}.explorer-layout{grid-template-columns:1fr;padding:20px}.explorer-controls{border-right:0;border-bottom:1px solid #d8e1ce;padding:0 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.explorer-controls label{margin:0!important;grid-column:1;align-self:center}.explorer-controls input,.explorer-controls select{grid-column:2}.explorer-caption{grid-column:1/-1;margin-top:12px}.explorer-chart{padding:12px 0 0}.chart-stats{gap:35px}.explorer-bottom{display:block}.explorer-bottom .text-link{margin-top:16px}.v3-story-layout{grid-template-columns:1fr;gap:30px}.v3-story{padding:65px 0}.story-art{height:300px}.v3-case-grid{grid-template-columns:1fr}.v3-case{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;padding-bottom:20px}.v3-case h3{font-size:25px}.v3-case>div:last-child{padding-top:30px}.v3-about-grid,.v3-contact>.wrap{grid-template-columns:1fr;gap:30px}.expertise-strip{flex-wrap:wrap;justify-content:flex-start;gap:20px 30px}.v3-contact{padding:65px 0}.v3-bridge .wrap{display:block}.v3-bridge span{display:block;margin-top:8px}.hero-bottom{gap:12px;font-size:9px}.hero-bottom>span:last-child{display:none}}
@media(max-width:480px){.concept-v3 .navinner{height:74px}.concept-v3 .nav .brand{font-size:18px}.v3-hero-grid{padding-top:40px}.v3-hero h1{font-size:44px}.v3-hero .actions{display:flex;flex-direction:column;align-items:stretch}.v3-hero .button{justify-content:space-between}.v3-scene{padding:17px 12px 5px;border-radius:18px}.scene-head{font-size:7px}.v3-solutions-grid{grid-template-columns:1fr}.v3-solution{min-height:260px;padding:24px}.solution-top{margin-bottom:25px}.v3-solution h3{font-size:26px;max-width:300px}.v3-heading h2,.v3-about h2,.v3-story h2{font-size:37px}.v3-case{display:block}.v3-case .case-scene{height:185px}.v3-case h3{max-width:310px}.chart-stats{gap:25px}.chart-stats strong{font-size:28px}.chart-stats span{font-size:9px}.explorer-controls{grid-template-columns:1fr;gap:8px}.explorer-controls label,.explorer-controls input,.explorer-controls select{grid-column:1}.explorer-controls label:not(:first-child){margin-top:12px!important}.explorer-layout{padding:17px}.chart-label{font-size:11px}.chart-label>span:last-child{font-size:9px}.chart-legend{font-size:9px;gap:12px}.story-orbit{width:270px;height:170px}.orbit-2{width:340px;height:220px}.story-node{width:55px;height:55px}.v3-contact h2{font-size:48px}.v3-contact .actions{flex-direction:column}#motionDialog{padding:24px 18px}.motion-controls{font-size:12px}#motionCaption{font-size:15px}}
@media(prefers-reduced-motion:reduce){.story-node,.motion-scene *{animation:none!important;transition:none!important}}
.v3-scene .energy-header{display:flex;justify-content:flex-end;position:absolute;right:18px;top:44px}.v3-scene .energy-header>span:first-child,.v3-scene .energy-status>i,.v3-scene .energy-status>span{display:none}.v3-scene .energy-pause{color:#e3f0dd;font-size:15px}.v3-scene .asset{opacity:.62}.v3-scene .asset.is-active{opacity:1}
.v3-heading h1{font-size:clamp(35px,4.2vw,60px);letter-spacing:-.055em;line-height:1.07}@media(max-width:480px){.v3-heading h1{font-size:37px}}

.cases-overview-action{margin:-15px 0 32px}.cases-overview-action .text-link{font-size:13px}