/* Blink: ink becomes a product. Content is readable without animation or WebGL. */
.ink-intro,.studio-close,.handover{background:#f5f2ed;color:#181815}
.trust-proof{background:#f5f2ed;color:#181815;padding:clamp(120px,14vw,220px) 0 clamp(130px,15vw,230px);position:relative;isolation:isolate}
.trust-proof-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr);column-gap:9vw;align-items:end}
.trust-proof-heading .oz{grid-column:1/-1;margin-bottom:28px}
.trust-proof-heading h2{font:400 clamp(42px,5.6vw,82px)/1.02 'Instrument Sans',sans-serif;letter-spacing:-.065em;margin:0}
.trust-proof-heading h2 em{color:#c43720;font-style:normal}
.trust-proof-heading .vod{font-size:18px;line-height:1.5;max-width:34ch;margin:0 0 4px}
.trust-proof-object{position:absolute;right:8%;top:clamp(180px,15vw,250px);width:min(24vw,330px);aspect-ratio:1;perspective:900px;transform-style:preserve-3d;pointer-events:auto}.trust-proof-core{position:absolute;inset:23%;border-radius:50%;background:#181815;color:#f5f2ed;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 24px 50px #18181525;transition:transform .3s ease}.trust-proof-core span{font:500 clamp(18px,2vw,28px)/1 var(--sans-d);letter-spacing:.04em;color:#ff4f31}.trust-proof-core b{font:400 10px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-top:14px;color:#d6d1c7}.trust-proof-orbit{position:absolute;inset:8%;border:1px solid #18181530;border-radius:50%;transform-style:preserve-3d}.trust-proof-orbit-a{transform:rotateX(63deg) rotateY(-18deg)}.trust-proof-orbit-b{inset:2%;border-color:#ff4f3180;transform:rotateY(64deg) rotateZ(28deg)}.trust-proof-node{position:absolute;width:11px;height:11px;border-radius:50%;background:#ff4f31;box-shadow:0 0 0 7px #ff4f3118}.trust-proof-node-a{top:10%;right:28%}.trust-proof-node-b{bottom:16%;left:14%;background:#181815;box-shadow:0 0 0 7px #18181512}
.trust-proof-flow{margin-top:clamp(90px,12vw,170px);border-top:1px solid #18181530}
.trust-proof-step{display:grid;grid-template-columns:70px minmax(0,1.1fr) minmax(110px,.35fr);gap:30px;align-items:baseline;padding:30px 0 34px;border-bottom:1px solid #18181530}
.trust-proof-index{font:12px/1 var(--mono);color:#716b60}.trust-proof-step h3{font:400 clamp(24px,2.4vw,36px)/1.1 'Instrument Sans',sans-serif;letter-spacing:-.04em;margin:0 0 12px}.trust-proof-step p{font-size:16px;line-height:1.55;color:#625f57;max-width:44ch;margin:0}.trust-proof-step b{font:12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#c43720;font-weight:400}
.trust-capabilities{margin-top:clamp(100px,12vw,180px);display:grid;grid-template-columns:.55fr 1.45fr;gap:9vw;align-items:start}.trust-capabilities-label{font:12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#716b60;margin:0}.trust-capability-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #18181530}.trust-capability-grid span{padding:17px 0;border-bottom:1px solid #18181530;font-size:18px;letter-spacing:-.02em}.trust-capability-grid span:nth-child(odd){margin-right:30px}.trust-capabilities-note{grid-column:2;font-size:15px;line-height:1.5;color:#716b60;margin:22px 0 0;max-width:36ch}
@media(max-width:700px){.trust-proof{padding:100px 0 120px}.trust-proof-heading{display:block}.trust-proof-heading .oz{margin-bottom:22px}.trust-proof-heading h2{font-size:42px}.trust-proof-heading .vod{font-size:16px;margin-top:30px;max-width:32ch}.trust-proof-object{position:relative;right:auto;top:auto;width:min(62vw,250px);margin:74px auto 0}.trust-proof-flow{margin-top:82px}.trust-proof-step{grid-template-columns:34px minmax(0,1fr);gap:16px;padding:24px 0 28px}.trust-proof-step b{grid-column:2}.trust-proof-step h3{font-size:25px}.trust-proof-step p{font-size:15px}.trust-capabilities{display:block;margin-top:90px}.trust-capability-grid{margin-top:24px}.trust-capability-grid span{font-size:15px;padding:14px 0}.trust-capability-grid span:nth-child(odd){margin-right:16px}.trust-capabilities-note{margin-top:22px}}
.ink-intro{position:relative;isolation:isolate}
.ink-stage{position:relative;min-height:850px;overflow:clip}
.ink-content{position:relative;z-index:2;min-height:850px;padding-block:95px 65px;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between}
.ink-content a{pointer-events:auto}
.ink-content h2,.studio-close h2,.handover h2,.process-heading h2{font-family:var(--sans,'Instrument Sans',sans-serif);font-weight:400;letter-spacing:-.065em;line-height:1.02;margin:0;font-size:clamp(52px,6.5vw,104px)}
.ink-visual{position:absolute;inset:0;z-index:0;pointer-events:none}
.ink-visual img{position:absolute;width:112%;max-width:none;height:100%;object-fit:contain;left:12%;top:8%;mix-blend-mode:multiply}
.ink-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .4s}
.ink-visual.has-webgl .ink-canvas{opacity:1}
.ink-visual.has-webgl img{opacity:0}
.ink-caption{max-width:350px}
.ink-caption p{font-size:clamp(20px,2vw,28px);line-height:1.4;margin:0 0 25px}
.ink-end{display:none}
.ink-intro.is-film{height:220svh}
.ink-intro.is-film .ink-stage{position:sticky;top:0;height:100svh;min-height:0}
.ink-intro.is-film .ink-content{height:100svh;min-height:0;padding-block:clamp(70px,10vh,120px) 65px}
.ink-intro.is-film .ink-end{display:block;position:absolute;left:var(--pad);top:12%;margin:0;font-size:clamp(55px,7vw,110px);letter-spacing:-.06em;line-height:1.03;opacity:0}
.ink-end span{color:#c43720}
.process-film{background:#181815;color:#f5f2ed;position:relative;isolation:isolate}
/* Ulazak sekcije. Iznad je urbano scena u tamno plavoj (#161e2e na rubu),
   ispod ova u toploj crnoj (#181815) — bez prelaza to je vidljiv rez u tonu.
   Veo drži plavu dok sekcija ulazi i gasi se dok ne sjedne, pa se boja pozadine
   postavlja postepeno i sadržaj izranja iz scene iznad umjesto da upadne. */
.process-veo{
  position:sticky;top:0;height:100svh;margin-bottom:-100svh;
  z-index:5;pointer-events:none;
  background:linear-gradient(#0c1523 0%, #111926 40%, #16191d 76%, #181815 100%);
  opacity:calc(1 - var(--ulaz,0));
}
@media(prefers-reduced-motion:reduce){.process-veo{display:none}}
.process-stage{padding:90px 0}
.process-heading{display:flex;justify-content:space-between;align-items:start;gap:25px}
.process-heading h2{font-size:clamp(50px,5.8vw,90px)}
.process-heading{position:relative;z-index:2;color:#f5f2ed}
.process-heading>p{font-size:16px;color:#bbb9b2;padding-top:10px}
.process-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center;margin-top:70px}
.process-object{height:440px;perspective:1300px;display:grid;place-items:center}
.process-stack{width:min(100%,540px);height:310px;position:relative;transform-style:preserve-3d;transform:rotateX(48deg) rotateZ(-26deg)}
.process-sheet{position:absolute;inset:0;border-radius:26px;background:#eeeae2;color:#181815;display:flex;flex-direction:column;justify-content:space-between;padding:35px;border:1px solid #fff8;box-shadow:0 4px 0 #b3ada2,0 28px 55px #0005;backface-visibility:hidden;transform:translateZ(100px)}
.process-sheet:nth-child(2){background:#ff4f31;transform:translateZ(0);box-shadow:0 4px 0 #ba321e,0 28px 55px #0005}
.process-sheet:nth-child(3){transform:translateZ(-100px)}
.process-sheet>span{font-size:42px;letter-spacing:-.045em}
.process-sheet>small{font-size:15px;font-weight:400}
.process-sheet>b{position:absolute;right:35px;bottom:28px;font-size:18px;font-weight:400}
.process-chapters article{padding:25px 0;border-top:1px solid #ffffff24}
.process-step{color:#ff795f;font-size:16px;margin:0 0 20px}
.process-chapters h3{font-size:clamp(30px,3vw,44px);font-weight:400;line-height:1.1;letter-spacing:-.045em;margin:0 0 20px}
.process-chapters article>p:not(.process-step){font-size:18px;line-height:1.65;color:#d2cfc7;max-width:40ch;margin:0 0 25px}
.process-outcome{font-size:14px;color:#f5f2ed;border-top:1px solid #ffffff28;display:block;padding-top:20px}
.process-controls{display:none}
.process-film.is-film{height:320svh}
.process-film.is-film .process-stage{position:sticky;top:0;height:100svh;padding:70px 0 45px;overflow:clip}
.process-film.is-film .process-stage>.u{height:100%;display:flex;flex-direction:column}
.process-film.is-film .process-layout{flex:1;margin-top:20px;min-height:0}
.process-film.is-film .process-chapters{position:relative;min-height:320px}
.process-film.is-film .process-chapters article{position:absolute;inset:0;border:0;padding:20px 0;display:flex;flex-direction:column;justify-content:center}
.process-film.is-film .process-controls{display:flex;gap:28px;width:46%;margin-left:auto}
.process-controls button{font:inherit;font-size:14px;background:none;color:#aaa89f;border:0;border-bottom:2px solid #ffffff30;padding:16px 0;text-align:left;flex:1;cursor:pointer;min-height:48px;transition:color .2s,border-color .2s}
.process-controls button[aria-pressed=true]{color:#fff;border-color:#ff4f31}
.process-controls button:focus-visible{outline:2px solid #ff795f;outline-offset:5px;border-radius:4px}
.handover{padding:clamp(90px,10vw,160px) 0;overflow:clip}
.handover-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}
.handover h2{font-size:clamp(45px,5.2vw,82px);margin:30px 0}
.handover h2 span{color:#c43720}
.handover-copy>p:not(.oz){font-size:21px;line-height:1.55;margin:0 0 32px}
.handover-details{position:relative;perspective:1200px}
.handover-details:before{content:'';position:absolute;inset:-45px -60px;border-left:2px solid #ff4f3166;border-radius:48px;transform:rotate(-8deg);background:linear-gradient(110deg,#fff7,transparent 65%);pointer-events:none}
.handover-details ol{position:relative;list-style:none;padding:0;margin:0}
.handover-details li{display:grid;grid-template-columns:25px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid #18181525}
.handover-details li>span{font-size:12px;color:#69675f;padding-top:6px}
.handover-details h3{font-size:clamp(23px,2.4vw,34px);line-height:1.2;letter-spacing:-.035em;font-weight:400;margin:0 0 15px}
.handover-details li p{font-size:17px;line-height:1.65;color:#625f57;margin:0;max-width:42ch}
.handover-note{font-size:14px;color:#625f57;line-height:1.6;margin:26px 0 0 45px;position:relative}
.studio-close{position:relative;isolation:isolate;overflow:clip;min-height:95svh;padding:130px 0 65px}
.studio-close-layout{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:6vw}
.studio-close h2{font-size:clamp(58px,7.6vw,118px);font-weight:500}
.studio-close h2 span{color:#ff4f31}
.studio-close-layout>div>p{font-size:clamp(20px,2vw,28px);line-height:1.45;max-width:32ch;margin:5px 0 30px}
.studio-close-place{margin-top:160px;font-size:14px}
.studio-ink{position:absolute;right:-20%;bottom:-30%;width:80%;height:auto;max-width:none;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at 62% 65%,#000 30%,transparent 72%);z-index:0;pointer-events:none}
.ink-visual>img{mask-image:radial-gradient(ellipse at 55% 55%,#000 35%,transparent 74%)}
:is(.ink-caption,.handover-copy,.studio-close-layout) .dug--p{background:#ff4f31;color:#181815;border-color:#ff4f31}
:is(.ink-caption,.handover-copy,.studio-close-layout) .dug--p:hover{background:#181815;color:#fff;border-color:#181815}
@media(min-width:701px){#partnerstvo-icbl{padding-block:65px}.icbl-r{gap:30px}.icbl-kopija h2{font-size:clamp(40px,4vw,60px)}}
@media(max-width:900px){.process-layout{gap:30px}.process-sheet{padding:25px}.process-object{height:360px}.process-stack{height:260px}.process-sheet>span{font-size:34px}.process-film.is-film .process-chapters{min-height:345px}.handover-layout{gap:40px}}
@media(max-width:700px){
 .ink-stage,.ink-content{min-height:730px}.ink-content{padding-block:65px 45px}.ink-content h2{font-size:clamp(45px,10vw,70px)}.ink-visual img{width:155%;left:-10%;top:4%}.ink-caption p{font-size:20px}.ink-intro.is-film .ink-content{padding-block:85px 45px}.ink-intro.is-film{height:195svh}.ink-intro.is-film .ink-end{font-size:clamp(50px,12vw,75px);top:30%}
 .process-stage{padding:75px 0}.process-heading h2{font-size:clamp(43px,10vw,65px)}.process-heading>p{display:none}.process-layout{grid-template-columns:1fr;margin-top:35px;gap:25px}.process-object{height:260px}.process-stack{width:78%;height:180px}.process-sheet{border-radius:18px;padding:22px}.process-sheet>span{font-size:30px}.process-sheet>small{font-size:11px}.process-sheet>b{font-size:13px;bottom:20px;right:20px}.process-chapters article>p:not(.process-step){font-size:16px}.process-chapters h3{font-size:29px}.process-step{font-size:14px;margin-bottom:12px}.process-outcome{font-size:12px;padding-top:12px}
 .process-film.is-film .process-stage{padding:65px 0 20px}.process-film.is-film .process-layout{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-top:10px}.process-film.is-film .process-object{height:235px;width:100%;flex-shrink:0}.process-film.is-film .process-chapters{min-height:235px;width:100%}.process-film.is-film .process-chapters article{padding:5px 0}.process-film.is-film .process-controls{width:100%;gap:16px;margin-top:15px}.process-controls button{font-size:12px}.process-film.is-film{height:300svh}
 .handover-layout{grid-template-columns:1fr;gap:45px}.handover h2{font-size:clamp(45px,10.5vw,65px)}.handover-copy>p:not(.oz){font-size:19px}.handover-details:before{inset:-20px 0}.handover-details li{padding:25px 0;gap:15px}.handover-details li p{font-size:16px}.handover-details h3{font-size:25px}.handover-note{margin-left:40px}
 .studio-close{padding:90px 0 50px;min-height:850px}.studio-close-layout{grid-template-columns:1fr;gap:35px}.studio-close h2{font-size:clamp(52px,12vw,84px)}.studio-close-layout>div>p{font-size:20px}.studio-close-place{margin-top:120px}.studio-ink{width:600px;right:-240px;bottom:-65px}
 .process-film.is-film .process-stack{scale:.78}
}
@media(max-height:760px){
 .process-film.is-film .process-stage{padding:70px 0 18px}
 .process-heading h2{font-size:clamp(38px,4.5vw,62px)}
 .process-film.is-film .process-object{height:260px}
 .process-film.is-film .process-stack{scale:.72}
 .process-film.is-film .process-chapters{min-height:260px}
 .process-chapters h3{font-size:30px;margin-bottom:12px}
 .process-chapters article>p:not(.process-step){font-size:16px;margin-bottom:16px}
 .process-step{margin-bottom:12px}.process-outcome{padding-top:12px}
}
@media(max-height:760px) and (max-width:700px){
 .process-film.is-film .process-object{height:155px}
 .process-film.is-film .process-stack{scale:.58}
 .process-film.is-film .process-chapters{min-height:235px}
 .process-film.is-film .process-layout{gap:0}
 .process-heading h2{font-size:38px}
 .process-chapters h3{font-size:26px}
 .process-chapters article>p:not(.process-step){font-size:14px;line-height:1.5}
 .process-delivery{margin-top:8px;padding:6px 0}
}
@media(max-height:480px){
 .process-film.is-film .process-stage{padding:65px 0 8px}
 .process-heading h2{font-size:30px}.process-heading h2 br{display:none}
 .process-heading>p{display:none}
 .process-film.is-film .process-layout{display:grid;grid-template-columns:1fr 1fr;margin-top:0;gap:25px}
 .process-film.is-film .process-object{height:160px}
 .process-film.is-film .process-stack{scale:.48}
 .process-film.is-film .process-chapters{min-height:190px}
 .process-film.is-film .process-chapters article{padding:0}
 .process-chapters h3{font-size:22px;margin-bottom:8px}
 .process-chapters article>p:not(.process-step){font-size:12px;line-height:1.4;margin-bottom:10px}
 .process-step,.process-outcome{font-size:11px}.process-step{margin-bottom:8px}.process-outcome{padding-top:8px}
 .process-film.is-film .process-controls{width:46%;margin:0 0 0 auto;gap:12px}
 .process-controls button{font-size:11px;padding:8px 0;min-height:36px}
 .process-delivery{font-size:11px;margin-top:4px;padding:4px 0}
}
@media(prefers-reduced-motion:reduce){.ink-canvas{display:none}.ink-visual img{opacity:1!important}.process-object{display:none}.process-layout{grid-template-columns:1fr}.studio-ink{transform:none!important}}

/* Final spacing pass for the two adjacent cinematic sections. */
.process-heading h2{max-width:9ch;letter-spacing:-.075em}.process-heading>p{max-width:14ch;line-height:1.45}.process-film.is-film .process-layout{gap:clamp(70px,9vw,150px);margin-top:clamp(80px,9vw,130px)}.process-film.is-film .process-object{transform:translateY(-8px)}.process-film.is-film .process-stack{width:min(100%,500px);height:290px}.process-film.is-film .process-sheet{padding:30px 34px}.process-film.is-film .process-sheet>span{font-size:38px}.process-film.is-film .process-sheet>small{max-width:22ch;line-height:1.45}.process-film.is-film .process-chapters article>p:not(.process-step){max-width:36ch}.process-film.is-film .process-controls{margin-top:38px}

@media(max-width:700px){.process-film.is-film .process-layout{gap:18px;margin-top:28px}.process-film.is-film .process-sheet{padding:20px}.process-film.is-film .process-sheet>span{font-size:30px}.process-film.is-film .process-controls{margin-top:18px}}
.process-film.is-film .process-layout{gap:clamp(55px,7vw,105px);margin-top:clamp(48px,6vw,82px)}.process-film.is-film .process-controls{margin-top:10px}
@media(max-width:700px){.process-film.is-film .process-layout{gap:18px;margin-top:28px}.process-film.is-film .process-controls{margin-top:12px}}

/* ═══════════════════════════════════════════════════════════════════════
   Sposobnosti — naslov centriran u tipografiji sajta, tri discipline kao
   paneli na svijetloj podlozi, tanke niti koje se spajaju u „Vaš proizvod".
   ═══════════════════════════════════════════════════════════════════════ */
.capability-cinema{
  position:relative;isolation:isolate;overflow:clip;
  background:var(--papir,#faf7f5);color:var(--tinta,#12110b);
  min-height:0;
  padding:clamp(92px,10vw,156px) 0 clamp(72px,8vw,120px);
}
/* jedva vidljiv uspon iza panela, da bijelo na bijelom dobije dubinu */
.capability-cinema::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(70% 46% at 50% 58%, #ffffff 0%, transparent 70%);
}

.cin-inner{display:grid;row-gap:0}

/* ── uvod: centrirano, visoko ── */
.cin-uvod{text-align:center;margin:0 auto;max-width:980px}
.cin-uvod h2{
  margin:0;
  font:400 clamp(40px,5.4vw,78px)/1.0 var(--sans-d);
  letter-spacing:-.055em;text-wrap:balance;
}
.cin-uvod h2 em{font-style:normal;font-weight:300;color:var(--zar)}
.cin-uvod>p{
  margin:clamp(20px,2.4vw,32px) auto 0;max-width:52ch;
  font:400 17px/1.7 var(--sans);color:rgba(18,17,11,.7);text-wrap:pretty;
}

/* ── tri panela ── */
.cin-grane{
  list-style:none;margin:clamp(48px,5.6vw,80px) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.6vw,22px);
}
.cin-grane li{
  display:grid;align-content:start;row-gap:12px;
  padding:clamp(26px,2.6vw,36px) clamp(24px,2.4vw,34px) clamp(24px,2.4vw,32px);
  background:#fff;border:1px solid rgba(18,17,11,.09);border-radius:24px;
  box-shadow:0 22px 48px -28px rgba(18,17,11,.22), 0 1px 0 rgba(255,255,255,.9) inset;
  transition:transform .35s var(--lako,cubic-bezier(.2,.7,.2,1)), box-shadow .35s var(--lako,cubic-bezier(.2,.7,.2,1));
}
.cin-grane li:hover{
  transform:translateY(-3px);
  box-shadow:0 30px 60px -30px rgba(18,17,11,.30), 0 1px 0 rgba(255,255,255,.9) inset;
}
.cin-grane h3{
  margin:0;font:400 clamp(24px,2.3vw,32px)/1.06 var(--sans-d);letter-spacing:-.04em;
}
.cin-grane li>p{margin:0;font:400 16px/1.6 var(--sans);color:rgba(18,17,11,.68);text-wrap:pretty}
.cin-sta{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px!important}
.cin-sta span{
  display:inline-block;padding:6px 11px;border-radius:9999px;
  border:1px solid rgba(18,17,11,.12);background:var(--papir,#faf7f5);
  font:500 12.5px/1.2 var(--sans);color:rgba(18,17,11,.78);letter-spacing:.005em;
}

/* ── niti: iz sredine svakog panela ka jednoj tacki ── */
.cin-scena{position:relative;height:clamp(84px,9vw,132px);margin:0 auto;width:100%}
.cin-crtez{position:absolute;inset:0;width:100%;height:100%}
.cin-nit{stroke:rgba(18,17,11,.24);stroke-width:1}
.cin-tacka{
  position:absolute;left:50%;bottom:-6px;width:11px;height:11px;margin-left:-5.5px;
  border-radius:50%;background:var(--zar);box-shadow:0 0 0 6px rgba(255,79,49,.14);
}

/* ── ishod ── */
.cin-ishod{text-align:center;margin:clamp(22px,2.4vw,30px) auto 0;max-width:46ch}
.cin-ishod h3{margin:0;font:400 clamp(24px,2.4vw,34px)/1.08 var(--sans-d);letter-spacing:-.04em}
.cin-ishod p{margin:12px auto 0;font:400 16px/1.65 var(--sans);color:rgba(18,17,11,.68);text-wrap:pretty}

/* ── nota ── */
.cin-nota{
  margin:clamp(48px,5.6vw,84px) auto 0;padding-top:clamp(18px,2vw,26px);
  border-top:1px solid rgba(18,17,11,.12);text-align:center;max-width:64ch;
}
.cin-nota p{margin:0;font:400 15px/1.65 var(--sans);color:rgba(18,17,11,.6);text-wrap:pretty}

@media(max-width:980px){
  .cin-grane{grid-template-columns:1fr;gap:12px}
  .cin-grane li{padding:24px 22px 22px}
  .cin-scena{height:44px}
  .cin-crtez{display:none}
  .cin-tacka{bottom:0;top:auto}
}
@media(max-width:620px){
  .cin-uvod h2{font-size:clamp(36px,9.2vw,52px)}
  .cin-uvod>p{font-size:16px}
}