:root{--navy:#071f30;--aqua:#79e5df;--ink:#112f40;--muted:#a7bdc7;--white:#f5f8f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e45a62;outline-offset:5px}.prototype{text-align:center;background:#103648;color:#c6dedf;font-size:11px;letter-spacing:1.5px;padding:7px}.prototype span{color:#ee535a;margin:0 14px}header{padding:18px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17}.logo{width:138px;height:auto;display:block}nav{display:flex;align-items:center;gap:32px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--aqua);color:var(--navy);font-size:14px;font-weight:700;padding:17px 24px;border:0;border-radius:2px}.button:hover{background:#a8f6ef}.small{padding:12px 20px}.menu{display:none}.hero{display:grid;grid-template-columns:47% 53%;min-height:700px}.hero-copy{padding:70px 8% 40px 10.6%}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;margin:0 0 25px;display:flex;align-items:center;gap:12px}.eyebrow i{width:7px;height:7px;background:#e83746;border-radius:50%}h1{font-size:clamp(48px,5.2vw,82px);line-height:1.04;letter-spacing:-3.5px;margin:0 0 25px}em{font-style:normal;color:var(--aqua)}.intro{max-width:420px;color:#c1d1d6;font-size:16px;margin-bottom:30px}.text-link{display:inline-block;margin:20px 0 0 22px;font-size:13px;border-bottom:1px solid #526e7d}.hero-foot{margin-top:48px;padding-left:16px;border-left:2px solid #d73648;font-size:12px;color:var(--muted)}figure{margin:0}.hero-photo{position:relative;background:#102d39;display:flex;flex-direction:column;justify-content:center}.hero-photo>img{width:100%;height:auto;display:block}.hero-photo figcaption{padding:20px 25px;font-size:12px;display:flex;align-items:center;gap:18px;background:#103044}.hero-photo figcaption span{font-size:9px;color:var(--aqua);letter-spacing:1.5px}.hero-photo b{margin-left:auto;font-size:10px;color:var(--muted)}.strip{display:flex;justify-content:space-between;gap:20px;padding:23px 5%;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;font-size:12px;color:#c1d4da}.strip span:first-child{color:var(--aqua);font-size:10px;letter-spacing:2px}.section{padding:90px 7%}.light{background:var(--white);color:var(--ink)}.light em{color:#277d85}h2{font-size:clamp(35px,3.4vw,54px);line-height:1.12;letter-spacing:-2px;margin:0 0 24px}h3{font-size:21px;line-height:1.3;letter-spacing:-.4px;margin:16px 0 12px}p{margin-top:0}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:35px}.section-head>p{max-width:360px;color:#58707a;font-size:14px}.products{display:grid;grid-template-columns:1.65fr 1fr;gap:26px}.featured{background:white}.featured>img{display:block;width:100%;max-height:460px;object-fit:contain;background:#e4ebea}.featured>div{padding:28px}.featured p,.future p{font-size:14px;color:#58707a;max-width:500px}.featured a{font-size:13px;font-weight:700;border-bottom:1px solid #279096;padding-bottom:4px}.tag{font-size:9px;letter-spacing:1.4px;color:#52727a}.future{border:1px solid #c9d7d7;padding:30px;display:flex;flex-direction:column;justify-content:end;background:#eaf0ee}.number{font-size:10px;letter-spacing:2px;color:#537179;margin-bottom:auto}.outline{width:100%;height:140px;border:1px dashed #9eb6b7;margin:50px 0;position:relative}.outline:after{content:'Fotografija budućeg modela';position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#66858a}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.benefits article{border-top:1px solid #37515f;padding-top:25px}.benefits article>span{color:var(--aqua);font-size:30px}.benefits p,.process p,.contact p{color:#b2c7ce;font-size:14px}.process{background:#0e2d3e;display:grid;grid-template-columns:1fr 1fr;gap:80px}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:28px;border-bottom:1px solid #37515f;padding:12px 0 23px}.process li b{color:var(--aqua);font-size:12px;padding-top:18px}.process h3{font-size:18px}.process li p{margin:0}.gallery{display:block;border:0;padding:0;position:relative;background:#102f40;width:100%;color:white}.gallery img{display:block;width:100%;max-height:700px;object-fit:contain}.gallery span{position:absolute;right:20px;bottom:20px;background:var(--navy);padding:12px 18px;font-size:12px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}details{border-bottom:1px solid #38515e;padding:20px 0}summary{cursor:pointer;list-style:none;padding-right:25px;position:relative;font-size:16px}summary:after{content:'+';position:absolute;right:0;color:var(--aqua)}details[open] summary:after{content:'−'}details p{font-size:14px;color:#b2c7ce;padding-top:16px;margin:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#123747}.contact>div>p{max-width:410px}.notice{margin-top:50px;border-left:2px solid #e34c56;padding-left:18px;color:#c1d4da;font-size:11px;line-height:2}.notice strong{font-weight:400;color:white;font-size:13px}label{display:block;font-size:12px;margin-bottom:17px;color:#d8e4e6}input,select,textarea{width:100%;display:block;border:1px solid #57717a;background:#173f4f;color:white;border-radius:2px;padding:13px 14px;margin-top:7px}input::placeholder,textarea::placeholder{color:#a9c0c8}input:focus,select:focus,textarea:focus{outline:2px solid var(--aqua);outline-offset:2px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}form .button{width:100%}#form-status{font-size:12px;margin-top:13px}footer{padding:35px 5%;display:flex;gap:30px;align-items:center;font-size:11px;color:var(--muted)}footer .logo{width:100px}footer p{margin:0}footer span{margin-left:auto}dialog{background:var(--navy);color:white;border:1px solid #52717c;padding:20px;max-width:90vw;max-height:94vh}dialog::backdrop{background:#001522e8}dialog img{display:block;max-width:100%;max-height:74vh;object-fit:contain;margin:auto}.close{display:block;margin-left:auto;margin-bottom:12px;border:0;background:var(--aqua);padding:8px 15px}dialog p{font-size:12px;margin:12px 0 0}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){nav{gap:18px}.hero{min-height:0}.hero-copy{padding:45px 8% 40px 10%}h1{font-size:53px}.hero-photo figcaption{display:block}.hero-photo figcaption span{display:block}.hero-photo b{display:none}.hero-foot{margin-top:25px}.section{padding:65px 6%}.process,.contact,.faq{gap:35px}}@media(max-width:680px){html{scroll-padding-top:20px}.prototype{font-size:8px;letter-spacing:.8px}.prototype span{margin:0 4px}header{flex-wrap:wrap;padding:14px 5%}.logo{width:108px}.menu{display:block;background:transparent;color:white;border:1px solid #536d7a;padding:8px 12px;font-size:12px}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:15px}nav.open{display:flex}nav>a{padding:13px 8px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6% 35px}h1{font-size:57px;letter-spacing:-2.5px}.intro{font-size:15px}.hero-foot{display:none}.hero-photo figcaption{font-size:11px;padding:17px 6%}.hero-photo figcaption span{display:inline;margin-right:10px}.strip{flex-wrap:wrap;gap:10px;font-size:10px;padding:20px 6%}.strip span:first-child{width:100%}.section{padding:55px 6%}.section-head{display:block;margin-bottom:25px}.section-head>p{max-width:none;margin-top:20px}.products,.benefits,.process,.faq,.contact{grid-template-columns:1fr}.benefits{gap:20px;margin-top:30px}.benefits article{padding-top:16px}.benefits h3{margin-top:8px}.future{min-height:340px}.outline{margin:25px 0}.process{gap:15px}.faq{gap:5px}.contact{gap:30px}.notice{margin-top:25px}.fields{grid-template-columns:1fr;gap:0}.gallery span{bottom:10px;right:10px;font-size:10px;padding:10px}footer{flex-wrap:wrap;gap:18px}footer span{margin:0;width:70%}h2{font-size:38px}dialog{padding:12px;max-width:96vw}.text-link{margin-left:15px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Motion and material exploration */
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:30;background:var(--aqua);transform:scaleX(0);transform-origin:left;pointer-events:none}header{position:sticky;top:0;z-index:20;background:#071f30f5;backdrop-filter:blur(14px)}nav{gap:22px}.button{transition:background .2s,transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #0002}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.hero{overflow:hidden}.hero-copy{position:relative;isolation:isolate}.hero-copy:before{content:'';position:absolute;z-index:-1;width:360px;height:360px;background:radial-gradient(ellipse,#4cd5cf15,transparent 68%);top:15%;left:-20%;animation:waterlight 12s ease-in-out infinite alternate;pointer-events:none}.hero-photo>img{transform:translateY(var(--drift,0px));will-change:transform}.hero-photo figcaption{position:relative;z-index:1}.hero h1{animation:hero-enter .9s both}.hero .intro{animation:hero-enter 1.1s .1s both}.hero .button{animation:hero-enter 1.2s .2s both}.hero .eyebrow i{box-shadow:0 0 0 5px #ed47551c}.reveal{transition:opacity .8s ease,translate .8s cubic-bezier(.2,.65,.2,1);transition-delay:var(--delay,0ms)}.reveal.pending{opacity:0;translate:0 32px}.benefits article{transition:border-color .3s,translate .3s}.benefits article:hover{border-color:var(--aqua);translate:0 -4px}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.gallery{overflow:hidden}.gallery img{transition:transform .7s}.gallery:hover img{transform:scale(1.025)}.gallery span{transition:background .3s}.gallery:hover span{background:#155767}.materials{background:#0c2a3b}.materials .section-head>p{color:#b2c7ce}.material-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.material-visual{position:relative;overflow:hidden;aspect-ratio:1/1;background:#173b48}.material-visual>img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .25s}.material-visual.detail{background-image:var(--sample-image);background-repeat:no-repeat;background-size:var(--sample-size);background-position:var(--sample-position)}.material-visual.detail>img{opacity:0}.material-caption{position:absolute;left:20px;bottom:18px;background:#071f30ea;padding:9px 13px;font-size:9px;letter-spacing:1.5px}.material-controls h3{font-size:32px;letter-spacing:-1px;margin-top:30px}.material-controls>p{color:#b2c7ce;font-size:14px}.material-tabs{display:flex;gap:10px}.material-tabs button{background:transparent;color:#d5e4e6;border:1px solid #58717a;padding:11px 16px;font-size:12px}.material-tabs button[aria-pressed=true]{color:var(--navy);background:var(--aqua);border-color:var(--aqua)}.swatches{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 12px}.swatches button{background:var(--tone);width:38px;height:42px;border:2px solid #ffffff25;border-radius:2px;transition:transform .2s;position:relative}.swatches button:hover{transform:translateY(-4px)}.swatches button[aria-pressed=true]{outline:2px solid var(--aqua);outline-offset:3px}.swatches button[aria-pressed=true]:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:white;text-shadow:0 1px 4px black}#swatch-label{min-height:24px;font-size:12px;color:var(--aqua)}.reset-material{border:0;border-bottom:1px solid #58717a;color:white;background:none;padding:3px 0;font-size:12px}.material-controls .notice{margin-top:28px}.material-controls .text-link{margin-left:0}.material-controls .eyebrow{color:var(--aqua)}@keyframes waterlight{to{transform:translate(90px,80px) scale(1.4)}}@keyframes hero-enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@media(max-width:1000px){nav{gap:12px;font-size:12px}.material-layout{gap:30px}.material-tabs{flex-wrap:wrap}.material-controls h3{font-size:27px}}@media(max-width:780px){.material-layout,.gallery-grid{grid-template-columns:1fr}.material-visual{max-height:520px}.section-head{display:block}.section-head>p{max-width:none}.gallery-grid{gap:18px}.gallery img{max-height:580px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal.pending{opacity:1;translate:none}.hero-photo>img{transform:none!important}}
@media(min-width:681px) and (max-width:1000px){header{flex-wrap:wrap}.menu{display:block;background:transparent;color:white;border:1px solid #536d7a;padding:8px 12px;font-size:12px}nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-top:15px}nav.open{display:flex}nav>a{padding:13px 8px}}@media(min-width:1001px){.material-controls .notice{max-width:430px}}
.material-visual{isolation:isolate}.pool-neutral{position:absolute;inset:0;mask:url('assets/cladding-mask.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/cladding-mask.svg') center/100% 100% no-repeat;opacity:0;transition:opacity .35s;pointer-events:none;isolation:isolate}.pool-neutral img{display:block;width:100%;height:100%;object-fit:fill}.pool-tint{position:absolute;inset:0;background:var(--pool-color,#888);mix-blend-mode:multiply;transition:background .35s}.color-selected .pool-neutral{opacity:1}.material-caption{z-index:2}.material-visual{max-height:none}
.pool-glint{position:absolute;inset:-20% auto -20% 0;width:45%;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#e2fffc75,transparent);transform:translateX(-180%) skewX(-18deg)}@media(prefers-reduced-motion:reduce){.pool-glint{display:none}}
/* Self-contained 3D equipment explorer */
.equipment{background:#f0f5f3;color:var(--ink)}.equipment em{color:#277d85}.equipment-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:34px;align-items:start}.equipment-stage{background:radial-gradient(ellipse at 45% 35%,#244757,#081f30 78%);color:#c7dadd;border:1px solid #365662;min-width:0;border-radius:3px;overflow:hidden}.stage-top,.stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:10px;letter-spacing:1px}.stage-top{border-bottom:1px solid #ffffff16}.stage-top button,.stage-bottom button{border:0;background:none;color:var(--aqua);font-size:11px;padding:7px 0;text-align:right}.stage-bottom{border-top:1px solid #ffffff16;letter-spacing:0}.equipment-stage canvas{display:block;width:100%;height:440px;touch-action:pan-y;cursor:grab}.equipment-stage canvas:active{cursor:grabbing}.angle-label{display:flex;align-items:center;gap:15px;padding:0 22px;margin:0;color:#c7dadd;font-size:11px}.angle-label input{accent-color:var(--aqua);padding:0;margin:0;border:0;width:100%;flex:1;background:transparent}.angle-label output{width:40px;text-align:right}.equipment-caption{font-size:11px;color:var(--aqua);padding:15px 22px;margin:0;min-height:55px}.equipment-controls .eyebrow{margin-bottom:16px}.glass-options{display:flex;gap:8px}.glass-options button{background:transparent;border:1px solid #9aafb0;padding:10px 20px;color:var(--ink);font-size:12px;flex:1}.glass-options button[aria-pressed=true]{background:var(--ink);color:var(--aqua);border-color:var(--ink)}.equipment-help{font-size:11px;color:#58707a;margin:12px 0 28px}.equipment-options{display:grid;gap:8px}.equipment-options>button{display:flex;align-items:center;text-align:left;gap:14px;border:1px solid #c5d5d3;background:#ffffff8c;padding:13px 15px;color:var(--ink);width:100%;transition:border-color .2s,background .2s}.equipment-options>button[aria-pressed=true]{border-color:#398a8e;background:#e1f3ee}.equipment-icon{font-size:25px;width:26px;color:#287a81}.equipment-options strong{display:block;font-size:13px;font-weight:600}.equipment-options small{display:block;font-size:10px;color:#58707a;margin-top:2px}.equipment-switch{margin-left:auto;border-radius:20px;background:#b4c4c4;min-width:29px;height:17px;padding:3px}.equipment-switch:after{content:'';display:block;background:white;width:11px;height:11px;border-radius:50%;transition:translate .2s}.equipment-options [aria-pressed=true] .equipment-switch{background:#277d85}.equipment-options [aria-pressed=true] .equipment-switch:after{translate:12px 0}.equipment-explainer{border-left:2px solid #277d85;padding:0 0 0 14px;margin-top:22px;font-size:12px}.equipment-explainer strong{font-size:13px}.equipment-explainer p{color:#58707a;margin:6px 0 0}.equipment-disclaimer{font-size:10px;color:#58707a;border-top:1px solid #c5d5d3;padding-top:20px;margin:30px 0 0;letter-spacing:.2px}@media(max-width:1050px){.equipment-layout{grid-template-columns:1fr}.equipment-stage canvas{height:420px}}@media(max-width:600px){.equipment-stage canvas{height:310px}.stage-top,.stage-bottom{padding:12px;font-size:9px}.stage-top button,.stage-bottom button{font-size:10px}.angle-label{padding:0 12px}.equipment-caption{padding:12px}.glass-options button{padding:10px}.equipment-options>button{min-height:64px}}
/* Reference-led product rendering and annotations */
.equipment-stage{background:radial-gradient(ellipse at 40% 35%,#aec7c6 0,#70999e 46%,#426775 100%)}.equipment-stage canvas{height:490px}.equipment-canvas-wrap{position:relative}.equipment-markers{position:absolute;inset:0;pointer-events:none;overflow:hidden}.equipment-markers span{position:absolute;transform:translate(-50%,-120%);font-size:9px;background:#092837df;border:1px solid #d6f3ed55;color:#edfbf8;white-space:nowrap;border-radius:3px;padding:5px 8px;box-shadow:0 3px 14px #09202b25}.equipment-markers span:after{content:'';display:block;height:16px;width:1px;background:#ddfaf0;position:absolute;left:50%;top:100%}.equipment-markers span:nth-child(1){transform:translate(-65%,55%)}.equipment-markers span:nth-child(1):after{top:auto;bottom:100%}.equipment-markers span:nth-child(2){transform:translate(-40%,95%)}.equipment-markers span:nth-child(2):after{top:auto;bottom:100%;height:25px}.stage-top,.stage-bottom{background:#092837dc;color:#d0e2e4}.angle-label,.equipment-caption{background:#092837dc}.angle-label{padding-top:12px}.equipment-caption{padding-bottom:20px}.equipment-finishes{display:flex;gap:8px;margin:0 0 13px}.equipment-finishes button{display:flex;align-items:center;gap:8px;border:1px solid #9eb3b3;padding:10px 13px;background:white;color:var(--ink);font-size:11px;flex:1}.equipment-finishes button[aria-pressed=true]{outline:2px solid #277d85;outline-offset:-2px}.equipment-finishes i{width:20px;height:20px;background:repeating-linear-gradient(90deg,#815337 0 2px,#a87953 2px 3px);display:inline-block}.equipment-finishes [data-finish=dark] i{background:repeating-linear-gradient(90deg,#242a28 0 2px,#424842 2px 3px)}.equipment-label-toggle{display:flex;align-items:center;gap:9px;color:#58707a;font-size:11px;margin:0 0 25px}.equipment-label-toggle input{width:15px;height:15px;margin:0;accent-color:#277d85}.equipment-circuit{position:relative;height:89px;background:#0c2e3f;padding:17px 25px;display:flex;align-items:start;justify-content:space-between;font-size:9px;color:#bdece7;isolation:isolate}.equipment-circuit[hidden]{display:none}.equipment-circuit:before{content:'';position:absolute;left:12%;right:12%;top:30px;height:27px;border:1px solid #76a9b0;border-radius:20px;z-index:-1}.equipment-circuit>span{padding:7px;background:#164556;border:1px solid #70b4b5;position:relative;z-index:1}.equipment-circuit .circuit-salt{opacity:.25}.equipment-circuit.has-salt .circuit-salt{opacity:1;box-shadow:0 0 15px #7be7d855}.equipment-circuit small{position:absolute;bottom:7px;left:0;width:100%;text-align:center;font-size:8px;color:#aac2c8}.equipment-circuit i{position:absolute;width:4px;height:4px;top:28px;left:13%;border-radius:50%;background:#b0fff0;animation:circuit-travel 3s linear infinite}.equipment-circuit i:nth-of-type(2){animation-delay:-1s}.equipment-circuit i:nth-of-type(3){animation-delay:-2s}.equipment-circuit.circuit-paused i{animation-play-state:paused}@keyframes circuit-travel{0%{left:13%;top:28px}42%{left:86%;top:28px}50%{left:86%;top:55px}92%{left:13%;top:55px}100%{left:13%;top:28px}}.onsite-references{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:18px;margin-top:45px;align-items:center}.onsite-references .eyebrow{font-size:9px;margin-bottom:12px}.onsite-references h3{font-size:23px}.onsite-references p{color:#58707a;font-size:12px}.onsite-references .gallery img{height:190px;width:100%;object-fit:cover}.onsite-references .gallery span{font-size:9px;padding:7px;right:6px;bottom:6px}.renderer-fallback{padding:50px 20px;color:#153d4b}@media(max-width:1050px){.equipment-stage canvas{height:500px}.onsite-references{grid-template-columns:repeat(3,1fr)}.onsite-references>div{grid-column:1/-1}}@media(max-width:600px){.equipment-stage canvas{height:330px}.equipment-markers span{font-size:7px;padding:3px 4px}.stage-top{font-size:8px;letter-spacing:0}.onsite-references{gap:10px;grid-template-columns:1fr}.onsite-references .gallery img{height:230px;object-fit:contain}.equipment-finishes button{padding:10px}.equipment-circuit{font-size:8px;padding:17px 12px}}@media(prefers-reduced-motion:reduce){.equipment-circuit i{animation:none}}
.stage-bottom{flex-wrap:wrap}.stage-bottom>span{flex:1;min-width:130px}.stage-bottom button{white-space:nowrap}#equipment-wave{border:1px solid #8bccc780;border-radius:3px;padding:5px 9px}.onsite-references{grid-template-columns:repeat(4,minmax(0,1fr))}.onsite-references>div{grid-column:1/-1}@media(max-width:780px){.onsite-references{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.onsite-references{grid-template-columns:1fr}.stage-bottom>span{flex-basis:100%}}
.equipment-views{display:flex;gap:8px;margin:0 0 16px}.equipment-views button{padding:11px 15px;border:1px solid #9eb3b3;font-size:12px;background:transparent;color:var(--ink);flex:1}.equipment-views [aria-pressed=true]{background:var(--ink);color:var(--aqua);border-color:var(--ink)}