:root{--default: #747880;--acc-prm: #ec008c;--acc-ter: #4158d0;--acc-sec: #60f;--env-1: #3f4251;--env-2: #bec1cd;--env-3: #edf1fd;--env-4: #eee;--alpha-1: rgba(190,193,205,0.7)}@media (prefers-color-scheme: dark){:root{--default: #bac0cc;--acc-prm: #ff3cac;--acc-ter: #18deed;--acc-sec: #784ba0;--env-1: #edf1fd;--env-2: #3f4251;--env-3: #272935;--env-4: #000;--alpha-1: rgba(63,66,81,0.7)}}*,*::before,*::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;transition-property:transform, opacity, background-position;transition-duration:700ms;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}html{scroll-behavior:smooth}html,body{width:100%;height:100%;margin:0;padding:0;background-color:var(--env-3)}body{color:var(--default);text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}body,input,textarea,button{font-family:"Open Sans",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:0.875rem}article,aside,details,figcaption,figure,footer,header,nav,section{display:block}h1,h2,h3,h4,h5,h6{color:var(--env-1);font-family:"Montserrat",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}h1{font-size:3rem;font-size:clamp(2rem, 5vw, 3rem)}h2{font-size:2.25rem;font-size:clamp(1.5rem, 3.75vw, 2.25rem)}h3{font-size:1.5rem;font-size:clamp(1rem, 2.5vw, 1.5rem);text-align:center}h4{font-size:1.25rem;font-size:clamp(0.925rem, 2vw, 1.25rem)}a,button{cursor:pointer}a{text-decoration:none}a:link,a:visited{color:var(--acc-ter)}a:hover,a:active{color:var(--acc-ter);filter:brightness(1.2)}button{margin:.5rem 0;padding:0.75em 1em;font-weight:600;background-image:linear-gradient(to right, var(--env-3), var(--env-3)),linear-gradient(to right, var(--acc-prm) 15%, var(--acc-sec) 40%, var(--acc-sec) 70%, var(--acc-ter) 100%);-webkit-background-clip:padding-box,border-box;background-clip:padding-box,border-box;background-size:300% 100%;border-width:.25rem;border-style:solid;border-color:transparent;border-radius:.5rem;background-position:10% center}button:hover{background-position:90% center}button:active{-webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}img{max-width:100%;height:auto;font-style:italic;vertical-align:middle}@media (prefers-color-scheme: dark){:root{color-scheme:dark}}@media all and (max-width: 768px){h1{font-size:3rem;font-size:clamp(2rem, 6.5vw, 3rem)}h2{font-size:2.25rem;font-size:clamp(1.5rem, 5.5vw, 2.25rem)}h3{font-size:1.5rem;font-size:clamp(1rem, 5vw, 1.5rem)}h4{font-size:1.25rem;font-size:clamp(0.925rem, 4vw, 1.25rem)}}.fa-solid,.fa-regular{height:1em}@font-face{font-family:'Gross';font-style:normal;font-weight:400;font-stretch:100%;src:url(../assets/gross-regular-400.min.woff2) format("woff2");unicode-range:U+0047, U+0049, U+0051, U+0067, U+0069, U+0071}.wrapper{width:100%}.container{max-width:1200px;margin:0 auto;padding:2rem 4rem;padding:clamp(2rem, 5vh, 4rem) clamp(1rem, 5vw, 4rem)}.container--center{text-align:center}.col-1{flex-basis:8.33333%;flex-shrink:1}.col-2{flex-basis:16.66667%;flex-shrink:1}.col-3{flex-basis:25%;flex-shrink:1}.col-4{flex-basis:33.33333%;flex-shrink:1}.col-5{flex-basis:41.66667%;flex-shrink:1}.col-6{flex-basis:50%;flex-shrink:1}.col-7{flex-basis:58.33333%;flex-shrink:1}.col-8{flex-basis:66.66667%;flex-shrink:1}.col-9{flex-basis:75%;flex-shrink:1}.col-10{flex-basis:83.33333%;flex-shrink:1}.col-11{flex-basis:91.66667%;flex-shrink:1}.col-12{flex-basis:100%;flex-shrink:1}@media all and (max-width: 768px){.container{flex-direction:column}}.pixel{font-family:"Pixelify Sans",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;color:var(--env-1)}.accent,#sluzby .collabs::before,#sluzby .collabs::after,#portfolio .card .card__desc h4{color:var(--acc-prm);background-image:linear-gradient(45deg, var(--acc-prm) 25%, var(--acc-sec));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hidden,.grecaptcha-badge{width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;position:absolute;top:auto;left:-9999px;clip:rect(0 0 0 0)}.desiqn-logo{--logo-cl-1: #ed1c24;--logo-cl-2: #f7941d;--logo-cl-3: #ffff00;--logo-cl-4: #8dc63f;--logo-cl-5: #00bff3;--logo-cl-6: #a864a8;display:inline-block;font-weight:100}.desiqn-logo [class^="line-"]{width:16.666%;height:.16667rem;position:relative;top:-0.111em;float:left}.desiqn-logo .line-1{background-color:var(--logo-cl-1)}.desiqn-logo .line-2{background-color:var(--logo-cl-2)}.desiqn-logo .line-3{background-color:var(--logo-cl-3)}.desiqn-logo .line-4{background-color:var(--logo-cl-4)}.desiqn-logo .line-5{background-color:var(--logo-cl-5)}.desiqn-logo .line-6{background-color:var(--logo-cl-6)}.desiqn-logo::after{content:'';display:block;clear:both}.desiqn-logo__iq{padding-left:0.125em;font-family:Gross;font-size:1.025em}.nav.nav--unpinned,.nav.nav--pinned{background-color:var(--env-2);background-color:var(--alpha-1);-webkit-backdrop-filter:blur(2vmax);backdrop-filter:blur(2vmax)}.nav.nav--unpinned{-webkit-transform:translateY(-4.6875rem);-moz-transform:translateY(-4.6875rem);-ms-transform:translateY(-4.6875rem);transform:translateY(-4.6875rem)}.menu input.menu__mobile,.menu label{display:none}.menu__items{display:block}@media only screen and (max-width: 992px){.menu__items{width:100%;position:absolute;left:0;right:0;z-index:99;display:none}input:checked ~ .menu__items{display:block}input:checked ~ .menu__items a{display:block;z-index:1000}.menu input.menu__mobile{width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;position:absolute;top:auto;left:-9999px;clip:rect(0 0 0 0)}.menu label{cursor:pointer;display:inline-block;position:relative}}.icon{width:1em;height:1em;position:relative}.icon--menu span,.icon--menu span:before,.icon--menu span:after{width:1em;height:0.125em;display:block;position:absolute;border-radius:0.0625em;background-color:var(--env-1)}.icon--menu span:before,.icon--menu span:after{content:'';-webkit-transition-property:margin,transform;-moz-transition-property:margin,transform;-o-transition-property:margin,transform;transition-property:margin,transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-delay:0.2s,0s;-moz-transition-delay:0.2s,0s;-o-transition-delay:0.2s,0s;transition-delay:0.2s,0s}.icon--menu span{top:50%;transform:translateY(-0.0625em);-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}input:checked ~ label.icon--menu span{background-color:transparent;-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}.icon--menu span:before{margin-top:-33.333%}input:checked ~ label.icon--menu span:before{margin-top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0s,0.2s;-moz-transition-delay:0s,0.2s;-o-transition-delay:0s,0.2s;transition-delay:0s,0.2s}.icon--menu span:after{margin-top:33.333%}input:checked ~ label.icon--menu span:after{margin-top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:0s,0.2s;-moz-transition-delay:0s,0.2s;-o-transition-delay:0s,0.2s;transition-delay:0s,0.2s}html:not(.no-js) .reveal-on-scroll{visibility:hidden;opacity:0}html:not(.no-js) .reveal-on-scroll:not([class^="fade-in-"]),html:not(.no-js) .reveal-on-scroll.fade-in-up{-webkit-transform:translateY(2rem);-moz-transform:translateY(2rem);-ms-transform:translateY(2rem);transform:translateY(2rem)}html:not(.no-js) .reveal-on-scroll.fade-in-right{-webkit-transform:translateX(2rem);-moz-transform:translateX(2rem);-ms-transform:translateX(2rem);transform:translateX(2rem)}html:not(.no-js) .reveal-on-scroll.fade-in-down{-webkit-transform:translateY(-2rem);-moz-transform:translateY(-2rem);-ms-transform:translateY(-2rem);transform:translateY(-2rem)}html:not(.no-js) .reveal-on-scroll.fade-in-left{-webkit-transform:translateX(-2rem);-moz-transform:translateX(-2rem);-ms-transform:translateX(-2rem);transform:translateX(-2rem)}html .reveal-on-scroll.in-view{visibility:visible;opacity:1;-webkit-transition:visibility 1s ease-in,opacity 0.75s ease-in 0.25s,transform 1s ease;-moz-transition:visibility 1s ease-in,opacity 0.75s ease-in 0.25s,transform 1s ease;-ms-transition:visibility 1s ease-in,opacity 0.75s ease-in 0.25s,transform 1s ease;transition:visibility 1s ease-in,opacity 0.75s ease-in 0.25s,transform 1s ease}html .reveal-on-scroll.in-view:not([class^="fade-in-"]),html .reveal-on-scroll.in-view.fade-in-up,html .reveal-on-scroll.in-view.fade-in-right,html .reveal-on-scroll.in-view.fade-in-down,html .reveal-on-scroll.in-view.fade-in-left{-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}nav{width:100%;position:fixed;top:0;z-index:99}.nav{height:4.6875rem;padding:0.75rem 2rem;color:var(--env-1);display:flex;justify-content:stretch;align-items:center;gap:1em;background:transparent;-webkit-transition:height 400ms,transform 400ms,background-color 400ms;-moz-transition:height 400ms,transform 400ms,background-color 400ms;-o-transition:height 400ms,transform 400ms,background-color 400ms;transition:height 400ms,transform 400ms,background-color 400ms}.nav a{margin-right:20px;display:inline-block;font-size:0.75rem;text-decoration:none}.nav a:last-child{margin-right:0}.nav a:link,.nav a:visited{color:var(--default)}.nav a:hover,.nav a:active,.nav a.active{color:var(--acc-prm)}.nav__logo{flex-grow:1;flex-basis:16.667%;font-size:2.25rem}.nav__menu,.nav__lang{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:600;text-align:center;text-transform:uppercase}.nav__menu label,.nav__lang label{font-size:1.375rem}.nav__menu label i,.nav__lang label i{vertical-align:top}.nav__menu{flex-grow:4;flex-basis:66.666%}.nav__lang{flex-grow:1;flex-basis:16.667%;text-align:right}@media all and (max-width: 992px){.nav a{width:100%;margin:0;padding:1rem;text-align:center;display:block;border-bottom:1px solid var(--env-3);background-color:var(--alpha-1);-webkit-backdrop-filter:blur(2vmax);backdrop-filter:blur(2vmax)}.nav a:first-of-type{border-top:1px solid var(--env-3)}.nav__logo{flex-grow:2;flex-basis:80%}.nav__menu,.nav__lang{flex-grow:1;flex-basis:auto}.nav__menu .menu__items,.nav__lang .menu__items{top:4.6875rem}}html.no-js nav{position:static}#uvod .container{padding-top:12rem;padding-bottom:12rem;display:flex;align-items:center;background-image:url("../assets/img-header.png");background-position-x:100%;background-position-y:65%;background-size:50%;background-size:clamp(288px, 50vw, 600px);background-repeat:no-repeat;transition-duration:0s;position:relative;z-index:3}#uvod .bold{color:var(--env-1);font-weight:800}@media all and (max-width: 768px){#uvod .container{background-size:60%;background-size:clamp(24rem, 60vw, 600px);background-position-x:50%;background-position-y:100%}}html.no-js #uvod .container{padding-top:7.3125rem}#muj-pribeh .entry{width:50%;padding:1rem 2rem;position:relative}#muj-pribeh .entry .entry__year{color:var(--env-1);font-family:"Montserrat",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:800}#muj-pribeh .entry::before,#muj-pribeh .entry::after{content:"";position:absolute}#muj-pribeh .entry::before{width:4px;top:0px;bottom:0px;background-color:var(--env-2)}#muj-pribeh .entry::after{width:1rem;height:1rem;display:inline-block;border-radius:100%;top:1rem;background-color:var(--acc-prm)}#muj-pribeh .entry:first-of-type::before{top:1.5rem}#muj-pribeh .entry:nth-child(even){text-align:right}#muj-pribeh .entry:nth-child(even)::before{right:-2px}#muj-pribeh .entry:nth-child(even)::after{right:-0.5rem}#muj-pribeh .entry:nth-child(odd){text-align:left;left:50%}#muj-pribeh .entry:nth-child(odd)::before{left:-2px}#muj-pribeh .entry:nth-child(odd)::after{left:-0.5rem}#muj-pribeh .entry:last-of-type::before{bottom:calc(100% - 1.5rem)}#sluzby .columns{width:100%;display:flex;gap:2rem}#sluzby .column{margin-top:5rem;border-width:.5rem;border-style:solid;border-color:var(--alpha-1);border-radius:1rem}#sluzby .column__image{aspect-ratio:4 / 3;width:100%;max-width:800px;max-height:600px;margin-top:-5rem;display:block}#sluzby .column__image img{width:100%;height:100%;object-fit:contain;object-position:center center}#sluzby .column__content{padding:1rem;text-align:center}@media all and (max-width: 768px){#sluzby .columns{flex-direction:column}#sluzby .column__image{width:50%;margin-left:auto;margin-right:auto}}#sluzby .collabs{text-align:center}#sluzby .collabs::before,#sluzby .collabs::after{font-size:8em;font-weight:300;display:inline-block}#sluzby .collabs::before{content:"{"}#sluzby .collabs::after{content:"}"}#portfolio{margin:4rem 0 8rem}#portfolio .portfolio{display:grid;overflow:hidden;background-color:var(--env-4)}#portfolio .card{display:flex;justify-content:center;align-items:flex-end;text-align:center;position:relative;overflow:hidden}#portfolio .card::before,#portfolio .card::after{content:"";width:100%;position:absolute;top:0}#portfolio .card::before{height:125%;background-image:linear-gradient(to bottom, transparent 50%, var(--env-4) 100%);z-index:2}#portfolio .card::after{height:200%;background-image:linear-gradient(to bottom, transparent 15%, var(--env-4) 100%);z-index:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#portfolio .card .card__desc{width:100%;padding:1rem;z-index:9;-webkit-transform:translateY(calc(100% - 7.5rem));-moz-transform:translateY(calc(100% - 7.5rem));-ms-transform:translateY(calc(100% - 7.5rem));transform:translateY(calc(100% - 7.5rem))}#portfolio .card .card__desc :not(h3){opacity:0}#portfolio .card .card__desc h3{margin-bottom:0}#portfolio .card .card__desc h4{margin-top:0}#portfolio .card .card__desc p{color:var(--env-2);display:flex;justify-content:center;align-items:center;gap:2em}#portfolio .card .card__desc p .active{color:var(--env-1)}#portfolio .card .card__desc ul{padding:0;list-style-type:none}#portfolio .card .card__image,#portfolio .card .card__image img{width:100%;height:100%;object-fit:cover;object-position:center center;position:absolute;top:0;left:0}#portfolio .card:hover,#portfolio .card:active{filter:none}#portfolio .card:hover::after{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}#portfolio .card:hover .card__desc{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}#portfolio .card:hover .card__desc :not(h3){opacity:1}#portfolio .card:hover .card__image{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);transform-origin:center center}@media all and (min-width: 1921px){#portfolio .portfolio{-ms-grid-columns:repeat(6, 1fr);grid-template-columns:repeat(6, 1fr)}#portfolio .card{height:16.667vw}}@media all and (min-width: 769px) and (max-width: 1920px){#portfolio .portfolio{-ms-grid-columns:repeat(4, 1fr);grid-template-columns:repeat(4, 1fr)}#portfolio .card{height:25vw}}@media all and (max-width: 768px){#portfolio .portfolio{-ms-grid-columns:repeat(2, 1fr);grid-template-columns:repeat(2, 1fr)}#portfolio .card{height:50vw}}#kontakt .container{display:flex;align-items:center}#kontakt h3{text-align:left}#kontakt form input,#kontakt form textarea{width:100%;margin:.5rem 0;padding:0.75em 1em;border-width:1px;border-style:solid;border-color:var(--default);border-radius:.5rem;background-color:var(--env-2)}#kontakt form .recaptcha{font-size:0.8em}#kontakt .input-icon{position:relative}#kontakt .input-icon input,#kontakt .input-icon textarea{padding:0.75em 3em 0.75em 1em}#kontakt .input-icon label{margin-top:-0.5em;position:absolute;top:50%;right:1em}#kontakt form .recaptcha{filter:brightness(1.5)}@media (prefers-color-scheme: dark){#kontakt form .recaptcha{filter:brightness(0.5)}}footer{padding-top:8rem}.footer{font-size:0.875rem;text-align:center;padding:1.25rem 2rem}.footer p{margin:0}
