/**
 * CONVOCO Studio — projektni footer i pre-footer.
 * Izdvojeno iz 4 datoteke naslovnice (17. 10. 2026.).
 * Aktivno isključivo kada je odabrana varijanta convoco-studio.
 * Izvorni layout ostaje funkcionalan bez JavaScripta.
 */
body .cv-footer--studio {
 --home-ink:var(--project-color-ink);
 --home-teal:var(--project-base-primary);
 --home-ease:cubic-bezier(.22,1,.36,1);
}


body .cv-footer--studio .cv-footer__cta { background:var(--home-teal); color:var(--project-on-primary); border:0; }
body .cv-footer--studio .cv-footer__cta-text { color:var(--project-on-primary); }body .cv-footer--studio .cv-footer__cta-title { color:var(--project-on-primary); font-size:var(--cvc-font-size-h2); line-height:1.1; }
body .cv-footer--studio .cv-footer__cta .cv-btn { background:var(--home-ink); color:var(--project-on-dark); border-color:var(--home-ink); }

body .cv-footer--studio { background:var(--cvc-footer-bg,var(--cv-f-bg)); }
body .cv-footer--studio .cv-footer__about { white-space:pre-line; }
body .cv-footer--studio .cv-footer__cta .cv-btn:hover { background:var(--project-color-dark-surface); color:var(--project-on-dark); }

/* Kontaktni finale: vlastiti živi teal snop ispod sadržaja podnožja. */
body .cv-footer--studio .cv-footer__cta {
position:relative;isolation:isolate;overflow:hidden;
background:
radial-gradient(ellipse 50% 100% at 93% 50%,rgba(63,143,139,.20),transparent 79%),
linear-gradient(120deg,#121212 13%,#172323 61%,#121212);
border-top:1px solid rgba(63,143,139,.29);
}
body .cv-footer--studio .cv-footer__cta::before {
content:"";position:absolute;z-index:0;pointer-events:none;
width:min(72vw,1000px);height:min(72vw,1000px);
right:-16%;top:-135%;border:1px solid rgba(63,143,139,.15);
border-radius:50%;transform:rotate(-12deg) scale(1);
}
body .cv-footer--studio .cv-footer__cta::after {
content:"";position:absolute;z-index:0;pointer-events:none;
width:min(69vw,920px);height:85%;right:-8%;bottom:-24%;
filter:blur(45px);
background:radial-gradient(ellipse at center,rgba(63,143,139,.32),transparent 74%);
opacity:.35;
}
body .cv-footer--studio .cv-footer__cta-inner {
position:relative;z-index:2;
align-items:center;
padding-block:clamp(6.5rem,11vw,12rem);
}
body .cv-footer--studio .cv-footer__cta-copy {max-width:760px;gap:clamp(1rem,1.7vw,1.75rem);}
body .cv-footer--studio .cv-footer__cta-title {
font-size:clamp(3.25rem,7vw,7.6rem);
line-height:1.04;
font-weight:750;letter-spacing:-.048em;
color:#f2f4f5;
}
body .cv-footer--studio .cv-footer__cta-text {
max-width:57ch;font-size:clamp(1.04rem,1.4vw,1.26rem);
color:rgba(242,244,245,.76);line-height:1.65;
}
body .cv-footer--studio .cv-footer__cta-actions .cv-btn {
min-height:52px;
padding-inline:clamp(1.4rem,2.2vw,2.2rem);
font-weight:650;
transition:transform .3s ease,background .3s ease;
}
body .cv-footer--studio .cv-footer__cta-actions .cv-btn:hover {transform:translateY(-3px);}
@keyframes cvc-footer-orbit {from{transform:translate3d(0,0,0) rotate(-12deg) scale(1);opacity:.45}to{transform:translate3d(-2.5%,2%,0) rotate(-12deg) scale(1.05);opacity:.8}}
@keyframes cvc-footer-glow {from{transform:translate3d(0,0,0) scale(1);opacity:.25}to{transform:translate3d(-4%,1%,0) scale(1.06);opacity:.63}}
@media(prefers-reduced-motion:no-preference) {
body .cv-footer--studio .cv-footer__cta.is-illuminated::before {animation:cvc-footer-orbit 24s ease-in-out infinite alternate;}
body .cv-footer--studio .cv-footer__cta.is-illuminated::after {animation:cvc-footer-glow 18s ease-in-out infinite alternate;}
}

@media(max-width:1050px) {
 body .cv-footer--studio .cv-footer__cta-inner {gap:2rem;}
}
@media(max-width:700px) {
 body .cv-footer--studio .cv-footer__cta-inner {padding-block:clamp(5rem,13vw,7.5rem);}
 body .cv-footer--studio .cv-footer__cta::before {width:110vw;height:110vw;top:-40%;right:-50%;}
 body .cv-footer--studio .cv-footer__cta::after {width:100vw;right:-50%;}
}
@media(prefers-reduced-motion:reduce){
 body .cv-footer--studio .cv-footer__cta-actions .cv-btn {transition:none!important;}
 body .cv-footer--studio .cv-footer__cta::before,body .cv-footer--studio .cv-footer__cta::after {animation:none!important;}
}

/* Kontakt: bogatiji CTA, donji dio se prirodno stapa s podnožjem. */
body .cv-footer--studio .cv-footer__cta {
background:
radial-gradient(ellipse 70% 105% at 87% 17%,rgba(63,143,139,.29),transparent 76%),
linear-gradient(180deg,#204e4b 0%,#193e3d 26%,#172c2c 52%,#131c1c 75%,#121212 100%);
border-top:1px solid rgba(63,143,139,.30);
border-bottom:0;
}
body .cv-footer--studio .cv-footer__cta::after {
opacity:.28;
bottom:14%;
}
body .cv-footer--studio .cv-footer__cta-inner {
padding-top:clamp(5rem,7vw,8rem);
padding-bottom:clamp(9rem,13vw,15rem);
align-items:center;
}
body .cv-footer--studio .cv-footer__cta-actions .cv-btn--primary {
--b-bg:var(--project-button-primary-bg);
--b-bd:transparent;
--b-fg:var(--project-button-primary-text);
--b-bg-h:var(--project-button-primary-hover);
--b-bd-h:transparent;
--b-fg-h:var(--project-button-primary-text);
background:var(--project-button-primary-bg);
border-color:transparent;
color:var(--project-button-primary-text);
min-height:clamp(58px,5vw,72px);
padding-inline:clamp(1.9rem,3vw,3.1rem);
font-size:clamp(1rem,1.22vw,1.21rem);
font-weight:700;
box-shadow:0 17px 42px -17px rgba(0,0,0,.38);
}
body .cv-footer--studio .cv-footer__cta-actions .cv-btn--primary:is(:hover,:focus-visible) {
color:var(--project-button-primary-text);
background:var(--project-button-primary-hover);
border-color:transparent;
box-shadow:0 20px 46px -17px rgba(0,0,0,.45);
}
body .cv-footer--studio .cv-footer__cta-actions .cv-btn--primary svg,
body .cv-footer--studio .cv-footer__cta-actions .cv-btn--primary span {
color:inherit;
}
@media(max-width:700px) {
body .cv-footer--studio .cv-footer__cta-inner {
padding-top:5.5rem;
padding-bottom:clamp(8rem,19vw,10rem);
}
}

/* Četiri faze suradnje ispod poziva na akciju, unutar CTA-a. */
body .cv-footer--studio .cv-footer__cta-inner {padding-bottom:clamp(3.5rem,6vw,6.5rem);}
/* Četiri logična koraka od upita do početka suradnje. */
body .cv-footer--studio .cv-footer__cta-inner {
display:flex;
flex-direction:column;
align-items:center;
gap:clamp(1.7rem,3vw,2.65rem);
padding-bottom:clamp(5rem,8vw,7rem);
}
body .cv-footer--studio .cv-footer__cta-copy,
body .cv-footer--studio .cv-footer__cta-actions {
width:min(100%,820px);
max-width:820px;
}
body .cv-footer--studio .cvc-cta-steps {
position:relative;
z-index:2;
box-sizing:border-box;
width:min(100%,820px);
max-width:820px;
padding:0;
margin:0;
}
body .cv-footer--studio .cvc-cta-steps__list {
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
list-style:none;
margin:0;
padding:clamp(1.3rem,2.5vw,2rem) 0 0;
gap:clamp(.85rem,1.8vw,1.55rem);
border-top:1px solid rgba(242,244,245,.18);
}
body .cv-footer--studio .cvc-cta-steps li {
position:relative;
display:flex;
flex-direction:column;
align-items:flex-start;
gap:.4rem;
min-width:0;
padding:0 clamp(.25rem,1vw,.65rem) 0 0;
}
body .cv-footer--studio .cvc-cta-steps li:not(:last-child)::after {
content:"→";
position:absolute;
right:-.8rem;
top:.45rem;
color:rgba(63,143,139,.85);
font-size:1.05rem;
font-weight:400;
}
body .cv-footer--studio .cvc-cta-steps__number {
color:rgba(242,244,245,.55);
font-size:.73rem;
font-weight:500;
letter-spacing:.09em;
}
body .cv-footer--studio .cvc-cta-steps__label {
color:#f2f4f5;
font-size:clamp(.95rem,1.15vw,1.14rem);
font-weight:600;
letter-spacing:-.015em;
line-height:1.3;
}
body .cv-footer--studio .cvc-cta-steps__description {
margin:0;
max-width:24ch;
color:rgba(242,244,245,.70);
font-size:clamp(.82rem,.92vw,.91rem);
font-weight:400;
line-height:1.54;
text-wrap:pretty;
}
/* Desktop: kontaktni CTA kao centrirana, jedinstvena kompozicija. */
@media(min-width:769px) {
body .cv-footer--studio .cv-footer__cta-inner {
align-items:center;
}
body .cv-footer--studio .cv-footer__cta-copy {
text-align:center;
justify-items:center;
margin-inline:auto;
}
body .cv-footer--studio .cv-footer__cta-title,
body .cv-footer--studio .cv-footer__cta-text {width:100%;text-align:center;}
body .cv-footer--studio .cv-footer__cta-text {margin-inline:auto;}
body .cv-footer--studio .cv-footer__cta-actions {
justify-content:center;
margin-inline:auto;
}
body .cv-footer--studio .cv-footer__cta-actions .cv-btn--primary {
min-width:clamp(330px,29vw,425px);
justify-content:center;
}
}

/* Mobilni CTA: putanja lijevo–desno, s gumbom kao konačnim korakom. */
@media(max-width:768px) {
body .cv-footer--studio .cv-footer__cta-inner {
gap:clamp(1.85rem,6.5vw,2.7rem);
align-items:stretch;
}
body .cv-footer--studio .cv-footer__cta-copy {
display:grid;
justify-items:center;
width:100%;
max-width:none;
gap:clamp(.9rem,4vw,1.35rem);
margin-inline:auto;
text-align:center;
}
body .cv-footer--studio .cv-footer__cta-title {
width:100%;
max-width:none;
margin:0;
font-size:clamp(3rem,12.4vw,4.9rem);
line-height:1.035;
letter-spacing:-.055em;
text-align:center;
text-wrap:balance;
}
body .cv-footer--studio .cv-footer__cta-text {
width:100%;
max-width:36ch;
margin-inline:auto;
font-size:clamp(1.04rem,3.85vw,1.22rem);
line-height:1.62;
text-align:center;
}
body .cv-footer--studio .cvc-cta-steps {
display:block!important;
width:100%;
max-width:480px;
margin-inline:auto;
}
body .cv-footer--studio .cvc-cta-steps__list {
position:relative;
isolation:isolate;
display:grid;
grid-template-columns:minmax(0,1fr);
gap:clamp(1.35rem,5.5vw,2rem);
padding:clamp(.4rem,2vw,.8rem) 0 clamp(.4rem,2vw,.8rem);
margin:0;
border:0;
}
/* Putanja je isključivo dekorativna; informacije su tekst svakog koraka. */
body .cv-footer--studio .cvc-cta-steps__list::before {
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
opacity:.60;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 660' preserveAspectRatio='none'%3E%3Cpath d='M 88 42 C 80 145 273 141 275 212 S 87 307 86 378 S 276 475 274 540 S 183 633 180 659' fill='none' stroke='%236bada8' stroke-width='1.5' stroke-dasharray='5 9'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size:100% 100%;
}
body .cv-footer--studio .cvc-cta-steps__list li {
display:flex;
flex-direction:column;
align-items:flex-start;
justify-self:start;
position:relative;
z-index:1;
box-sizing:border-box;
width:min(77%,310px);
gap:.35rem;
min-width:0;
padding:clamp(.9rem,4vw,1.15rem) clamp(1rem,4vw,1.35rem);
border:1px solid rgba(242,244,245,.14);
border-left:2px solid rgba(93,179,171,.72);
border-radius:6px;
background:linear-gradient(120deg,rgba(18,18,18,.48),rgba(18,18,18,.17));
box-shadow:0 12px 26px -23px rgba(0,0,0,.35);
text-align:left;
}
body .cv-footer--studio .cvc-cta-steps__list li:nth-child(even) {
justify-self:end;
align-items:flex-end;
text-align:right;
border-left:1px solid rgba(242,244,245,.14);
border-right:2px solid rgba(93,179,171,.72);
}
body .cv-footer--studio .cvc-cta-steps__list li::after {content:none;display:none;}
body .cv-footer--studio .cvc-cta-steps__number {
font-size:.76rem;
color:rgba(242,244,245,.64);
}
body .cv-footer--studio .cvc-cta-steps__label {
font-size:clamp(1.04rem,4.15vw,1.3rem);
line-height:1.3;
}
body .cv-footer--studio .cvc-cta-steps__description {
max-width:100%;
font-size:clamp(.92rem,3.55vw,1.04rem);
line-height:1.58;
}
body .cv-footer--studio .cv-footer__cta-actions {
position:relative;
display:flex;
justify-content:center;
width:100%;
max-width:none;
margin:clamp(.55rem,2.4vw,1rem) auto 0;
}
body .cv-footer--studio .cv-footer__cta-actions::before {
content:"";
position:absolute;
left:50%;
top:clamp(-2rem,-5vw,-1.2rem);
width:1px;
height:clamp(1.1rem,4vw,1.8rem);
border-left:1px dashed rgba(93,179,171,.58);
pointer-events:none;
}
body .cv-footer--studio .cv-footer__cta-actions .cv-btn--primary {
display:inline-flex;
justify-content:center;
min-width:min(100%,320px);
min-height:64px;
padding-inline:clamp(1.5rem,6vw,2.4rem);
font-size:clamp(1.06rem,4vw,1.22rem);
}
}
@media(max-width:360px) {
body .cv-footer--studio .cv-footer__cta-title {font-size:clamp(2.7rem,12vw,3.2rem);}
body .cv-footer--studio .cvc-cta-steps__list li {width:82%;}
}
@media(prefers-reduced-motion:reduce) {
body .cv-footer--studio .cvc-cta-steps__list li {transition:none!important;}
}

@media(prefers-reduced-motion:reduce) {
 body .cv-footer--studio .cvc-cta-steps__list li {transition:none!important;}
 body .cv-footer--studio .cv-footer__cta-actions .cv-btn {transition:none!important;}
}

/* Naslovnica: dodatni prostor između posljednje faze i gumba isključivo na desktopu. */
@media(min-width:769px) {
  body .cv-footer--studio .cv-footer__cta-actions {
    margin-top:clamp(1.1rem,2.1vw,2rem);
  }
}
/* Mobilna verzija: umjesto cik-cak putanje četiri jednaka, centrirana koraka. */
@media(max-width:768px) {
  body .cv-footer--studio .cvc-cta-steps,
  body .cv-footer--studio .cv-footer__cta-actions {
    box-sizing:border-box;
    width:min(100%,360px)!important;
    max-width:360px!important;
    margin-inline:auto;
  }
  body .cv-footer--studio .cvc-cta-steps__list {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    justify-items:center;
    gap:clamp(2.15rem,8vw,2.8rem);
    padding:0;
    background:none;
  }
  body .cv-footer--studio .cvc-cta-steps__list::before {
    content:none!important;
    display:none!important;
    background:none!important;
  }
  body .cv-footer--studio .cvc-cta-steps__list li,
  body .cv-footer--studio .cvc-cta-steps__list li:nth-child(even) {
    box-sizing:border-box;
    justify-self:center;
    align-items:center;
    width:100%!important;
    max-width:none;
    min-width:0;
    padding:clamp(1.2rem,5vw,1.55rem);
    border:1px solid rgba(242,244,245,.17);
    border-top:2px solid rgba(110,188,181,.74);
    border-radius:6px;
    background:rgba(18,18,18,.24);
    text-align:center;
  }
  body .cv-footer--studio .cvc-cta-steps__description {
    max-width:29ch;
    text-align:center;
  }
  body .cv-footer--studio .cvc-cta-steps__list li:not(:last-child)::after {
    content:"↓"!important;
    display:block!important;
    position:absolute;
    left:50%;
    right:auto;
    top:auto;
    bottom:calc(-1 * clamp(1.9rem,7vw,2.45rem));
    transform:translateX(-50%);
    color:rgba(155,219,213,.85);
    font-size:1.25rem;
    line-height:1;
    font-weight:400;
    pointer-events:none;
  }
  body .cv-footer--studio .cvc-cta-steps__list li:last-child::after {
    content:none!important;
    display:none!important;
  }
  body .cv-footer--studio .cv-footer__cta-actions {
    display:flex;
    justify-content:center;
    margin-top:clamp(1.3rem,5vw,2rem);
  }
  body .cv-footer--studio .cv-footer__cta-actions::before {
    content:none;
    display:none;
  }
  body .cv-footer--studio .cv-footer__cta-actions .cv-btn--primary {
    box-sizing:border-box;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    justify-content:center;
  }
}

/* Mobilni finale: koraci ostaju u dokumentu i čitljivi čak i prije scroll-reveala. */
@media(max-width:768px) {
  body .cv-footer--studio .cvc-cta-steps {
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%;
    max-width:480px;
    margin-inline:auto;
  }
  body .cv-footer--studio .cvc-cta-steps__list {
    display:grid!important;
    grid-template-columns:minmax(0,1fr);
  }
  body .cv-footer--studio .cvc-cta-steps__list > li.cvc-enter-pending {
    opacity:1!important;
    transform:none!important;
  }
}