/* Supplied full-resolution matte surface; no magnified procedural noise. */
.brand-hero,.subhero,body.smart .subhero,body.energija .subhero,#intro{background-color:#080909;background-image:linear-gradient(#0005,#0008),url('/assets/matte-texture.webp');background-size:auto, min(2048px,100vw) auto;background-position:center;background-repeat:repeat}.brand-hero:before,#intro:before{display:none}.brand-hero{min-height:calc(100svh - 112px);padding:30px 5vw 40px;gap:22px;justify-content:center}.brand-hero .hero-text{margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-symbol{width:clamp(175px,18vw,270px);height:clamp(120px,12.4vw,186px);overflow:hidden;margin-bottom:8px}.hero-symbol img{width:100%;height:auto}.brand-hero h1{font-size:clamp(2.4rem,5.2vw,4.8rem);letter-spacing:.035em;color:var(--yellow);line-height:1.1}.brand-hero h1>span{font-size:clamp(.9rem,1.65vw,1.45rem);color:var(--yellow);letter-spacing:.11em;margin-top:14px}.brand-hero .eyebrow{color:var(--yellow);font-size:clamp(.7rem,1.05vw,.875rem);letter-spacing:.09em;line-height:1.6;margin:16px 0 8px}.brand-hero #rjesenja{width:100%;max-width:1450px;margin:auto auto 0}.brand-hero .simple-areas .area{min-height:135px}.brandmark{width:80px;height:59px;overflow:hidden}.brandmark img{width:80px;max-width:none;height:80px}.brand{gap:14px}header{min-height:108px;padding-block:12px;gap:18px}header>.button{max-width:270px;font-size:.8rem;line-height:1.45;padding:12px 14px;gap:10px}header nav{gap:20px}.config-heading h2 em{color:var(--yellow);text-shadow:0 1px 1px #6d4b1355}.config-heading .eyebrow{color:#70520f}.config-section{background:#202222;color:#f3f3ef}.config-heading p,.project-form .field-note{color:#b8bfbd}.project-form fieldset,.message-preview{border-color:#4d5351}.choice span{border-color:#5e6562}.choice input:checked+span{background:var(--yellow);color:#111;border-color:var(--yellow)}.choice input:checked+span:before{color:#111}.project-form input:not([type=radio]):not([type=checkbox]),.project-form textarea{background:#151717;color:#eee;border-color:#59605c}.project-form .message-preview pre{background:#141615}.project-form legend b{color:var(--yellow)}.send-actions .secondary{color:#eee;border-color:#858d88}.send-actions .secondary:hover{background:#323a35}.form-error{color:#ffad98}.project-form .button#share-photos{color:#eee}.config-heading .config-note{border-color:#59605c}#intro{pointer-events:auto}#intro.play{animation:intro-out .45s 3.05s forwards}.intro-art{width:min(640px,82vw);animation:forge-smooth 2.2s ease both;will-change:opacity,transform}.intro-art img{width:100%;height:auto}.intro-art img{mask-image:none}#intro>p{font-size:clamp(.8rem,1.4vw,1.1rem);animation:tag-in .55s 1.8s both;margin-top:0;letter-spacing:.11em}@keyframes forge-smooth{0%{opacity:0;transform:scale(.96)}35%{opacity:1;transform:scale(1)}55%{opacity:.85}70%,100%{opacity:1;transform:scale(1)}}
.floating{background:var(--yellow);color:#161b13;border:1px solid #ffcf52;border-radius:14px;padding:17px 24px;gap:12px;box-shadow:0 7px 28px #0008;font-size:1rem;font-weight:700;min-height:60px;bottom:22px;right:24px}.floating svg{width:29px;height:29px}.floating:hover{background:#ffd46a;transform:translateY(-2px)}.floating span{display:inline}footer{padding-bottom:110px}.gallery-count{margin:20px 0;color:#b2b8b6;font-size:.875rem}.work-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-photo{display:block;background:#1d2020;border:1px solid #424747;overflow:hidden}.work-photo img{width:100%;height:340px;object-fit:cover;transition:transform .3s}.work-photo:hover img{transform:scale(1.025)}.work-photo>span{display:grid;grid-template-columns:1fr auto;gap:9px;padding:20px}.work-photo small{grid-column:1/-1;font:.75rem monospace;color:var(--yellow);letter-spacing:.06em}.work-photo strong{font-size:1rem;line-height:1.5}.work-photo b{color:var(--yellow)}.cabinet-visual{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%;background:#191b1b}.cabinet-visual figure{margin:0;display:flex;justify-content:center;background:#121414;border:1px solid #414747;padding:20px}.cabinet-visual img{width:auto;max-height:560px;object-fit:contain}.cabinet-labels{list-style:none;padding:0}.cabinet-labels li{border-top:1px solid #3b4340;padding:15px 0}.cabinet-labels span{color:var(--yellow);font-family:monospace;margin-right:18px}.smart-visual{position:relative;min-height:540px;display:flex;justify-content:flex-end;align-items:center;isolation:isolate;overflow:hidden;background:#050b14}.smart-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center;z-index:-2}.smart-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 30%,#060c15aa 60%,#060c15 100%);z-index:-1}.smart-visual>div{max-width:42%;padding:30px 0 30px 30px}.smart-visual h2{font-size:clamp(2rem,3vw,3.5rem)}.smart-visual p{max-width:430px}.industry-visual{display:grid;grid-template-columns:.55fr 1fr;gap:8%;align-items:center;background:#191b1c}.factory-mark{aspect-ratio:1;border:1px solid #454c4d;display:grid;place-items:center;background:radial-gradient(#383a32,#171a1a 70%);color:var(--yellow)}.factory-mark svg{width:65%;height:65%}.factory-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:30px 0}.factory-flow span{font:.875rem/1.5 monospace;border:1px solid #525955;padding:12px}.factory-flow b{color:var(--yellow)}.solar-visual{background:#101c19;border-bottom:1px solid #2b5347}.solar-head{display:flex;justify-content:space-between;gap:30px}.solar-head>div{max-width:780px}.sun-icon{color:#ffcb49;font-size:6rem;line-height:1.2}.energy-diagram{max-width:1000px;margin:45px auto}.solar-node{border:1px solid #367460;background:linear-gradient(135deg,#1c3a2f,#14251f);padding:22px 18px;text-align:center;display:flex;flex-direction:column;gap:9px}.solar-node>span{font:.875rem/1.5 monospace;letter-spacing:.06em;color:#9de9cb}.solar-node strong{font-size:2.1rem;line-height:1.3;letter-spacing:-.025em}.solar-node strong small{font-size:1rem}.solar-node>small{font-size:.875rem;color:#b2c4bc}.solar-source{max-width:380px;margin:auto;border-color:#b29336}.solar-source>span{color:#f2cf68}.distribution{max-width:500px;margin:auto}.distribution strong{font-size:1.5rem}.energy-line{height:42px;text-align:center;font-size:1.8rem;line-height:42px;color:#50dcb0;animation:energy-flow 1.9s infinite ease-in-out}.energy-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.energy-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:25px}.energy-controls label{font-size:.875rem;color:#d2ded8}.energy-controls input{display:block;width:100%;margin-top:18px;accent-color:#31d5a6;min-height:36px}.energy-summary{margin:30px 0 10px;color:#a4efd0;font-weight:700}.solar-visual .field-note{font-size:.875rem;color:#aebdb6;max-width:850px}.energija #upravljanje-energijom{grid-template-columns:1fr}.energija #upravljanje-energijom>div{max-width:780px}@keyframes energy-flow{0%,100%{opacity:.5}50%{opacity:1}}
.credentials{overflow:hidden;background:#151717}.credentials>p{max-width:770px}.certificate-carousel{margin:45px -5vw 0;padding:0 5vw;overflow:hidden}.certificate-ring{position:relative;perspective:1400px;height:535px;touch-action:pan-y;outline-offset:-8px}.certificate-card{position:absolute;left:50%;top:15px;width:285px;height:470px;display:flex;flex-direction:column;border:1px solid #62685b;border-radius:8px;background:#252927;padding:12px;transform-origin:center center;transition:transform .5s ease,opacity .35s,border-color .35s;box-shadow:0 15px 35px #0007;overflow:hidden}.certificate-card>img{height:330px;width:100%;object-fit:contain;background:#ededeb;border-radius:3px}.certificate-caption{display:flex;flex-direction:column;gap:5px;padding:15px 5px 0}.certificate-caption strong{font-size:1rem;line-height:1.3;color:#f5f2e6}.certificate-caption span{font-size:.875rem;color:#ddd}.certificate-caption small{font-size:.75rem;line-height:1.45;color:#bbc1bd}.certificate-card.active{border-color:var(--yellow);box-shadow:0 15px 50px #000a,0 0 0 1px #ffbc1944}.certificate-controls{display:flex;align-items:center;justify-content:center;gap:25px;min-height:60px}.certificate-controls button{background:#272d29;color:var(--yellow);border:1px solid #687461;width:52px;height:48px;font-size:1.4rem}.certificate-current{text-align:center;min-width:220px;color:#eee;font-size:.875rem;margin:0}.certificate-note{font-size:.875rem;color:#b8c2b8;margin:24px auto 0;max-width:800px;text-align:center}.impressum-grid{display:grid;grid-template-columns:170px 1fr;gap:18px 24px;margin:40px 0}.impressum-grid dt{color:var(--yellow);font-size:.875rem}.impressum-grid dd{margin:0;overflow-wrap:anywhere}.legal .field-note{font-size:.875rem}.legal a{text-decoration:underline}.lightbox img{max-height:78dvh}.lightbox button{color:white}
@media(max-width:1200px){header>.button{display:none}header nav{gap:22px}.brand-hero{min-height:calc(100svh - 108px)}.factory-flow{gap:8px}.work-photo img{height:300px}}
@media(max-width:760px){header{min-height:88px;padding:10px 18px}.brandmark{width:66px;height:49px}.brandmark img{width:66px;height:66px}.brand{font-size:1.1rem;gap:8px}.brand small{font-size:.58rem}nav{max-height:calc(100dvh - 88px)}.brand-hero{min-height:calc(100svh - 88px);padding:25px 20px 30px;gap:20px}.hero-symbol{width:190px;height:132px;margin-bottom:4px}.brand-hero h1{font-size:2.6rem;letter-spacing:.01em}.brand-hero h1>span{font-size:.85rem;letter-spacing:.06em;margin-top:9px}.brand-hero .eyebrow{font-size:.66rem;letter-spacing:0;margin-top:14px;white-space:normal}.brand-hero #rjesenja{margin-top:10px}.brand-hero .simple-areas .area{min-height:105px;padding:14px 16px}.simple-areas .area-top{margin-bottom:12px}.simple-areas .area-label{font-size:.95rem}.intro-art{width:88vw;max-width:620px}.floating{min-height:52px;padding:12px 17px;right:12px;bottom:12px;border-radius:13px;font-size:.9rem}.floating svg{width:25px;height:25px}.floating span{display:inline}.work-gallery{grid-template-columns:1fr 1fr;gap:12px}.work-photo img{height:240px}.work-photo>span{padding:12px;gap:6px}.work-photo strong{font-size:.875rem}.work-photo small{font-size:.75rem}.cabinet-visual{grid-template-columns:1fr;gap:30px}.cabinet-visual img{max-height:450px}.smart-visual{min-height:590px;align-items:flex-end;padding-bottom:40px}.smart-visual>img{object-fit:cover;object-position:30% top;height:440px}.smart-visual:after{background:linear-gradient(180deg,transparent 30%,#050b1466 50%,#050b14 74%)}.smart-visual>div{max-width:100%;padding:0}.smart-visual p:last-child{margin-bottom:0}.industry-visual{grid-template-columns:1fr;gap:30px}.factory-mark{width:190px;margin:auto}.factory-flow{gap:9px}.factory-flow span{font-size:.75rem;padding:9px}.solar-head{gap:10px}.sun-icon{font-size:3rem}.solar-head h2{font-size:2.2rem}.energy-branches{grid-template-columns:1fr;gap:14px}.energy-diagram{margin-block:28px}.solar-node{padding:18px}.solar-node strong{font-size:1.8rem}.energy-controls{grid-template-columns:1fr;gap:16px}.energy-controls input{margin-top:7px}.certificate-carousel{margin-top:22px;padding:0 10px}.certificate-ring{height:490px;perspective:1100px}.certificate-card{width:235px;height:430px;top:15px}.certificate-card>img{height:285px}.certificate-caption{padding-top:12px}.certificate-caption strong{font-size:.95rem}.certificate-controls{gap:12px}.certificate-current{min-width:0;max-width:210px;flex:1}.certificate-controls button{flex:0 0 45px}.impressum-grid{grid-template-columns:1fr;gap:8px}.impressum-grid dd{margin-bottom:15px}.config-section{padding-bottom:95px}}
@media(max-width:390px){.brand{font-size:.96rem}.brand small{font-size:.5rem}.brandmark{width:55px;height:40px}.brandmark img{width:55px;height:55px}.menu-button{padding:8px;font-size:.75rem;gap:8px}.brand-hero h1{font-size:2.2rem}.work-gallery{grid-template-columns:1fr}.work-photo img{height:350px}.hero-symbol{width:160px;height:111px}.brand-hero .simple-areas .area{min-height:96px}}
@media(prefers-reduced-motion:reduce){.certificate-card{transition:none}.energy-line{animation:none}#intro{display:none!important}}
@keyframes forge-smooth{0%{opacity:0;clip-path:inset(42% 0 0);transform:scale(.96)}30%{opacity:1;clip-path:inset(42% 0 0);transform:scale(1)}48%{clip-path:inset(0);filter:brightness(1)}55%{filter:brightness(1.3)}72%,100%{opacity:1;clip-path:inset(0);filter:brightness(1);transform:scale(1)}}
