.scrolly-section{background:var(--Pozadina);height:320svh;position:relative;overflow:visible}.IkoniceFull{justify-content:center;align-items:center;width:100%;display:flex;position:relative;top:-2%;overflow-x:hidden}.IkoniceFull img{object-fit:contain;width:980px;height:120px;position:relative}.Ikonica_CSPSrbija{text-align:center;color:var(--bela);z-index:30;font-size:6rem;position:absolute;top:32%;left:48%;transform:translate(-50%)}.Ikonica_CSPSrbija svg{filter:drop-shadow(2px 5px 10px #000)}.Ikonica_VasaFirmaFull{text-align:center;color:var(--bela);z-index:30;font-size:6rem;position:absolute;top:96%;left:47%;transform:translate(-50%)}.Ikonica_VasaFirmaFull svg{filter:drop-shadow(2px 5px 10px #000)}.scrolly-svg{width:100%;height:100%;position:absolute;inset:0}.scrolly-svg path{fill:none;stroke:var(--base-200);stroke-width:1px;stroke-dasharray:4 6}.ikonica{color:var(--bela);z-index:25;font-size:5rem;position:absolute}.scrolly-text{text-align:center;width:100%;color:var(--base-200);z-index:60;font-size:1.2rem;position:absolute;left:50%;transform:translate(-50%)}.text-1{top:10%}.text-2{top:20%}.text-3{top:60%}.text-4{top:78%}
.sticky img{object-fit:fill;width:100%;height:100%}.OpasnaSekcija{background-color:var(--Pozadina);width:100%;height:100svh;color:var(--bela);position:relative}.sticky{justify-content:center;align-items:center;display:flex;position:relative}.sticky-header{position:absolute;top:18%;left:50%;transform:translate(-50%,-50%)}.sticky-header h3{text-align:center;will-change:transform,opacity;opacity:0;position:relative;transform:translateY(40px)}.card-container{perspective:1000px;will-change:width;width:75%;display:flex;position:relative;transform:translateY(40px)}.card{aspect-ratio:5/7;transform-style:preserve-3d;transform-origin:top;flex:1;position:relative}#card-1{border-radius:20px 0 0 20px}#card-3{border-radius:0 20px 20px 0}.card-front,.card-back{backface-visibility:hidden;border-radius:inherit;width:100%;height:100%;position:absolute;overflow:hidden}.card-back{text-align:center;filter:drop-shadow(2px 2px 25px #000);justify-content:center;align-items:center;padding:2rem;display:flex;transform:rotateY(180deg)}.card-back span{opacity:.4;font-size:2.5rem;position:absolute;top:2rem;left:2rem}.card-back p{font-size:1.5rem;line-height:2rem}#card-1 .card-back{background-color:var(--crvena);color:var(--bela)}#card-2{z-index:100}#card-2 .card-back,#card-3 .card-back{background-color:var(--crvena)}@media (max-width:1000px){h1{font-size:3rem}.intro h1,.outro h1{width:100%}.sticky{flex-direction:column;height:max-content;padding:4rem 2rem}.sticky-header{margin-bottom:4rem;position:relative;top:0;left:0;transform:none}.sticky-header h1{opacity:1}.card-container{flex-direction:column;gap:2rem;width:100%}.card{width:100%;max-width:400px;margin:0 auto;border-radius:20px!important}#card-1,#card-2,#card-3,.card-back{filter:none;transform:none}}
@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.262b87c4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.380d09ea.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_1639a803-module__et7ZKG__className{font-family:Instrument Serif,Instrument Serif Fallback;font-style:normal;font-weight:400}
.featured-projects{background-color:var(--Pozadina);width:100%;color:var(--bela);padding:1rem;position:relative}.featured-projects .featured-project-card{width:100%;height:100svh;transform-style:preserve-3d;perspective:1000px;will-change:transform;justify-content:center;align-items:center;display:flex;position:sticky}.featured-projects .featured-project-card-inner{background-color:var(--crvena);transform-origin:50% 100%;will-change:transform;border-radius:2rem;gap:1rem;width:100%;height:calc(100% - 2rem);padding:1rem;display:flex;position:relative;overflow:hidden}.featured-projects .featured-project-card-content{flex-direction:column;flex:1;justify-content:space-between;display:flex}.featured-projects .featured-project-card-content-main{flex-direction:column;align-items:flex-start;padding:2rem;display:flex}.featured-projects .featured-project-card-info{text-align:left;width:60%;color:var(--bela);padding:2rem}.featured-projects .featured-project-card-title h2{color:var(--Pozadina);padding:2rem 0 1rem}.featured-projects .featured-project-card-description{text-align:left;width:75%;color:var(--bela)}.featured-projects .featured-project-card-img{border-radius:1.5rem;flex:.65;overflow:hidden}.featured-project-card-img img{object-fit:contain;max-width:100%;max-height:100%}.featured-projects .featured-project-card-inner:after{content:"";background-color:var(--Pozadina);width:100%;height:100%;opacity:var(--after-opacity,0);will-change:opacity;pointer-events:none;z-index:2;position:absolute;top:0;left:0}@media (max-width:1000px){.featured-projects .featured-project-card-inner{flex-direction:column}.featured-projects .featured-project-card-content{flex:1}.featured-projects .featured-project-card-img{display:none}.featured-projects .featured-project-card-info{text-align:center;width:75%;margin:0 auto}.featured-projects .featured-project-card-title{text-align:center;width:100%}.featured-projects .featured-project-card-description{text-align:center;width:100%;display:block}}@media (max-width:450px){.featured-projects .featured-project-card-description p{text-align:center;font-size:1rem;display:block}}
.needs-section{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.needs-header{max-width:520px;margin-bottom:4rem}.needs-header h2{margin-bottom:1rem;font-size:2.5rem;font-weight:600}.needs-header p{color:#555;line-height:1.6}.needs-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.needs-card{background:var(--bela);border-radius:1.25rem;padding:2.5rem 2rem;position:relative;overflow:hidden}.card-number{color:#00000014;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:10rem;font-weight:700;line-height:1;position:absolute;top:0;right:0}.needs-card h3,.needs-card p{z-index:1;font-weight:700;position:relative}.needs-card:hover{transform:translateY(-4px)}.needs-card h3{color:var(--crvena);margin-bottom:.15rem;font-size:1.2rem}.needs-card p{color:var(--Pozadina);line-height:1.5}@media (max-width:900px){.needs-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.needs-grid{grid-template-columns:1fr}}
.pin-card{perspective:1000px;color:var(--bela);border-top-left-radius:2rem;border-top-right-radius:2rem;justify-content:space-between;padding:10vh 8vw;display:flex;position:relative}.pin-card .overlay{background:var(--Pozadina);opacity:0;pointer-events:none;position:absolute;inset:0}.pin-card span{flex-direction:column;align-items:center;font-size:6vw;font-weight:600;line-height:4rem;display:flex}.PrvaTriStil{letter-spacing:-.08rem;font-size:5rem;font-weight:500}.CetvrtiStil{margin-bottom:.5rem;font-size:4rem}.pin-card-spanDodatno{font-size:1rem}.pin-card-content{flex-direction:column;justify-content:flex-start;align-items:center;width:60%;display:flex}.pin-card img{object-position:top;border-radius:1rem;max-height:47%}.pin-card p{max-width:100%;margin-top:1.5rem;font-size:1.2rem;line-height:1.3}@media (max-width:768px){.pin-card{flex-direction:column;gap:2rem;padding:5vh 6vw}.pin-card span{font-size:12vw}.pin-card div{width:100%}.PrvaTriStil{letter-spacing:-.08rem;margin-bottom:1rem;font-size:8vw;font-weight:500}.CetvrtiStil{margin-bottom:.5rem;font-size:6.5vw}.pin-card img{border-radius:1rem;max-height:43%}.pin-card p{max-width:100%;font-size:.9rem}}@media (max-width:480px){.pin-card span{font-size:15vw}.PrvaTriStil{font-size:8vw}.CetvrtiStil{font-size:6vw}.pin-card img{border-radius:1rem;max-height:32%}.pin-card p{max-width:100%;font-size:.8rem}}
