/* Shared primitives for the four reviewed ColibriPlast detail layouts only. */
.vilkritis-colibri-detail {
  display: flow-root; width: 100%; margin: 0; overflow-x: clip; overflow-wrap: break-word;
  color: #555; font: 400 16px/1.7 Muli, sans-serif;
  --colibri-space: 80px; --colibri-gap: 32px; --colibri-inset: 20%;
}
.vilkritis-colibri-detail__spacer { height: 16px; }
.vilkritis-colibri-detail__boxed { display: flow-root; width: 100%; max-width: 1280px; margin: 0 auto; }
.vilkritis-colibri-detail p { padding: 0; margin: 0 0 24px; font: 400 16px/1.7 Muli, sans-serif; color: #555; }
.vilkritis-colibri-detail__split { display: flex; width: 100%; }
.vilkritis-colibri-detail__text-panel { display: flex; flex: 1 1 0; min-width: 0; flex-direction: column; justify-content: center; }
.vilkritis-colibri-detail__text-inner { display: flow-root; }
.vilkritis-colibri-detail .vilkritis-colibri-detail__split-title {
  margin: 100px 20px 30px 20%; padding: 0; color: #333;
  font: 700 36px/1.1 Prompt, sans-serif; text-align: left; text-transform: none;
}
.vilkritis-colibri-detail__split-copy { display: flow-root; margin: 0 50px 30px 20%; }
.vilkritis-colibri-detail__split-action { margin: 0 50px 100px 20%; }
.vilkritis-colibri-detail__photo-panel { position: relative; flex: 1 1 0; min-width: 0; min-height: 600px; overflow: hidden; }
.vilkritis-colibri-detail__photo { position: absolute; inset: 0 -1px; background-size: cover; background-position: center top; background-repeat: no-repeat; }
.vilkritis-colibri-detail__parallax { position: absolute; inset: -10vh -1px; transform: translateY(var(--native-parallax-y,10vh)); pointer-events: none; }
.vilkritis-colibri-detail__photo-clip { position: absolute; inset: 0; overflow: hidden; }
.vilkritis-colibri-detail .vilkritis-colibri-detail__button {
  display: flex; position: relative; width: 180px; min-width: 120px; max-width: 180px;
  height: 40px; margin: 0; padding: 5px 15px; align-items: center; justify-content: center;
  appearance: none; overflow: hidden; color: #1a1818; border: 1px solid #f47920;
  border-radius: 100px; background: transparent; box-shadow: none; cursor: pointer;
  font: 900 12px/12px Muli, sans-serif; letter-spacing: 1.6px; text-align: center;
  text-decoration: none; text-transform: uppercase; transition: color .3s, background-color .3s, border-color .3s;
}
.vilkritis-colibri-detail .vilkritis-colibri-detail__button:hover { color: #fff; background: #f47920; border-color: #f47920; }
.vilkritis-colibri-detail__button:focus-visible { outline: 3px solid #1a1818; outline-offset: 3px; }
.vilkritis-colibri-detail__button-label, .vilkritis-colibri-detail__button-label > span { display: block; line-height: normal; }
.vilkritis-colibri-detail__logo-frame { position: relative; width: 259px; max-width: 100%; aspect-ratio: 100 / 33.5907; }
.vilkritis-colibri-detail .vilkritis-colibri-detail__logo { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; }
.vilkritis-colibri-detail .vilkritis-career__image { width: auto; max-width: 100%; align-self: flex-start; }
@media (max-width: 1199px) {
  .vilkritis-colibri-detail { --colibri-space: 64px; --colibri-gap: 24px; --colibri-inset: 15%; }
  .vilkritis-colibri-detail .vilkritis-colibri-detail__split-title { margin-right: 50px; }
}
@media (max-width: 767px) {
  .vilkritis-colibri-detail { --colibri-space: 40px; --colibri-inset: 20px; }
  .vilkritis-colibri-detail__split { display: block; }
  .vilkritis-colibri-detail .vilkritis-colibri-detail__split-title { margin-top: 40px; }
  .vilkritis-colibri-detail__split-action { margin-bottom: 40px; }
  .vilkritis-colibri-detail__photo-panel { height: 600px; }
  .vilkritis-colibri-detail .vilkritis-colibri-detail__split-title, .vilkritis-colibri-detail__split-copy, .vilkritis-colibri-detail__split-action { margin-left: 20px; margin-right: 20px; }
}
@media (prefers-reduced-motion: reduce) { .vilkritis-colibri-detail .vilkritis-colibri-detail__button { transition: none; } }
