:root{
  --ink:#2C1B33;
  --cream:#FBF3E6;
  --blush:#F7D9E5;
  --lavender:#E8E1F6;
  --peach:#FBF0E7;
  --offwhite:#F6F1EA;
  --rose:#C43F6C;
  --maroon:#4C0000;

  --blue:#B8436F;
  --blue-bright:#E0709B;
}

.v2-light{
  --white:var(--ink);
  --black-2:rgba(44,27,51,.06);
  --muted:rgba(44,27,51,.64);
  --line:rgba(44,27,51,.16);
  --line-strong:rgba(44,27,51,.32);
  color:var(--ink);
}
.v2-light .btn{background:var(--ink);color:var(--cream);}
.v2-light .btn:hover{color:#fff;}

body{background-color:#161516;}
main > section[data-bg],.site-footer[data-bg],.offer,.offer__stage,.ar.theme-orange,.xl-band[data-bg]{background:transparent!important;}
.process.v2-light{--black:var(--lavender);}
.offer.v2-light,.gl.v2-light{--black:var(--blush);}
#pitanja.v2-light{--black:var(--peach);}
#suradnje.v2-light,#paketi.v2-light,#kontakt.v2-light{--black:var(--offwhite);--white:#161516;--muted:rgba(22,21,22,.62);--line:rgba(22,21,22,.14);--line-strong:rgba(22,21,22,.3);color:#161516;}
#pitanja.v2-light{max-width:none;}

.v2-light .xrow--link:hover,.v2-light .faq__q:hover{background-color:rgba(44,27,51,.04);}

@media (min-width:768px){
  .process.v2-light .process__media{width:56%;}
  .process.v2-light .process__sticky{grid-template-columns:calc(22vw + clamp(20px,2.6vw,40px)) 1fr 18vw 2.6vw;}
  .process.v2-light .process__name{max-width:calc(28vw - clamp(20px,2.6vw,40px) - 24px);}
  .process.v2-light .process__text{font-size:clamp(14px,1.15vw,18px);}
}
.process.v2-light .process__name{color:rgba(247,217,229,.62);text-shadow:0 2px 24px rgba(0,0,0,.35);}
.process.v2-light .process__step.is-active .process__name{color:#fff;}
.process.v2-light .process__fill,.process.v2-light .process__marker{background:var(--rose);}

.offer.v2-light .offer__item{background:rgba(255,255,255,.35);}

.footer-logo{display:block;width:min(100%,1200px);height:auto;margin:56px auto 0;fill:currentColor;color:var(--offwhite);}
html.js .footer-logo{opacity:0;transform:translateY(90px);}
html.js .footer-logo.is-in{opacity:1;transform:none;transition:opacity 1.4s var(--ease-out),transform 1.6s var(--ease-out);}
@media (prefers-reduced-motion:reduce){html.js .footer-logo{opacity:1;transform:none;}}
.site-footer{padding-bottom:clamp(24px,4vw,56px);}

html.v2-on-light .nav:not([data-open="true"]) .nav__toggle{
  background:rgba(44,27,51,.08);color:var(--ink);border-color:rgba(44,27,51,.22);
}
.nav__panel{background:rgba(44,27,51,.62);border-color:rgba(255,255,255,.18);}
.nav__list a{color:#fff;}
.nav__list a:hover,.nav__list a[aria-current]{color:rgba(255,255,255,.6);}

.offer.v2-light .offer__idx{background:rgba(44,27,51,.08);color:var(--ink);}

#kontakt.ct{padding-top:clamp(72px,9vw,140px);}
#kontakt .ct__grid{margin-top:0;}

#kontakt .fld__in{border-bottom-color:rgba(22,21,22,.28);color-scheme:light;}
#kontakt .fld__in::placeholder{color:rgba(22,21,22,.45);}
#kontakt .fld__in[type=date]::-webkit-calendar-picker-indicator{filter:none;opacity:.55;}
@media (max-width:1023px),(pointer:coarse){
  .fld__in,.fld__lb{font-size:16px;}
}

.dp-input{cursor:pointer;caret-color:transparent;}
.dp{
  position:absolute;left:0;top:calc(100% + 10px);z-index:20;width:320px;padding:18px 18px 16px;
  background:#FFFCF8;color:#161516;border:1px solid rgba(22,21,22,.1);border-radius:6px;
  box-shadow:0 24px 60px -18px rgba(44,27,51,.35),0 2px 6px rgba(44,27,51,.06);
  opacity:0;transform:translateY(-8px) scale(.98);transform-origin:20% 0;
  transition:opacity .2s ease,transform .35s var(--ease-out);
}
.dp.is-open{opacity:1;transform:none;}
.dp__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.dp__title{font-family:var(--serif);font-size:24px;letter-spacing:-.02em;text-transform:capitalize;}
.dp__nav{width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;display:grid;place-items:center;transition:background .25s;}
.dp__nav:hover:not(:disabled){background:rgba(224,112,155,.14);}
.dp__nav:disabled{opacity:.2;cursor:default;}
.dp__dow,.dp__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;}
.dp__dow span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(22,21,22,.45);padding:4px 0 8px;}
.dp__day{
  height:38px;border-radius:50%;font-size:15px;letter-spacing:-.01em;position:relative;
  transition:background .2s,color .2s;
}
.dp__day:hover:not(:disabled){background:rgba(224,112,155,.16);}
.dp__day:focus-visible{outline:2px solid var(--blue-bright);outline-offset:1px;}
.dp__day:disabled{color:rgba(22,21,22,.22);cursor:default;}
.dp__day.is-today::after{content:"";position:absolute;left:50%;bottom:5px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--blue-bright);}
.dp__day.is-selected{background:var(--blue-bright);color:#fff;}
.dp__day.is-selected::after{background:#fff;}

#kontakt.ct{overflow:visible;overflow-x:clip;}
.dp--up{top:auto;bottom:calc(100% + 10px);transform-origin:20% 100%;}
.dp--up:not(.is-open){transform:translateY(8px) scale(.98);}

.stmt.v2-light .stmt__media,.stmt.v2-light .stmt__shade{display:none;}
.stmt.v2-light .stmt__lead{color:var(--ink);}

:root{
  --canvas:#E8D8C4;
}
.intro__wipe--bg{background:var(--canvas);}
.intro__wipe--ink{background:var(--blush);}

.intro__ink{
  mix-blend-mode:multiply;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='.85 .07' numOctaves='2' seed='21'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -2.2 1.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");
          mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='.85 .07' numOctaves='2' seed='21'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -2.2 1.8'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E");
  -webkit-mask-size:220px 220px;mask-size:220px 220px;
}
.intro__ink path{stroke:#D9668F;}
.intro__ink path:nth-child(2n){stroke:#B8436F;}
.intro__ink path:nth-child(5){stroke:#E9A0BB;}
.intro__wash,.intro__bloom{mix-blend-mode:multiply;}
.intro__bloom--dot{mix-blend-mode:multiply;}

.intro__stroke{stroke:var(--ink);transition:stroke .7s ease;}
.intro__ghost path{stroke:#6E5A55;opacity:.45;}
.intro__dot{fill:#C43F6C;}
html.intro-leaving .intro__stroke{stroke:var(--white,#dad3d1);stroke:#dad3d1;}

.btn::before{background:var(--maroon);}
.btn:hover{color:#fff;}
#umjetnice .btn::before,.xl-band .btn::before{background:#161516;}
#kontakt .ct__submit .btn::before{background:var(--blue-bright);}
.gl-box__btn:hover{background:var(--maroon);}

.intro__logo{fill:var(--ink);transition:fill .7s ease;}
.intro__mark .intro__logo path{fill:inherit;}
html.intro-leaving .intro__logo{fill:#dad3d1;}
.intro__brush{fill:none;stroke:#fff!important;stroke-width:118px!important;stroke-linecap:butt;stroke-linejoin:round;}
.intro__brush--last{stroke-width:44px!important;}
.intro__ghost path{fill:none;stroke:var(--ink);stroke-width:1.6;opacity:1!important;transition:opacity .45s ease;}
html.intro-leaving .intro__ghost path{opacity:0!important;}
.intro__dot{display:none;}

.site-header{mix-blend-mode:normal;}
.header-logo .mark-fill{fill:#F4EFE9;transition:fill .4s ease;}
.lang-switch{color:#F4EFE9;transition:color .4s ease;}
html.v2-on-light .header-logo .mark-fill{fill:#161516;}
html.v2-on-light .lang-switch{color:#161516;}

.process{padding-top:150px;}
@media (max-width:767px){ .process{padding-top:96px;} }

.ar__name{top:auto;bottom:6%;font-size:calc(var(--card-w) * .13);text-shadow:0 2px 18px rgba(0,0,0,.45);}
.ar__card::after{background:linear-gradient(180deg,rgba(22,21,22,0) 55%,rgba(22,21,22,.55) 100%);}

@media (min-width:1024px){ .ct__grid{grid-template-columns:minmax(0,1fr) minmax(300px,500px);} }

::selection{background:#161516;color:#fff;}

.xl-group--abstract{margin-top:170px;}
@media (min-width:768px){ .xl-table tbody th,.xl-table tbody td{padding:22px 0;} .xl-table thead th{padding-bottom:20px;} }
@media (max-width:767px){ .xl-group--abstract{margin-top:96px;} }

.footer-col-c{gap:4px;}
.footer-col-r .footer-social{margin:4px 0 40px;justify-content:flex-end;}
.footer-col-r .credit{padding-top:28px;}
.footer-col-r .credit a:hover{text-decoration:underline;text-underline-offset:2px;}
@media (max-width:767px){
  .footer-col-r .footer-social{justify-content:flex-start;margin-bottom:28px;}
  .footer-bottom > [aria-hidden]{display:none;}
}

.intro__mark .intro__fill path{fill:inherit;}
.intro__fill{fill:var(--ink);opacity:0;transition:opacity .5s ease,fill .7s ease;}
html.intro-filled .intro__fill{opacity:1;}
html.intro-filled .intro__logo{opacity:0;transition:opacity .5s ease;}
html.intro-leaving .intro__fill{fill:#F4EFE9;}

.cats__card{
  --glass-blur:1;--glass-tint:1;--glass-edge:1;--glass-max:48px;
  -webkit-backdrop-filter:blur(calc(var(--glass-max) * var(--glass-blur))) saturate(calc(1 + .25 * var(--glass-blur)));
          backdrop-filter:blur(calc(var(--glass-max) * var(--glass-blur))) saturate(calc(1 + .25 * var(--glass-blur)));
  background-color:rgba(22,21,22,calc(.2 * var(--glass-tint)));
  border-color:rgba(218,211,209,calc(.1 * var(--glass-edge)));
}
@media (max-width:767px){ .cats__card{--glass-max:24px;} }
.cats__card:hover,.cats__card:focus-visible{background-color:rgba(218,211,209,.1);border-color:rgba(218,211,209,.26);}

.ct__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.ct__ts:not(:empty){margin-top:24px;}
