/* Depth uses independent rotate/translate properties, leaving GSAP's
   transform channel in charge of the existing entrance animations. */
.depth-stage { perspective: 1300px; }
.depth-plane {
  rotate: var(--depth-axis-x, 1) var(--depth-axis-y, 0) 0 var(--depth-angle, 0deg);
  translate: 0 0 var(--depth-lift, 0px);
  transition: rotate .55s cubic-bezier(.2,.7,.2,1), translate .55s cubic-bezier(.2,.7,.2,1);
  backface-visibility: hidden;
}
.depth-plane.is-depth-active { transition-duration: .18s; }

/* Beveled panels and the small contact shadow establish depth at rest. */
.work-editorial .wk-o {
  border: 1px solid #fff9;
  box-shadow: 0 3px 0 #d8d1c7, 0 7px 0 -2px #e4ddd3,
    0 24px 32px -24px #4a3c2866;
}
.work-editorial a.wk-k:hover .wk-o {
  box-shadow: 0 3px 0 #d8d1c7, 0 7px 0 -2px #e4ddd3,
    0 35px 46px -26px #4a3c2870;
}
.icbl-znak { box-shadow: inset 0 1px 0 #fff, 0 5px 0 -1px #ddd6cb, 0 22px 35px -28px #4a3c2866; }
.gsa-pecat { background: radial-gradient(ellipse at 35% 20%,#fffdf7,var(--gs-ploca) 68%); box-shadow: inset 0 2px 0 #fff, 0 5px 0 -1px #d8c9b0, 0 28px 44px -30px #61491f66; }
.gsa-pecat-logo { filter: drop-shadow(2px 3px 0 #977323) drop-shadow(0 18px 12px #5c3d2340); }
.gsa-uloga { padding-inline: 8px; }
.gsa-stub, .gsa-stub + .gsa-stub { box-shadow: inset 0 1px 0 #fff, 0 4px 0 -1px #dcd2c2, 0 18px 24px -24px #604d3b80; }
.gsa-eu { box-shadow: 0 5px 0 -1px #ded6ca, 0 22px 30px -28px #4a3c2866; }
.process-editorial .hz-k { box-shadow: inset 0 1px 0 #ffffff12, 0 5px 0 -1px #10110f, 0 24px 32px -22px #0009; }
.process-editorial .hz-f { border-bottom: 1px solid #ffffff13; }
.process-editorial .hz-b { text-shadow: 1px 2px 0 #77796f, 2px 4px 0 #383c33, 0 10px 12px #0009; }
.process-editorial .hz-k:hover { transform: none; }
.zp-d { position: relative; overflow: visible; box-shadow: 0 3px 0 #fff, 0 4px 0 #d4cfc5, 0 7px 0 #f9f7f1, 0 8px 0 #d4cfc5, 0 11px 0 #fff, 0 12px 0 #d4cfc5, 0 30px 38px -25px #62584466; }
.zp-z { border-radius: 20px 20px 0 0; }
.zp-p { border-radius: 0 0 20px 20px; }
.service-image { border: 1px solid #fff9; box-shadow: 0 4px 0 -1px #d6cfc4, 0 22px 32px -24px #51432e70; }
#cijene .cj-r { background: linear-gradient(145deg,#f5f1ec,#eae5de); border-top-color: #fff; box-shadow: 0 4px 0 -1px #d4ccc0, 0 18px 28px -24px #51432e70; }
#cijene .cj-r:last-child { background: linear-gradient(145deg,#f0e7dc,#e1d6c7); }
#cijene .zk { box-shadow: inset 0 1px 0 #ffffff25, 0 5px 0 -1px #0d0e0c, 0 28px 42px -30px #302b2480; }
.pst-l li { background: linear-gradient(180deg,#ffffff50,transparent 65%); padding-inline: 16px; }
.pst-l b { text-shadow: 0 1px #faf7f5, 1px 2px #d8c7b8; }
.inv-br div b { text-shadow: 1px 1px #c6c0b5, 2px 3px #817c72, 3px 5px #373a33, 0 15px 22px #0006; }
.vn-r { border-radius: 12px; padding-inline: 16px; background: linear-gradient(120deg,#fff5,transparent); }
.vn-r:hover { background: #fff8; }
.dug, .hero-work-link, .inv-d { box-shadow: inset 0 1px 0 #ffffff35, 0 3px 0 #12110b22; }

.gsa-showcase { display: grid; grid-template-columns: 1.25fr 1fr; gap: clamp(24px,4vw,64px); margin: 60px 0 80px; align-items: center; }
.gsa-showcase figure { margin: 0; min-width: 0; }
.gsa-showcase-image { overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 4px 0 -1px #d8c9b0,0 26px 36px -28px #61491f66; }
.gsa-showcase-image img { display: block; width: 100%; height: auto; }
.gsa-showcase figcaption { padding-top: 22px; display: grid; gap: 10px; }
.gsa-showcase figcaption span { font: 10px/1.5 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: #827152; }
.gsa-showcase figcaption b { font-family: var(--serif); font-size: clamp(24px,2.5vw,34px); line-height: 1.15; font-weight: 400; }
.gsa-showcase figcaption small { font-size: 12px; color: #716c62; }
@media (max-width:700px) { .gsa-showcase { grid-template-columns: 1fr; gap: 40px; margin-block: 44px 60px; } .gsa-showcase figcaption { padding-top: 18px; } }

.inv { position: relative; }
.inv > .u { position: relative; z-index: 1; }

/* Portraits are deliberately small: preserve sharpness and put names first. */
.team-editorial .tm-l { gap: 48px; }
.team-editorial .tm-k { grid-template-columns: 144px minmax(0,1fr); grid-template-rows: auto auto 1fr; gap: 0 24px; }
.team-editorial .tm-f { position: relative; grid-column: 1; grid-row: 1 / 4; width: 144px; max-width: 144px; aspect-ratio: 4 / 5; margin: 0; align-self: start; border: 4px solid #fff; border-radius: 12px; box-shadow: 0 3px 0 #c9c1b5, 0 16px 22px -16px #59493066; }
.team-editorial .tm-f img { object-position: 50% 30%; }
.team-editorial .tm-f .znak { display: none; }
.team-editorial .tm-k h3, .team-editorial .tm-k .kat, .team-editorial .tm-k p:not(.kat) { grid-column: 2; }
.team-editorial .tm-k h3 { font-size: clamp(25px,2.3vw,32px); }
.team-editorial .tm-k .kat { margin-top: 10px; font-size: 10px; }
.team-editorial .tm-k p:not(.kat) { font-size: 14px; margin-top: 16px; line-height: 1.7; }
@media (max-width:1100px) and (min-width:701px) {
  .team-editorial .tm-l { grid-template-columns: 1fr; }
  .team-editorial .tm-k { grid-template-columns: 144px minmax(0,1fr); max-width: 680px; }
}
@media (max-width:700px) {
  .team-editorial .tm-k { grid-template-columns: 104px minmax(0,1fr); gap: 0 20px; }
  .team-editorial .tm-f { width: 104px; max-width: 104px; grid-row: 1 / 3; aspect-ratio: 4 / 5; }
  .team-editorial .tm-k h3 { align-self: end; font-size: 28px; }
  .team-editorial .tm-k .kat { margin-top: 10px; }
  .team-editorial .tm-k p:not(.kat) { grid-column: 1 / -1; margin-top: 22px; font-size: 15px; }
  .vn-r { padding-inline: 12px; }
}
@media (hover:none), (pointer:coarse), (prefers-reduced-motion:reduce) {
  .depth-plane { rotate: none; translate: none; transition: none; }
}