.workPage{width:100%;display:flex;flex-direction:column;gap:var(--gap)}.workPage section{padding:0 5%}.workPage .hero{position:relative;display:flex;align-items:center;height:100vh;background-color:var(--primary);padding:10rem 5%}.workPage .hero .title{width:90%;position:relative;color:var(--color-white)}.workPage .hero .title h1{width:80%;font-size:8vmin;line-height:1.2;font-weight:400}.workPage .hero .title h1 span{color:var(--secondary)}.workPage h4{text-transform:uppercase;font-size:1rem;font-weight:500}@media screen and (max-width:1000px){.workPage .hero .title h1{width:90%}}@media screen and (max-width:800px){.workPage .hero .title h1{width:100%}}@media screen and (max-width:600px){.workPage .hero .title{width:100%}.workPage .hero .title h1{font-size:5vmax}}.contact{display:flex;align-items:center;justify-content:center;padding:4rem 0;gap:var(--gap)}.contact .title{display:flex;flex-direction:column}.contact .title h1{font-size:3rem;line-height:1.2;font-weight:500}.contact .title a,.contact .title h1 span{color:var(--primary)}.contact .title a{position:relative;width:-moz-fit-content;width:fit-content;font-weight:500;font-size:3rem;margin-top:1rem;display:flex;align-items:center;line-height:1;padding-bottom:.5rem}.contact .title a svg{font-size:1rem;margin-right:.75rem;color:var(--secondary)}.contact .title a:after{content:"";position:absolute;width:100%;height:.15rem;border-radius:1rem;background-color:var(--secondary);left:0;bottom:0;transform:scaleX(0);transform-origin:0 100%;transition:.3s ease}.contact .title a:hover:after{transform:scale(1)}.contact form{display:flex;flex-direction:column;width:100%;max-width:30rem;gap:2rem}.contact form button{background-color:var(--primary);color:var(--color-white);padding:1.15rem 2.5rem;border-radius:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;width:-moz-fit-content;width:fit-content;transition:all .4s ease;font:inherit}.contact form button:hover{background-color:var(--tertiary)}.inputField{flex:1;position:relative;margin:0 0 5px}.inputField .inputField-input{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.5rem;outline:none;font-size:.85rem;border-radius:0;background:linear-gradient(90deg,var(--primary),var(--primary)) 0 100%/0 2px no-repeat,linear-gradient(90deg,#ccc,#ccc) 0 100%/100% 2px no-repeat;transition:background-size .4s ease}.inputField .inputField-error{color:red;display:none;font-size:.75rem;margin-top:.25rem;letter-spacing:1px}input:invalid[focused=true]~.inputField-error,textarea:invalid[focused=true]~.inputField-error{display:block}.inputField input:focus,.inputField textarea:focus{background-size:100% 2px,100% 2px,100%}textarea{resize:none;font-size:.85rem!important}textarea::-moz-placeholder{font-size:.85rem!important}textarea::placeholder{font-size:.85rem!important}@media screen and (max-width:900px){.contact{flex-direction:column}.contact .title{text-align:center}.contact form button{align-self:center}}.projectContainer{position:relative;width:100%;height:35rem;display:flex;flex-direction:column;justify-content:center;padding:5%;overflow:hidden}.projectContainer h4{text-transform:uppercase;font-weight:400;font-size:.85rem;color:#4c4c4c;margin-bottom:1.5rem;z-index:2;line-height:1.2}.projectContainer h1{font-size:8vmin;width:40%;line-height:1.1;font-weight:500;color:#fff;margin-bottom:3rem;z-index:2}.projectContainer a{display:flex;align-items:center;justify-content:space-between;width:-moz-fit-content;width:fit-content;background-color:rgba(55,68,85,.5);color:#fff;font-weight:500;border-radius:2rem;padding:.75rem 1.5rem .75rem 2rem;z-index:2;transition:all .3s ease}.projectContainer a svg{font-size:2rem;margin-left:1rem}.projectContainer a:hover{background-color:rgba(55,68,85,.9)}.zagrebackaZalagaonica{background:#575d5b;background:linear-gradient(90deg,#575d5b 30%,#393b3b 95%)}.zagrebackaZalagaonica h4{color:#fff}.odmorNikadBlize{background:#0d8d60;background:linear-gradient(90deg,#0d8d60 30%,#0e878b 95%)}.odmorNikadBlize h4{color:#fff}.backgroundImageZZ{position:absolute;height:50%;width:auto;right:5%;top:10%}.backgroundImageZZ img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover;opacity:.2}.wavesMore{background:#5de0e6;background:linear-gradient(135deg,#5de0e6,#004aad)}.backgroundImageWM{position:absolute;height:100%;width:auto;right:-10%;top:50%;transform:translateY(-50%) rotate(270deg)}.backgroundImageWM img{height:110%;width:auto;-o-object-fit:cover;object-fit:cover;opacity:.2}.mentalniKompas{background:#ccfccb;background:linear-gradient(135deg,#ccfccb,#44c888)}.projectImageMK{position:absolute;bottom:0;right:12%;height:75%;width:auto}.projectImageMK img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover}.backgroundImageMK{position:absolute;height:100%;width:auto;right:-5%;top:50%;transform:translateY(-50%)}.backgroundImageMK img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover;opacity:.2}.kostelgradProjekt{background:#427bb9;background:linear-gradient(90deg,#427bb9 30%,#175291 95%)}.kostelgradProjekt h4{color:#fff}.reborn{background:#ebe96a;background:linear-gradient(135deg,#ebe96a,#d2834a)}.projectImageRb{position:absolute;bottom:0;right:12%;height:75%;width:auto}.projectImageRb img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover}.backgroundImageRb{position:absolute;height:90%;width:auto;right:3%;top:50%;transform:translateY(-50%)}.backgroundImageRb img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover;opacity:.6}.moodMedia{background:#ba64bf;background:linear-gradient(135deg,#ba64bf,#600cf5)}.projectImageMM{position:absolute;bottom:0;right:5%;height:75%;width:auto}.projectImageMM img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover}.backgroundImageMM{position:absolute;height:110%;width:auto;right:-5%;top:50%;transform:translateY(-50%) rotate(-10deg)}.backgroundImageMM img{height:100%;width:auto;-o-object-fit:cover;object-fit:cover;opacity:.8}@media screen and (max-width:1050px){.projectContainer{height:30rem}.projectContainer h1{font-size:4vmin}}@media screen and (max-width:850px){.projectContainer{height:20rem}.projectContainer a{padding:.25rem 1rem .25rem 1.5rem;font-size:.9rem}.projectContainer a svg{margin-left:.5rem}}@media screen and (max-width:650px){.projectContainer{height:-moz-fit-content;height:fit-content;padding:8% 8% 0;border-radius:var(--radius)}.projectContainer h1{width:100%;font-size:6vmin}.projectContainer a{margin-bottom:2rem;background-color:rgba(55,68,85,.7)}.projectImageMK,.projectImageMM,.projectImageRb{position:relative;display:flex;width:auto;height:15rem;align-self:center;right:unset;justify-content:flex-end}.backgroundImageMM{height:80%;right:0;top:unset;bottom:0;transform:translate(0) rotate(-10deg)}.backgroundImageZZ{height:30%;right:10%;top:20%}}