.concept-v2{overflow-x:clip;background:#fff}.concept-v2 .site-header{position:relative;z-index:4;border-bottom-color:#20202025}.concept-v2 .hero{position:relative;isolation:isolate;padding-bottom:12px}.concept-v2 .hero:before{content:"";position:absolute;z-index:-2;inset:-100px calc(-1 * var(--gutter)) -65px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#20202007 calc(25% - 1px),#20202007 25%);pointer-events:none}.hero-architecture{position:absolute;z-index:-1;pointer-events:none;width:900px;height:750px;right:-260px;top:-180px;opacity:.2;transform:rotate(-9deg);mask-image:linear-gradient(180deg,#000 20%,#000 65%,transparent)}.hero-architecture img{height:100%;object-fit:contain}.concept-v2 .hero-heading{z-index:3;margin-top:30px;margin-bottom:26px}.title-line{display:block;overflow:hidden;padding-bottom:.065em;margin-bottom:-.065em}.title-line>span{display:block;transform-origin:bottom left}.title-line b{font-weight:500}.concept-v2 .hero h1{font-weight:500;letter-spacing:-.065em;font-size:clamp(68px,8.3vw,147px)}.concept-v2 .hero-intro{left:77%;top:12px}.concept-v2 .hero-intro p{background:#ffffffb5;padding:7px 9px 7px 0}.concept-v2 .corner-mark{font-size:66px;margin-bottom:22px;transform-origin:50% 50%}.hero-stage{position:relative;perspective:1600px;padding:30px 0 0 3.5%;margin-top:-5px;isolation:isolate;--camera-x:0deg;--camera-y:0deg;--camera-z:0deg;--camera-scale:1;--explode:0px}.hero-stage:before{content:"";position:absolute;inset:15px 14px 20px 0;border:1px solid #20202025;z-index:-1;transform:translate3d(-15px,12px,-60px)}.hero-stage .scene{transform:rotateX(var(--camera-x)) rotateY(var(--camera-y)) rotateZ(var(--camera-z)) scale(var(--camera-scale));transform-origin:center 65%;aspect-ratio:2.15;box-shadow:0 28px 65px -40px #20202070,0 2px 3px #2020200e;outline:1px solid #20202014;will-change:transform}.scene>.blueprint{position:absolute;inset:0;width:100%;height:100%;display:block}.stage-plane{position:absolute;inset:30px 0 25px 3.5%;z-index:-1;pointer-events:none;background:#fafaf8;border:1px solid #7776;transform-origin:center 65%;overflow:hidden}.stage-plane img{width:100%;height:100%;object-fit:cover;opacity:.3}.plane-one{transform:translate3d(calc(-22px - var(--explode)),calc(14px + var(--explode)),-65px) rotateY(-4deg);opacity:.5}.plane-two{transform:translate3d(calc(-40px - var(--explode) * 1.5),calc(30px + var(--explode) * 1.3),-120px) rotateY(-6deg);opacity:.23}.stage-axis{position:absolute;left:0;top:70px;bottom:70px;display:flex;flex-direction:column;align-items:center;gap:14px;font:9px monospace;color:#7b7c76}.stage-axis i{width:1px;flex:1;background:#2020202e;position:relative}.stage-axis i:before,.stage-axis i:after{content:"";position:absolute;left:-5px;width:11px;height:1px;background:var(--orange)}.stage-axis i:before{top:0}.stage-axis i:after{bottom:0}.scene-coordinate{position:absolute;right:22px;bottom:60px;font:8px monospace;letter-spacing:.1em;color:white;writing-mode:vertical-rl}.stage-caption{display:flex;align-items:center;gap:9px;font:9px Inter,Arial,sans-serif;letter-spacing:.09em;padding:16px 0 12px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--orange)}.stage-counter{margin-left:auto;color:#8b8b83}.stage-counter b{font-weight:500;color:#202020}.animation-control{display:flex;gap:24px;align-items:center;padding:11px 0 20px;margin-left:3.5%}.animation-control button{display:flex;align-items:center;gap:12px;border:0;background:none;padding:8px 0;font-size:9px;letter-spacing:.06em;min-width:171px;text-align:left}.play-symbol{color:var(--orange);width:22px;height:22px;border:1px solid #f36b2160;display:grid;place-items:center;font-size:10px}.sequence-track{height:2px;background:#20202014;flex:1}.sequence-track>div{width:var(--timeline,0%);height:100%;background:var(--orange)}.sequence-caption{font-size:8px;letter-spacing:.08em;color:#777770}.sequence-caption i{font-style:normal;color:var(--orange);margin:0 12px}.concept-v2 .scene-controls{min-height:68px;border-top:1px solid #2020201f}.concept-v2 .scene-foot{background:#f6f6f4d9;padding:6px 8px;left:18px;bottom:19px}.concept-v2 .scene[data-state="3"] .scene-foot{background:#20202085}.concept-v2 .reveal-line{width:2px;box-shadow:0 0 0 1px #f36b2110}.concept-v2 .reveal-line b{width:42px;height:42px;border:4px solid #f6f6f4;font-size:26px}.concept-v2 .reveal-line>span{font-weight:600;background:#f6f6f4db;padding:9px 5px;left:9px;top:19px;color:#b14c15}.hero-stage.is-playing .scene{--reveal:100%}.hero-stage.is-playing .scene .reveal-line{display:block;opacity:var(--boundary-opacity,0)}.hero-stage.is-playing .scene .draft-label{opacity:var(--draft-opacity,1)}.hero-stage.is-playing .scene .photo-label{opacity:var(--photo-opacity,0)}.hero-stage.is-playing .blueprint g path{stroke-dasharray:1;stroke-dashoffset:1;animation:draw-construction 2.35s cubic-bezier(.3,.1,.25,1) forwards;animation-delay:var(--draw-delay,0s)}.hero-stage.is-playing .blueprint>path{opacity:.75}.hero-stage.is-playing .live-dot{animation:live-pulse 1.2s ease-in-out infinite}.hero-stage.is-paused .blueprint g path,.hero-stage.is-paused .live-dot{animation-play-state:paused}.sequence-started .title-line>span{animation:title-rise 1.2s cubic-bezier(.15,1,.25,1) both}.sequence-started .title-line:nth-child(2)>span{animation-delay:.16s}.sequence-started .corner-mark{animation:arrow-turn 1.5s cubic-bezier(.15,1,.25,1) both}.architecture-overlay{position:absolute;z-index:0;pointer-events:none}.architecture-overlay img{height:100%;width:100%;object-fit:contain}.concept-v2 .section{position:relative;isolation:isolate}.concept-v2 .section>.section-label,.concept-v2 .section>.about-content,.concept-v2 .section>.wrap,.concept-v2 .section>.projects-head,.concept-v2 .section>figure,.concept-v2 .section>.project-pair,.concept-v2 .section>.contact-heading,.concept-v2 .section>.contact-bottom{position:relative;z-index:1}.overlay-about{width:580px;height:680px;left:-260px;top:50px;opacity:.18;transform:rotate(-15deg)}.concept-v2 .about:after{content:"02";position:absolute;top:220px;left:2%;z-index:0;font:200px Inter,Arial,sans-serif;letter-spacing:-.07em;color:#20202008}.overlay-services{right:-200px;top:-190px;width:830px;height:730px;opacity:.15;transform:rotate(12deg)}.concept-v2 .services{background:#f4f4f0;overflow:hidden}.concept-v2 .services-head{margin-bottom:70px}.concept-v2 .service-row{position:relative;padding:36px 0;transition:padding .5s cubic-bezier(.16,1,.3,1),background .5s;isolation:isolate}.concept-v2 .service-row:before{content:"";position:absolute;inset:0 -12px;background:#fff;opacity:0;z-index:-1;transform:scaleY(.7);transition:opacity .4s,transform .5s}.concept-v2 .service-row:hover{padding-left:20px;padding-right:20px}.concept-v2 .service-row:hover:before{opacity:.85;transform:scaleY(1)}.concept-v2 .service-arrow{transition:transform .5s,color .4s}.concept-v2 .service-row:hover .service-arrow{transform:translate(6px,-6px)}.overlay-projects{width:950px;height:780px;top:-100px;right:-420px;opacity:.16;transform:rotate(19deg)}.concept-v2 .project-image{box-shadow:0 30px 55px -38px #20202085}.concept-v2 .project-image:after{content:"";position:absolute;inset:14px;border:1px solid #fff4;pointer-events:none}.concept-v2 .project-image img{transition:transform 1.2s cubic-bezier(.2,.6,.25,1)}.concept-v2 .project-image:hover img{transform:scale(1.035)}.concept-v2 .project-feature{padding-left:5%;position:relative}.concept-v2 .project-feature:before{content:"IZVEDENO / 01";position:absolute;left:0;top:30px;font:9px monospace;letter-spacing:.1em;writing-mode:vertical-rl}.concept-v2 .project-pair{position:relative}.concept-v2 .project-pair:before{content:"";position:absolute;inset:75px -40px -80px;background:url('assets/konstrukcija.svg') no-repeat center/90%;opacity:.13;z-index:-1}.concept-v2 .approach:before{content:"";position:absolute;right:-250px;top:50px;width:740px;height:680px;background:url('assets/detalj.svg') no-repeat center/contain;filter:invert(1);opacity:.12;pointer-events:none}.concept-v2 .process-drawing{filter:drop-shadow(0 20px 14px #0004);transform:perspective(700px) rotateX(8deg)}.overlay-contact{right:-180px;top:-100px;width:880px;height:790px;opacity:.17;transform:rotate(-12deg)}.concept-v2 .contact-heading h2{position:relative}.concept-v2 .contact-bottom{padding:30px 0 0;background:#ffffffc9}.concept-v2 footer{position:relative;isolation:isolate;background:#eeeeea;overflow:hidden}.concept-v2 footer:before{content:"";position:absolute;z-index:-1;right:-120px;bottom:-300px;width:900px;height:700px;background:url('assets/detalj.svg') center/contain no-repeat;opacity:.12;transform:rotate(-15deg)}.concept-v2 .footer-wordmark{letter-spacing:-.075em}.js-depth .section h2,.js-depth .project-image,.js-depth .process-steps article{opacity:0;transform:translateY(38px);transition:opacity .9s,transform 1.1s cubic-bezier(.16,1,.3,1)}.js-depth .is-visible h2,.js-depth .is-visible .project-image,.js-depth .is-visible .process-steps article{opacity:1;transform:none}.js-depth .is-visible .process-steps article:nth-child(2){transition-delay:.1s}.js-depth .is-visible .process-steps article:nth-child(3){transition-delay:.2s}.js-depth .is-visible .process-steps article:nth-child(4){transition-delay:.3s}
html{overflow-x:clip}.js-depth .section.is-visible h2,.js-depth .section.is-visible .project-image,.js-depth .section.is-visible .process-steps article{transform:none}.story-grid .scene-coordinate{display:none}
@keyframes draw-construction{to{stroke-dashoffset:0}}@keyframes title-rise{from{transform:translateY(115%) rotate(3deg);opacity:.2}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes arrow-turn{from{transform:rotate(-90deg) scale(.7);opacity:0}to{transform:none;opacity:1}}@keyframes live-pulse{50%{opacity:.25}}
@media(max-width:1000px){.hero-architecture{width:680px;right:-290px;top:-140px}.concept-v2 .hero-intro{left:76%}.concept-v2 .corner-mark{font-size:45px}.overlay-about{left:-300px}.overlay-projects{right:-470px}}
@media(max-width:680px){.concept-v2 .hero h1{font-size:clamp(38px,9.3vw,64px);line-height:1.02}.concept-v2 .hero-heading{margin-top:30px;margin-bottom:19px}.concept-v2 .hero-intro{margin-top:23px}.concept-v2 .hero-intro p{font-size:11px;background:#ffffff90}.concept-v2 .corner-mark{font-size:38px;margin-bottom:0}.hero-architecture{width:500px;height:540px;right:-280px;top:-150px;opacity:.19}.hero-stage{padding-left:10px;padding-top:19px;margin-top:0;perspective:1100px}.hero-stage .scene{aspect-ratio:.93;box-shadow:0 20px 35px -22px #20202065}.hero-stage:before{inset:12px 6px 31px 5px;transform:translate(-7px,6px)}.stage-axis{left:-5px;top:45px;bottom:64px;font-size:6px;gap:6px}.stage-plane{inset:19px 0 35px 10px}.plane-one{transform:translate3d(calc(-8px - var(--explode) * .2),calc(8px + var(--explode) * .2),-40px) rotateY(-2deg)}.plane-two{transform:translate3d(calc(-14px - var(--explode) * .35),calc(16px + var(--explode) * .3),-65px) rotateY(-3deg)}.stage-caption{font-size:7px;padding:15px 0 12px;gap:6px}.scene-coordinate{font-size:6px;right:11px;bottom:50px}.animation-control{margin-left:10px;gap:13px;padding:8px 0 17px}.animation-control button{font-size:7px;min-width:139px;gap:8px}.play-symbol{width:19px;height:19px}.sequence-caption{display:none}.concept-v2 .scene-controls{min-height:0}.concept-v2 .scene-foot{font-size:6px;left:8px;bottom:12px;padding:5px}.concept-v2 .reveal-line>span{font-size:6px;padding:6px 3px;left:5px;top:13px}.concept-v2 .reveal-line b{width:31px;height:31px;border-width:3px;font-size:21px}.concept-v2 .hero-note{margin-left:10px;font-size:7px}.overlay-about{left:auto;right:-190px;top:80px;width:460px;height:510px;opacity:.16}.concept-v2 .about:after{display:none}.overlay-services{right:-330px;top:-100px;width:620px;height:540px;opacity:.17}.concept-v2 .services-head{margin-bottom:38px}.concept-v2 .service-row{padding:27px 0}.concept-v2 .service-row:hover{padding-left:0;padding-right:0}.overlay-projects{width:530px;height:400px;top:12px;right:-280px;opacity:.16}.concept-v2 .project-feature{padding-left:0}.concept-v2 .project-feature:before{display:none}.concept-v2 .project-image:after{inset:8px}.concept-v2 .project-pair:before{inset:0 -100px;background-size:180%;opacity:.15}.concept-v2 .approach:before{right:-280px;top:350px;width:590px;height:570px;opacity:.1}.overlay-contact{right:-260px;top:40px;width:600px;height:560px;opacity:.17}.concept-v2 .contact-bottom{padding-top:26px}.concept-v2 .contact-arrow{font-size:55px;right:0}.js-depth .section h2,.js-depth .project-image,.js-depth .process-steps article{transform:translateY(22px)}}
@media(prefers-reduced-motion:reduce){.hero-stage .scene,.stage-plane{transform:none!important}.hero-stage.is-playing .blueprint g path{animation:none;stroke-dashoffset:0}.sequence-started .title-line>span,.sequence-started .corner-mark,.hero-stage.is-playing .live-dot{animation:none}.js-depth .section h2,.js-depth .project-image,.js-depth .process-steps article{opacity:1;transform:none;transition:none}.concept-v2 .project-image img,.concept-v2 .service-row,.concept-v2 .service-arrow{transition:none}}