/* CONVOCO — izbor izjava + mobilno dotjerivanje, 17.10.2026.
Resurs naslovnice učitava se nakon social.css; bez promjena roditeljske teme. */
/* Globalni hover tekstualnih poveznica definiran je u project.css. */
body.home .cvc-voices-switcher {
background:
radial-gradient(ellipse 38% 60% at 0% 55%,rgba(63,143,139,.1),transparent 85%),
#eff2f1;
}
.home .cvc-voices-switcher .cvc-voices-editorial__header {
max-width:830px;
margin-bottom:clamp(2.75rem,4.5vw,4.5rem);
}
.home .cvc-voices-switcher .cvc-voices-editorial__header h2 {
max-width:24ch;
}
/* Stabilan testimonial panel: čitljiv tekst i stalna visina pri svakoj izmjeni. */
.home .cvc-voices-switcher__stage {
position:relative;
display:grid;
grid-template-columns:minmax(0,.43fr) minmax(0,.57fr);
box-sizing:border-box;
width:100%;
height:clamp(455px,38vw,510px);
min-height:0;
background:linear-gradient(155deg,#fff 4%,#fafcfc 100%);
border:1px solid rgba(18,18,18,.065);
border-radius:10px;
box-shadow:0 17px 36px -24px rgba(18,18,18,.20),0 45px 90px -53px rgba(18,18,18,.28),0 1px 3px rgba(18,18,18,.04);
isolation:isolate;
overflow:hidden;
}
.home .cvc-voices-switcher__stage::before {
content:"";
position:absolute;
z-index:0;
pointer-events:none;
width:43%;
height:100%;
left:0;
top:0;
transform:none;
border-radius:0;
background:linear-gradient(100deg,rgba(63,143,139,.13),rgba(63,143,139,.035) 70%,transparent 100%);
}
.home .cvc-voices-switcher__stage::after {
content:"";
position:absolute;
inset:0;
z-index:0;
pointer-events:none;
border-radius:inherit;
box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
.home .cvc-voices-switcher__people {
position:relative;
z-index:1;
display:grid;
align-items:center;
min-width:0;
min-height:0;
padding:clamp(1rem,2.4vw,2.5rem) .5rem clamp(1rem,2.4vw,2.5rem) clamp(1rem,2.8vw,2.8rem);
}
.home .cvc-voices-switcher__orbit {
display:none;
}
.home .cvc-voices-switcher__list {
position:relative;
height:clamp(305px,28vw,380px);
overflow:visible;
}
.home .cvc-voices-switcher:not(.is-enhanced) .cvc-voices-switcher__list {
overflow-y:auto;
}
.home .cvc-voices-switcher__person {
display:flex;
align-items:center;
gap:clamp(.6rem,1vw,.9rem);
min-height:64px;
width:min(100%,345px);
margin:0;
padding:.42rem .65rem;
border:0;
border-radius:6px;
background:transparent;
color:#121212;
text-align:left;
cursor:pointer;
font-family:inherit;
box-shadow:0 5px 15px -13px rgba(18,18,18,.2);
transition:top .56s cubic-bezier(.22,1,.36,1),left .56s cubic-bezier(.22,1,.36,1),opacity .46s ease,transform .56s cubic-bezier(.22,1,.36,1),background-color .3s ease,box-shadow .3s ease;
}
.home .cvc-voices-switcher__person img,
.home .cvc-voices-switcher__avatar-fallback {
display:block;
width:clamp(43px,4.3vw,58px);
height:clamp(43px,4.3vw,58px);
border:0;
border-radius:50%;
object-fit:cover;
flex:none;
}
.home .cvc-voices-switcher__avatar-fallback {
display:grid;
place-items:center;
background:#dae8e5;
font-weight:700;
color:#216e69;
}
.home .cvc-voices-switcher__person-text {
display:grid;
gap:.2rem;
min-width:0;
}
.home .cvc-voices-switcher__person strong {
color:#121212;
font-size:clamp(.84rem,.96vw,1rem);
font-weight:650;
line-height:1.3;
}
.home .cvc-voices-switcher__person small {
color:#53605f;
font-size:clamp(.7rem,.8vw,.8rem);
line-height:1.3;
}
.home .cvc-voices-switcher__person.is-active {
background:#fff;
box-shadow:0 15px 32px -24px rgba(18,18,18,.16),inset 2px 0 0 rgba(63,143,139,.55);
}
.home .cvc-voices-switcher__person.is-active img {border-color:transparent;}
.home .cvc-voices-switcher__person:is(:hover,:focus-visible) {
background:rgba(255,255,255,.89);
box-shadow:0 10px 24px -20px rgba(18,18,18,.18);
}
.home .cvc-voices-switcher.is-enhanced .cvc-voices-switcher__person {
position:absolute;
top:35%;
left:6%;
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translate3d(-6px,5px,0) scale(.94);
}
.home .cvc-voices-switcher.is-enhanced .cvc-voices-switcher__person.is-before {
top:6%;
left:0;
opacity:.68;
visibility:visible;
pointer-events:auto;
transform:translate3d(0,0,0) scale(.94);
}
.home .cvc-voices-switcher.is-enhanced .cvc-voices-switcher__person.is-active {
top:35%;
left:10%;
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translate3d(0,0,0) scale(1);
}
.home .cvc-voices-switcher.is-enhanced .cvc-voices-switcher__person.is-after {
top:65%;
left:0;
opacity:.68;
visibility:visible;
pointer-events:auto;
transform:translate3d(0,0,0) scale(.94);
}
.home .cvc-voices-switcher__feature {
position:relative;
z-index:2;
display:grid;
grid-template-rows:31px minmax(0,1fr) 74px 45px;
box-sizing:border-box;
align-items:center;
justify-items:start;
gap:clamp(.55rem,1.1vw,.9rem);
min-width:0;
min-height:0;
height:100%;
padding:clamp(2rem,3.3vw,3.2rem) clamp(1.6rem,4vw,4rem);
background:#fff;
opacity:1;
transform:none;
}
.home .cvc-voices-switcher__quote,
.home .cvc-voices-switcher__byline {
transition:opacity .35s ease,transform .42s cubic-bezier(.22,1,.36,1);
}
.home .cvc-voices-switcher__feature.is-leaving :is(.cvc-voices-switcher__quote,.cvc-voices-switcher__byline) {
opacity:0;
transform:translate3d(0,-6px,0);
}
.home .cvc-voices-switcher__feature.is-entering :is(.cvc-voices-switcher__quote,.cvc-voices-switcher__byline) {
transition:none!important;
opacity:0;
transform:translate3d(0,7px,0);
}
.home .cvc-voices-switcher__quote-symbol {
margin:0;
color:#3f8f8b;
font-size:clamp(2.3rem,3vw,3.2rem);
font-family:Georgia,serif;
line-height:.8;
}
.home .cvc-voices-switcher__quote {
display:flex;
align-items:center;
width:100%;
height:100%;
max-height:100%;
min-height:0;
margin:0;
padding:0;
border:0;
overflow-y:auto;
scrollbar-width:thin;
scrollbar-color:rgba(63,143,139,.30) transparent;
color:#121212;
font-style:normal;
font-size:clamp(1.03rem,1.36vw,1.40rem);
line-height:1.47;
letter-spacing:-.012em;
font-weight:500;
text-wrap:pretty;
}
/* Diskretna ocjena unutar postojećeg panela, bez mijenjanja grid redaka. */
.cvc-voices-switcher__feature { position:relative; }
.cvc-voices-switcher__feature > .cvc-voices-switcher__stars {
  position:absolute;
  z-index:1;
  top:clamp(2rem,3.3vw,3.2rem);
  right:clamp(1.6rem,4vw,4rem);
}
.cvc-voices-switcher__stars[hidden] { display:none; }
.home .cvc-voices-switcher__quote p {margin:0;}
.home .cvc-voices-switcher__byline {
display:flex;
flex-wrap:wrap;
align-content:center;
align-items:baseline;
gap:.1rem .5rem;
width:100%;
height:100%;
min-height:0;
color:#435352;
font-size:.82rem;
}
.home .cvc-voices-switcher__byline strong {
width:100%;
font-size:.97rem;
font-weight:700;
color:#121212;
}
.home .cvc-voices-switcher__byline a {
color:#276e69;
text-decoration:none;
border-bottom:1px solid rgba(63,143,139,.40);
}
.home .cvc-voices-switcher__sample {
margin-left:.25rem;
color:#2a716b;
font-size:.69rem;
letter-spacing:.02em;
font-weight:600;
}
.home .cvc-voices-switcher__sample[hidden] {display:none;}
.home .cvc-voices-switcher__nav {
display:flex;
align-items:center;
gap:clamp(.65rem,1.2vw,1.1rem);
height:45px;
margin:0;
}
.home .cvc-voices-switcher__nav button {
appearance:none;
display:inline-grid;
place-items:center;
flex:0 0 44px;
width:44px;
height:44px;
min-width:44px;
min-height:44px;
aspect-ratio:1;
box-sizing:border-box;
padding:0;
line-height:1;
border:1px solid rgba(63,143,139,.32);
background:rgba(255,255,255,.68);
color:#206762;
border-radius:999px;
cursor:pointer;
box-shadow:0 7px 17px -13px rgba(18,18,18,.24);
transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s ease,color .3s ease,border-color .3s ease;
}
.home .cvc-voices-switcher__nav button svg {
display:block;
width:19px;
height:19px;
flex:none;
}
.home .cvc-voices-switcher__nav button:is(:hover,:focus-visible) {
background:#2e7974;
border-color:#2e7974;
color:#fff;
transform:translateY(-2px);
}
.home .cvc-voices-switcher__nav span {
min-width:3.5rem;
text-align:center;
font-size:.74rem;
color:#465653;
letter-spacing:.08em;
font-variant-numeric:tabular-nums;
}
/* Četiri faze suradnje ispod poziva na akciju, unutar CTA-a. */
body.home .cv-footer__cta-inner {padding-bottom:clamp(3.5rem,6vw,6.5rem);}
/* Četiri logična koraka od upita do početka suradnje. */
body.home .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.home .cv-footer__cta-copy,
body.home .cv-footer__cta-actions {
width:min(100%,820px);
max-width:820px;
}
body.home .cvc-cta-steps {
position:relative;
z-index:2;
box-sizing:border-box;
width:min(100%,820px);
max-width:820px;
padding:0;
margin:0;
}
body.home .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.home .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.home .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.home .cvc-cta-steps__number {
color:rgba(242,244,245,.55);
font-size:.73rem;
font-weight:500;
letter-spacing:.09em;
}
body.home .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.home .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.home .cv-footer__cta-inner {
  align-items:center;
}
body.home .cv-footer__cta-copy {
  text-align:center;
  justify-items:center;
  margin-inline:auto;
}
body.home .cv-footer__cta-title,
body.home .cv-footer__cta-text {width:100%;text-align:center;}
body.home .cv-footer__cta-text {margin-inline:auto;}
body.home .cv-footer__cta-actions {
  justify-content:center;
  margin-inline:auto;
}
body.home .cv-footer__cta-actions .cv-btn--primary {
  min-width:clamp(330px,29vw,425px);
  justify-content:center;
}
}
/* Na desktopu hover cijele studijske kartice mora nadjačati završni scroll reveal. */
@media(min-width:769px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.home .cvc-studio__reason {
    transition:transform .34s cubic-bezier(.22,1,.36,1),
               background-color .3s ease,
               border-color .3s ease,
               box-shadow .3s ease,
               opacity .8s ease;
    will-change:auto;
  }
  body.home .cvc-studio__reason:hover,
  body.home .cvc-studio__reason.cvc-enter-pending.is-revealed:hover {
    transform:translate3d(0,-4px,0);
    background:rgba(63,143,139,.035);
    border-top-color:rgba(63,143,139,.46);
    box-shadow:0 18px 32px -29px rgba(18,18,18,.22);
  }
  body.home .cvc-studio__reason:hover .cvc-studio__reason-icon {
    transform:translate3d(0,-2px,0);
    background:rgba(63,143,139,.13);
  }
}
/* Mobilni CTA: putanja lijevo–desno, s gumbom kao konačnim korakom. */
@media(max-width:768px) {
body.home .cv-footer__cta-inner {
  gap:clamp(1.85rem,6.5vw,2.7rem);
  align-items:stretch;
}
body.home .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.home .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.home .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.home .cvc-cta-steps {
  display:block!important;
  width:100%;
  max-width:480px;
  margin-inline:auto;
}
body.home .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.home .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' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-size:100% 100%;
}
body.home .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.home .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.home .cvc-cta-steps__list li::after {content:none;display:none;}
body.home .cvc-cta-steps__number {
  font-size:.76rem;
  color:rgba(242,244,245,.64);
}
body.home .cvc-cta-steps__label {
  font-size:clamp(1.04rem,4.15vw,1.3rem);
  line-height:1.3;
}
body.home .cvc-cta-steps__description {
  max-width:100%;
  font-size:clamp(.92rem,3.55vw,1.04rem);
  line-height:1.58;
}
body.home .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.home .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.home .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.home .cv-footer__cta-title {font-size:clamp(2.7rem,12vw,3.2rem);}
body.home .cvc-cta-steps__list li {width:82%;}
}
@media(prefers-reduced-motion:reduce) {
body.home .cvc-cta-steps__list li {transition:none!important;}
}

/* Mobilni hero: urednička kompozicija, bez promjena na desktopu. */
@media(max-width:768px) {
/* Prstom lijevo/desno mijenja se izjava; okomiti scroll ostaje dostupan. */
body.home .cvc-voices-switcher__stage {touch-action:pan-y;}
body.home .cvc-hero {
display:flex;
flex-direction:column;
justify-content:flex-start;
gap:0;
box-sizing:border-box;
min-height:100svh;
height:auto;
padding-top:calc(var(--cv-header-h,76px) + clamp(3.3rem,9.4vw,4.15rem));
padding-bottom:clamp(1.2rem,3.8vw,2rem);
}
body.home .cvc-hero .cvc-hero__eyebrow {
display:flex;
flex-direction:column;
align-items:flex-start;
gap:clamp(.65rem,2.3vw,.85rem);
margin:clamp(.45rem,1.5vw,.7rem) 0 clamp(2.75rem,7.7vw,3.7rem);
font-size:clamp(.62rem,2.08vw,.78rem);
line-height:1.4;
letter-spacing:.09em;
}
body.home .cvc-hero__eyebrow-services {
display:inline-flex;
align-items:center;
gap:.65rem;
white-space:nowrap;
font-weight:650;
color:#f2f4f5;
letter-spacing:.07em;
}
body.home .cvc-hero__eyebrow-services::before {
content:"";
display:block;
flex:0 0 19px;
width:19px;
height:1px;
background:#3f8f8b;
}
body.home .cvc-hero__eyebrow-studio {
display:block;
color:rgba(242,244,245,.62);
font-weight:450;
white-space:normal;
letter-spacing:.08em;
}
body.home .cvc-hero__title {
max-width:100%;
margin:0 0 clamp(1.45rem,5.5vw,2rem);
font-size:clamp(2.55rem,9.4vw,4.5rem);
font-weight:780;
line-height:1.055;
letter-spacing:-.052em;
text-wrap:balance;
}
body.home .cvc-hero__lead {
width:100%;
max-width:40ch;
margin:0;
color:rgba(242,244,245,.77);
font-size:clamp(1rem,3.65vw,1.19rem);
line-height:1.63;
text-wrap:pretty;
}
/* Vraćamo stvarni blok umjesto starog display:contents. */
body.home .cvc-hero__stage {
display:block;
width:100%;
margin:clamp(1.8rem,5.4vw,2.35rem) 0 0;
padding:0;
}
body.home .cvc-hero__actions {
display:flex;
flex-wrap:wrap;
gap:0;
margin:0;
padding:0;
}
body.home .cvc-hero__actions .cvc-btn--primary {
display:inline-flex;
justify-content:space-between;
align-items:center;
gap:1.2rem;
min-height:54px;
max-width:100%;
padding:clamp(.9rem,3vw,1.05rem) clamp(1.3rem,4.5vw,1.65rem);
border-radius:5px;
font-size:clamp(.98rem,3.55vw,1.1rem);
font-weight:650;
box-shadow:0 13px 32px -18px rgba(0,0,0,.38);
}
/* Donji sadržaj ponovno čini jedan kompaktan blok. */
body.home .cvc-hero > .cvc-hero__bottom {
display:grid;
grid-template-columns:minmax(0,1fr);
align-items:start;
gap:0;
width:100%;
margin:auto 0 0;
padding:clamp(2.2rem,6.9vw,3.1rem) 0 0;
border:0;
border-top:1px solid rgba(242,244,245,.19);
background:linear-gradient(180deg,rgba(63,143,139,.04),transparent 75%);
}
body.home .cvc-hero__bottom .cvc-hero__stats {
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:clamp(.5rem,2.5vw,1.2rem);
width:100%;
margin:0;
padding:0!important;
border:0;
}
body.home .cvc-hero__bottom .cvc-hero__stats li {
gap:.5rem;
min-width:0;
padding-block:clamp(.35rem,1.5vw,.75rem) clamp(1.35rem,4.4vw,2rem);
}
body.home .cvc-hero__bottom .cvc-hero__stats strong {
font-size:clamp(1.55rem,6.5vw,2.05rem);
font-weight:600;
letter-spacing:-.035em;
line-height:1.06;
}
body.home .cvc-hero__bottom .cvc-hero__stats span {
color:rgba(242,244,245,.66);
font-size:clamp(.61rem,2.13vw,.73rem);
line-height:1.5;
}
body.home .cvc-hero__bottom > .cvc-home-logos {
display:flex;
align-items:center;
min-height:0;
height:auto;
width:100%;
margin:0;
padding:clamp(1rem,3.2vw,1.45rem) 0 clamp(.3rem,1.2vw,.6rem);
border:0;
border-top:1px solid rgba(242,244,245,.09);
background:transparent;
-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 9%,black 91%,transparent 100%);
mask-image:linear-gradient(90deg,transparent 0%,black 9%,black 91%,transparent 100%);
}
body.home .cvc-hero__bottom .cvc-home-logos .cvc-logo-wall--inline a {
opacity:.64;
}
/* Silk nastavlja raditi, no ne preuzima pažnju od teksta. */
body.home .cvc-hero > .cvc-cinema {
background:radial-gradient(ellipse 67% 66% at 94% 37%,rgba(63,143,139,.09),transparent 85%),#121212;
}
body.home .cvc-hero .cvc-cinema__canvas {
opacity:.47;
-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 35%,black 88%);
mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.3) 35%,black 88%);
}
body.home .cvc-hero .cvc-cinema::before {
background:linear-gradient(90deg,#121212 0%,rgba(18,18,18,.97) 30%,rgba(18,18,18,.8) 60%,rgba(18,18,18,.33) 100%);
}
/* Pojedini razlozi imaju prostor za čitanje i dodirni raspored. */
body.home .cvc-studio__reasons {
display:grid;
gap:clamp(1rem,3.7vw,1.5rem);
margin-block:clamp(2rem,6vw,3rem);
}
body.home .cvc-studio__reason {
display:grid;
grid-template-columns:clamp(60px,15vw,76px) minmax(0,1fr);
gap:clamp(1rem,3.7vw,1.5rem);
padding:clamp(1.3rem,4.6vw,1.9rem);
align-items:stretch;
background:rgba(255,255,255,.38);
border:1px solid rgba(63,143,139,.11);
border-radius:6px;
}
body.home .cvc-studio__reason-icon {
box-sizing:border-box;
width:100%;
height:100%;
min-height:0;
align-self:stretch;
border-radius:5px;
}
body.home .cvc-studio__reason-icon::before {
width:clamp(28px,7.2vw,37px);
height:clamp(28px,7.2vw,37px);
}
body.home .cvc-studio__reason h3 {margin-bottom:.55rem;line-height:1.32;font-size:clamp(1.15rem,4.6vw,1.4rem);}
body.home .cvc-studio__reason p:not(.cvc-eyebrow) {line-height:1.64;font-size:clamp(1rem,3.6vw,1.12rem);}
/* Mobilna skala izjave dijeli --cv-home-m-title s H2 naslovima u home-content.css. */
body.home .cvc-home-statement__text {
max-width:100%;
}
body.home .cvc-home-statement__opening {
display:block;white-space:normal;
font-size:inherit;
font-weight:inherit;
letter-spacing:inherit;
margin:0;
}
body.home .cvc-home-statement__opening .cvc-home-statement__emphasis {
white-space:normal;
}
/* Na dodirnim uređajima fotografije su odmah u punoj boji. */
body.home .cvc-offer__image img,
body.home .cvc-offer:is(:hover,:focus-within) .cvc-offer__image img {
filter:none;
}
/* Razmak naziva i vrste rada dijeli globalnu vrijednost u project.css. */
body.home .cvc-offers {row-gap:clamp(2.5rem,8.5vw,4.5rem);}
body.home .cvc-journal__grid {row-gap:clamp(2.75rem,8.5vw,4.5rem);}
}
/* Predefinirana visina po breakpointu: nema preskakanja tijekom rotacije. */
@media(max-width:1000px) and (min-width:721px) {
.home .cvc-voices-switcher__stage {
grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);
height:470px;
}
.home .cvc-voices-switcher__people {padding-left:clamp(.5rem,2vw,1.3rem);}
.home .cvc-voices-switcher__person-text small {font-size:.72rem;}
.home .cvc-voices-switcher__feature {padding:2.1rem 1.5rem;}
}
@media(max-width:720px) {
.home .cvc-voices-switcher__stage {
height:605px;
grid-template-columns:minmax(0,1fr);
grid-template-rows:198px minmax(0,1fr);
}
.home .cvc-voices-switcher__stage::before {
width:100%;
height:100%;
left:0;
top:0;
background:linear-gradient(180deg,rgba(63,143,139,.16),rgba(63,143,139,.045) 90%,transparent);
}
.home .cvc-voices-switcher__people {
height:198px;
padding:.65rem 1rem 0;
display:block;
}
.home .cvc-voices-switcher__list {
height:187px;
}
.home .cvc-voices-switcher__orbit {display:none;}
.home .cvc-voices-switcher.is-enhanced .cvc-voices-switcher__person.is-before {top:0;left:2%;}
.home .cvc-voices-switcher.is-enhanced .cvc-voices-switcher__person.is-active {top:34%;left:11%;}
.home .cvc-voices-switcher.is-enhanced .cvc-voices-switcher__person.is-after {top:68%;left:2%;}
.home .cvc-voices-switcher__person {
width:min(91%,320px);
min-height:51px;
padding:.24rem .45rem;
gap:.6rem;
}
.home .cvc-voices-switcher__person img,
.home .cvc-voices-switcher__avatar-fallback {width:43px;height:43px;}
.home .cvc-voices-switcher__person strong {font-size:.91rem;}
.home .cvc-voices-switcher__person small {font-size:.8rem;}
.home .cvc-voices-switcher__feature {
grid-template-rows:23px minmax(0,1fr) 66px 44px;
gap:.6rem;
height:100%;
min-height:0;
padding:1.4rem clamp(1.4rem,6vw,2.1rem) 1.65rem;
background:linear-gradient(180deg,rgba(255,255,255,.97),#fff 12%);
}
.home .cvc-voices-switcher__quote-symbol {font-size:2.5rem;}
.home .cvc-voices-switcher__quote {
font-size:clamp(.97rem,3.7vw,1.12rem);
line-height:1.47;
}
.home .cvc-voices-switcher__byline {
font-size:.78rem;
gap:.06rem .45rem;
}
.home .cvc-voices-switcher__byline strong {font-size:.91rem;}
.home .cvc-voices-switcher__nav {height:44px;}
}
@media(max-width:360px) {
.home .cvc-voices-switcher__stage {height:635px;grid-template-rows:193px minmax(0,1fr);}
.home .cvc-voices-switcher__people {height:193px;}
.home .cvc-voices-switcher__feature {padding-inline:1.2rem;}
}
@media(prefers-reduced-motion:reduce) {
.home .cvc-voices-switcher__person,
.home .cvc-voices-switcher__feature,
.home .cvc-voices-switcher__nav button {transition:none!important;}
}


/* Landscape na telefonu, uključujući Safari i "desktop site".
 * Klasa se aktivira samo na uređajima na dodir s malim ekranom. */
html.cvc-phone-landscape,
html.cvc-phone-landscape body.home {max-width:none;min-width:0;overflow-x:clip;}
html.cvc-phone-landscape body.home {width:100%;margin:0;}
html.cvc-phone-landscape body.home #main,
html.cvc-phone-landscape body.home #main > .entry,
html.cvc-phone-landscape body.home #main > .entry > .entry__content {
  display:block;position:relative;box-sizing:border-box;
  width:100vw;width:100dvw;max-width:none!important;min-width:0;
  margin-inline:0!important;
}
html.cvc-phone-landscape body.home #main > .entry > .entry__content.prose > * {
  display:block;box-sizing:border-box;min-width:0;
  width:100vw!important;width:100dvw!important;
  max-width:none!important;margin-inline:0!important;
}
html.cvc-phone-landscape body.home #main .cvc-sec {
  box-sizing:border-box;min-width:0;
  width:100vw!important;width:100dvw!important;
  max-width:none!important;margin-inline:0!important;
  padding-inline:max(var(--cvc-gutter,20px),calc((100% - var(--cvc-content-width,1200px))/2));
}
html.cvc-phone-landscape body.home .cv-footer,
html.cvc-phone-landscape body.home .cv-footer__cta {
  box-sizing:border-box;width:100vw;width:100dvw;max-width:none;
}
html.cvc-phone-landscape body.home #main .cvc-hero {
  min-height:0;height:auto;
  margin-top:calc(-1 * var(--cv-header-h,76px));
  padding-top:calc(var(--cv-header-h,76px) + clamp(.9rem,2.5vh,1.6rem));
  padding-bottom:clamp(2rem,3.5vw,3.5rem);
}
html.cvc-phone-landscape body.home #main .cvc-hero__eyebrow {
  display:flex;flex-direction:column;align-items:flex-start;
  gap:.5rem;width:100%;max-width:100%;
  margin:0 0 clamp(1rem,2.2vw,1.6rem);
}
html.cvc-phone-landscape body.home #main .cvc-hero__eyebrow-services,
html.cvc-phone-landscape body.home #main .cvc-hero__eyebrow-studio {
  display:block;white-space:normal;
}
html.cvc-phone-landscape body.home #main .cvc-hero__title {
  width:100%;max-width:100%;
  margin-bottom:clamp(.9rem,1.8vw,1.4rem);
  font-size:clamp(2.25rem,5.1vw,4.5rem);
  line-height:1.06;text-wrap:balance;
}
html.cvc-phone-landscape body.home #main .cvc-hero__line,
html.cvc-phone-landscape body.home #main .cvc-hero__accent {white-space:normal;}
html.cvc-phone-landscape body.home #main .cvc-hero__lead {
  max-width:63ch;font-size:clamp(.96rem,1.5vw,1.18rem);line-height:1.55;
}
html.cvc-phone-landscape body.home #main .cvc-hero__stage {
  display:block;margin-top:clamp(1rem,2vw,1.6rem);
}
html.cvc-phone-landscape body.home #main .cvc-hero > .cvc-hero__bottom {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;gap:clamp(1rem,2.5vw,2rem);
  margin-top:clamp(2rem,4vw,3rem);
}
html.cvc-phone-landscape body.home #main .cvc-hero__bottom .cvc-hero__stats {
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;padding:0!important;
}
html.cvc-phone-landscape body.home #main .cvc-hero__bottom > .cvc-home-logos {
  width:100%;max-width:100%;min-width:0;overflow:hidden;
}
html.cvc-phone-landscape body.home #main .cvc-home-statement__text {
  width:100%;max-width:32ch;
  font-size:clamp(1.9rem,3.55vw,3.5rem);line-height:1.24;margin-inline:auto;
}
html.cvc-phone-landscape body.home #main .cvc-home-statement__inner {
  display:flex;width:100%;max-width:100%;justify-content:center;
}
/* Nema nepravilnog polukruga na uskom vodoravnom zaslonu. */
html.cvc-phone-landscape body.home #main .cvc-cinema {
  background:radial-gradient(ellipse 60% 105% at 88% 38%,rgba(63,143,139,.22),transparent 80%),
             linear-gradient(105deg,#121212 0%,#182423 65%,#1b3835 100%);
}
html.cvc-phone-landscape body.home #main .cvc-cinema__canvas {display:none;}
html.cvc-phone-landscape body.home #main .cvc-cinema::before {
  background:linear-gradient(90deg,rgba(18,18,18,.92),rgba(18,18,18,.62) 60%,rgba(18,18,18,.35));
}
/* Mobilni izbornik i kad Safari ili Android prijavljuju desktop širinu. */
html.cvc-phone-landscape body.home .cv-header {--cv-h:64px;--cv-logo-h:30px;}
html.cvc-phone-landscape body.home .cv-nav__toggle {display:inline-flex;}
html.cvc-phone-landscape body.home .cv-nav__panel {
  position:absolute;left:0;right:0;top:100%;
  height:calc(100dvh - var(--cv-panel-top,64px));
  display:flex;flex-direction:column;align-items:stretch;gap:0;
  padding:8px var(--cv-gutter) 28px;background:var(--cv-panel);color:var(--cv-fg);
  border-top:1px solid var(--cv-line);overflow-y:auto;overscroll-behavior:contain;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .25s var(--cv-ease),transform .4s var(--cv-ease-out),visibility 0s linear .4s;
}
html.cvc-phone-landscape body.home .cv-header.is-open .cv-nav__panel {
  opacity:1;visibility:visible;transform:none;transition-delay:0s;
}
html.cvc-phone-landscape body.home .cv-menu {
  display:flex;flex-direction:column;align-items:stretch;gap:0;
}
html.cvc-phone-landscape body.home .cv-menu > .menu-item {
  width:100%;flex-wrap:wrap;border-bottom:1px solid var(--cv-line);
}
html.cvc-phone-landscape body.home .cv-menu > .menu-item > .cv-menu__link {
  flex:1;height:auto;padding:14px 0;font:700 18px/1.15 var(--cv-font-display);
}
html.cvc-phone-landscape body.home .cv-menu .sub-menu,
html.cvc-phone-landscape body.home .cv-mega {
  position:static;flex-basis:100%;display:none;min-width:0;padding:0 0 12px;
  border:0;border-radius:0;background:none;box-shadow:none;
  opacity:1;visibility:visible;transform:none;
}
html.cvc-phone-landscape body.home .cv-menu .menu-item.is-open > .sub-menu,
html.cvc-phone-landscape body.home .cv-menu .menu-item.is-open > .cv-mega {display:block;}
html.cvc-phone-landscape body.home .cv-nav__actions {
  flex-direction:column;align-items:stretch;margin-top:auto;padding-top:20px;
}
html.cvc-phone-landscape body.home .cv-nav__actions .cv-btn {width:100%;}

/* Hero: bijeli highlight iza tirkiznog izraza — isti ritam kao izdvojena izjava.
 * Bez promjene fonta/boje teksta; GPU-friendly scaleX i reduced-motion fallback. */
body.home .cvc-hero__title .cvc-hero__accent {
  position:relative;
  isolation:isolate;
  width:max-content;
  max-width:100%;
}
body.home .cvc-hero__title .cvc-hero__accent::before {
  content:"";
  position:absolute;
  z-index:-1;
  left:-.015em;
  right:-.015em;
  bottom:.10em;
  height:.42em;
  background:transparent; display:none!important;
  pointer-events:none;
  transform:scaleX(0);
  transform-origin:left center;
}
@media(prefers-reduced-motion:no-preference) {
  body.home .cvc-hero__title .cvc-hero__accent::before {
    animation:cvc-statement-v2-mark 1.15s cubic-bezier(.22,1,.36,1) 1.05s both;
  }
}
@media(prefers-reduced-motion:reduce) {
  body.home .cvc-hero__title .cvc-hero__accent::before {
    animation:none!important;
    transform:scaleX(1);
  }
}
@media(min-width:769px) {
  body.home .cvc-hero__title {line-height:1.085;}
}

/* Mobilni editorialni ritam: više prostora za naslove i granice sekcija. */
@media(max-width:768px) {
  body.home .cvc-studio-wrap {
    padding-block:clamp(4.5rem,14vw,6rem) clamp(4.7rem,14vw,6.5rem);
  }
  body.home .cvc-studio {
    row-gap:clamp(3.25rem,12vw,4.75rem);
  }
  body.home .cvc-studio__body > h2 {
    margin-top:0;
    margin-bottom:clamp(1.75rem,6vw,2.4rem);
  }
  body.home .cvc-studio__body > p {
    margin-bottom:clamp(1.25rem,4vw,1.75rem);
  }
  body.home .cvc-home-statement {
    padding-block:clamp(5rem,14vw,7rem);
  }
  body.home .cvc-home-services {
    padding-block:clamp(5rem,14vw,6.5rem);
  }
  body.home .cvc-home-services > .cvc-sec__lead {
    margin-bottom:clamp(3.5rem,10vw,4.5rem);
  }
  body.home #radovi {
    padding-top:clamp(5rem,14vw,6.75rem);
    padding-bottom:clamp(2.75rem,8vw,4rem);
  }
  body.home .cvc-voices-editorial {
    padding-block:clamp(5rem,14vw,7rem);
  }
  body.home .cvc-journal {
    padding-block:clamp(5rem,14vw,7rem);
  }
  body.home .cvc-journal__head {
    margin-bottom:clamp(3rem,9vw,4rem);
  }
}

/* Desktop: jasno razdvojeni dijelovi hero eyebrowa, bez promjene mobilnog rasporeda. */
@media(min-width:1024px) and (hover:hover) and (pointer:fine) {
  body.home .cvc-hero__eyebrow {flex-wrap:nowrap;}
  body.home .cvc-hero__eyebrow-studio::before {
    content:"-";
    display:inline-block;
    margin-right:clamp(.7rem,1vw,1rem);
    color:rgba(242,244,245,.65);
  }
  /* Dovoljna margina iznad prve kružne fotografije u testimonialima. */
  body.home .cvc-voices-switcher.is-enhanced .cvc-voices-switcher__person.is-before {top:9%;}
  body.home .cvc-voices-switcher__person img {object-position:50% 24%;}
}

/* Završno usklađenje tipografije, animacija i editorijalnog ritma. */
@media(min-width:769px) {
  /* Dva odvojena dijela hero eyebrowa; ne mijenjati mobilni raspored. */
  body.home .cvc-hero__eyebrow {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    column-gap:clamp(.8rem,1.5vw,1.5rem);
    row-gap:.5rem;
  }
  body.home .cvc-hero__eyebrow > span {display:inline-block;}
  body.home .cvc-hero__eyebrow-studio {
    color:rgba(242,244,245,.67);
    letter-spacing:.10em;
  }
}

/* Bez umjetnog duplog obruba avatara, orbitnih kružnica ili zamućenih kartica. */
body.home .cvc-voices-switcher__orbit {display:none;}
body.home .cvc-voices-switcher__person img {box-shadow:none;border:0;}
body.home .cvc-voices-switcher__person.is-active img {outline:none;box-shadow:none;}
body.home .cvc-voices-switcher__stage {box-shadow:0 12px 29px -23px rgba(18,18,18,.19),0 40px 74px -47px rgba(18,18,18,.21);}
body.home .cvc-voices-switcher__feature {background:#fff;}
@media(hover:hover) and (pointer:fine) {
  body.home .cvc-voices-switcher__person:hover {transform:translate3d(0,-1px,0);}
  body.home .cvc-voices-switcher__person.is-active:hover {background:#fff;}
}

/* Odmjeren dolazak sadržaja u desktop prikazu, jedan po jedan blok. */
@keyframes cvc-editorial-intro {
  from {opacity:0;transform:translate3d(0,17px,0);}
  to {opacity:1;transform:translate3d(0,0,0);}
}
@media (min-width:900px) and (prefers-reduced-motion:no-preference) {
  body.home .cvc-hero__eyebrow,
  body.home .cvc-hero__title .cvc-hero__line,
  body.home .cvc-hero__title .cvc-hero__accent,
  body.home .cvc-hero__lead,
  body.home .cvc-hero__actions,
  body.home .cvc-hero__bottom {
    animation:cvc-editorial-intro .86s cubic-bezier(.22,1,.36,1) both;
  }
  body.home .cvc-hero__eyebrow {animation-delay:.08s;}
  body.home .cvc-hero__title .cvc-hero__line {animation-delay:.2s;}
  body.home .cvc-hero__title .cvc-hero__accent {animation-delay:.35s;}
  body.home .cvc-hero__lead {animation-delay:.53s;}
  body.home .cvc-hero__actions {animation-delay:.7s;}
  body.home .cvc-hero__bottom {animation-delay:.9s;}
  body.home .cvc-enter-pending {
    opacity:0;
    transform:translate3d(0,32px,0);
    transition:opacity .9s cubic-bezier(.22,1,.36,1),
               transform .95s cubic-bezier(.22,1,.36,1);
    transition-delay:var(--cvc-delay,0ms);
  }
  body.home .cvc-enter-pending.is-revealed {
    opacity:1;
    transform:translate3d(0,0,0);
  }
}
/* Mobilni opis i naslovi: čitljivost važnija od kompaktnosti. */
@media(max-width:768px) {
  body.home .cvc-offer__title {font-size:clamp(1.36rem,5.3vw,1.78rem);line-height:1.22;}
  body.home .cvc-offer > p {font-size:clamp(1rem,3.7vw,1.14rem);line-height:1.67;}
  body.home .cvc-rad-home__title {font-size:clamp(1.42rem,5.25vw,1.85rem);}
  body.home .cvc-rad-home__row {font-size:clamp(.94rem,3.4vw,1.04rem);}
  body.home .cvc-journal__title {font-size:clamp(1.38rem,5vw,1.75rem);line-height:1.27;}
  body.home .cvc-journal__card p {font-size:clamp(1rem,3.5vw,1.12rem);}
  body.home .cvc-studio__reason p:not(.cvc-eyebrow) {color:#354340;}
  body.home .cv-footer__cta-inner {padding-bottom:clamp(5rem,10vw,7rem);}
}
@media(prefers-reduced-motion:reduce) {
  body.home .cvc-hero__eyebrow,
  body.home .cvc-hero__title .cvc-hero__line,
  body.home .cvc-hero__title .cvc-hero__accent,
  body.home .cvc-hero__lead,
  body.home .cvc-hero__actions,
  body.home .cvc-hero__bottom {
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}