/* OBRAC_ABOUT_EDITORIAL_V1 — human, institutional editorial foundation. */
body.page-id-11 .obrac-section::before,
body.page-id-11 .obrac-card::after { content:none !important;display:none !important; }

body.page-id-11 .obrac-section > .obrac-shell {
  width:min(calc(100% - 64px),1280px) !important;
  margin-inline:auto !important;
  padding:68px 0 !important;
}
body.page-id-11 .obrac-section.alt { background:#0d0c10 !important; }
body.page-id-11 .obrac-split { gap:clamp(44px,5vw,72px) !important; }
body.page-id-11 .obrac-stack { gap:16px !important; }
body.page-id-11 .obrac-h2 .elementor-heading-title,
body.page-id-11 .obrac-h2 {
  font-size:clamp(38px,4vw,54px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}
body.page-id-11 .obrac-lead,
body.page-id-11 .obrac-lead p {
  font-size:clamp(17px,1.55vw,20px) !important;
  line-height:1.65 !important;
}
body.page-id-11 .obrac-copy,
body.page-id-11 .obrac-copy p { line-height:1.7 !important; }
body.page-id-11 .obrac-eyebrow,
body.page-id-11 .obrac-eyebrow .elementor-heading-title {
  color:var(--obrac-accent-light) !important;
  letter-spacing:.16em !important;
}

body.page-id-11 .elementor-element-fd6b487e > .obrac-shell {
  padding-top:72px !important;
  padding-bottom:84px !important;
}
body.page-id-11 .elementor-element-fd6b487e .obrac-hero-grid {
  grid-template-columns:minmax(0,1.03fr) minmax(420px,.97fr) !important;
  gap:64px !important;
  align-items:center !important;
}
body.page-id-11 .elementor-element-fd6b487e .obrac-hero-copy { max-width:690px; }
body.page-id-11 .elementor-element-fd6b487e .obrac-display,
body.page-id-11 .elementor-element-fd6b487e .obrac-display .elementor-heading-title {
  font-size:clamp(52px,5.35vw,76px) !important;
  line-height:.99 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance;
}
body.page-id-11 .elementor-element-e1f5ed88 {
  width:100% !important;
  min-height:0 !important;
  aspect-ratio:5/6;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:30px !important;
  background-position:center 48% !important;
  box-shadow:0 24px 60px rgba(0,0,0,.34) !important;
}
body.page-id-11 .elementor-element-fd6b487e .obrac-micro {
  margin-top:6px;
  color:#9297b4 !important;
}
body.page-id-11 .obrac-section .elementor-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:999px !important;
}
body.page-id-11 .obrac-section .elementor-button:focus-visible {
  outline:3px solid var(--obrac-accent-light) !important;
  outline-offset:5px !important;
}

body.page-id-11 .elementor-element-9a15f696 .elementor-element-6b2711b5 {
  padding:30px 32px !important;
  border-left:2px solid var(--obrac-accent) !important;
  border-radius:0 22px 22px 0;
  background:linear-gradient(100deg,color-mix(in srgb,var(--obrac-accent) 8%,transparent),transparent 70%);
}
body.page-id-11 .elementor-element-9a15f696 .obrac-h3,
body.page-id-11 .elementor-element-9a15f696 .obrac-h3 .elementor-heading-title {
  font-size:clamp(20px,1.7vw,24px) !important;
  line-height:1.35 !important;
  text-wrap:balance;
}

body.page-id-11 .obrac-card {
  min-height:0 !important;
  padding:28px !important;
  border:1px solid rgba(255,255,255,.11) !important;
  border-radius:24px !important;
  background:linear-gradient(145deg,rgba(18,17,24,.96),rgba(7,6,10,.98)) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.2) !important;
  overflow:hidden;
}
body.page-id-11 .elementor-element-afc3f6f1 .obrac-card { min-height:260px !important; }
body.page-id-11 .elementor-element-49931031 .obrac-card { min-height:178px !important; }
body.page-id-11 .elementor-element-5087f89a .obrac-card {
  padding:30px 34px !important;
  border-radius:22px !important;
  background:linear-gradient(110deg,rgba(18,17,24,.98),rgba(7,6,10,.98)) !important;
}
body.page-id-11 .elementor-element-6045354c {
  min-height:0 !important;
  aspect-ratio:16/10;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:28px !important;
  background-position:center 45% !important;
  box-shadow:0 20px 50px rgba(0,0,0,.3) !important;
}

body.page-id-11 .elementor-element-ac7d721a > .obrac-shell {
  display:grid !important;
  grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr) !important;
  grid-template-areas:
    "heading collage"
    "copy collage"
    "actions collage";
  column-gap:clamp(48px,6vw,88px) !important;
  row-gap:22px !important;
  align-items:start !important;
}
body.page-id-11 .elementor-element-ac7d721a .elementor-element-d0e78a98 { grid-area:heading; }
body.page-id-11 .elementor-element-ac7d721a .elementor-element-387ef0ec {
  grid-area:copy;
  max-width:610px;
}
body.page-id-11 .elementor-element-ac7d721a .elementor-element-e7acd4fd { grid-area:actions; }
body.page-id-11 .obrac-about-collage {
  grid-area:collage;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
  aspect-ratio:1.28;
  min-height:420px;
}
body.page-id-11 .obrac-about-collage__image {
  position:relative;
  min-width:0;
  min-height:0;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  background-color:#111015;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  box-shadow:0 18px 42px rgba(0,0,0,.24);
}
body.page-id-11 .obrac-about-collage__image img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
body.page-id-11 .obrac-about-collage__image::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.18));
  pointer-events:none;
}
body.page-id-11 .obrac-about-collage__image:nth-child(1) {
  grid-column:1 / 3;
  grid-row:1 / 3;
  border-radius:26px 14px 14px 26px;
}
body.page-id-11 .obrac-about-collage__image:nth-child(1) img { object-position:center 46%; }
body.page-id-11 .obrac-about-collage__image:nth-child(2) {
  grid-column:3 / 5;
  border-radius:14px 26px 14px 14px;
}
body.page-id-11 .obrac-about-collage__image:nth-child(2) img { object-position:center 42%; }
body.page-id-11 .obrac-about-collage__image:nth-child(3) {
  grid-column:3;
  border-radius:14px;
}
body.page-id-11 .obrac-about-collage__image:nth-child(3) img { object-position:center 42%; }
body.page-id-11 .obrac-about-collage__image:nth-child(4) {
  grid-column:4;
  border-radius:14px 14px 26px 14px;
}
body.page-id-11 .obrac-about-collage__image:nth-child(4) img { object-position:center 38%; }
body.page-id-11 .obrac-about-collage.is-prepared {
  opacity:0;
  transform:translate3d(0,20px,0);
  transition:
    opacity 650ms cubic-bezier(.22,1,.36,1),
    transform 650ms cubic-bezier(.22,1,.36,1);
}
body.page-id-11 .obrac-about-collage.is-prepared.is-visible {
  opacity:1;
  transform:none;
}

body.page-id-11 .elementor-element-5087f89a > .obrac-shell { padding-block:48px !important; }
body.page-id-11 .elementor-element-5087f89a .obrac-card {
  display:grid !important;
  grid-template-columns:minmax(170px,.28fr) minmax(0,1fr) !important;
  align-items:center !important;
  gap:clamp(36px,5vw,72px) !important;
  padding:38px 42px !important;
  border:1px solid rgba(255,255,255,.1) !important;
  border-left:3px solid var(--obrac-accent) !important;
  border-radius:20px !important;
  background:
    linear-gradient(110deg,color-mix(in srgb,var(--obrac-accent) 7%,#0d0c10),rgba(10,9,13,.96) 42%,rgba(6,6,9,.98)) !important;
  box-shadow:none !important;
}
body.page-id-11 .elementor-element-5087f89a .obrac-eyebrow {
  align-self:stretch;
  display:flex;
  align-items:center;
  padding-right:32px;
  border-right:1px solid rgba(255,255,255,.12);
}
body.page-id-11 .elementor-element-5087f89a .obrac-copy {
  max-width:920px;
  font-size:16px !important;
  line-height:1.75 !important;
}

body.page-id-11 .obrac-reveal {
  transition:
    opacity 620ms cubic-bezier(.22,1,.36,1),
    transform 620ms cubic-bezier(.22,1,.36,1) !important;
  transition-delay:var(--obrac-about-delay,0ms) !important;
}
body.page-id-11 .obrac-reveal:not(.is-visible) {
  opacity:0;
  transform:translate3d(0,20px,0);
}
body.page-id-11 .obrac-reveal.is-visible {
  opacity:1;
  transform:none;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  body.page-id-11 .obrac-card,
  body.page-id-11 .obrac-media {
    transition:
      translate 420ms cubic-bezier(.22,1,.36,1),
      border-color 300ms ease,
      box-shadow 420ms ease !important;
  }
  body.page-id-11 .obrac-card:hover { translate:0 -3px; border-color:color-mix(in srgb,var(--obrac-accent-light) 34%,var(--obrac-border)) !important; }
  body.page-id-11 .obrac-media:hover { translate:0 -2px; box-shadow:0 28px 68px rgba(0,0,0,.4) !important; }
}

@media(max-width:1024px) {
  body.page-id-11 .obrac-section > .obrac-shell { padding:56px 0 !important; }
  body.page-id-11 .elementor-element-fd6b487e > .obrac-shell {
    padding-top:60px !important;
    padding-bottom:68px !important;
  }
  body.page-id-11 .elementor-element-fd6b487e .obrac-hero-grid {
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  body.page-id-11 .elementor-element-fd6b487e .obrac-hero-copy { max-width:760px; }
  body.page-id-11 .elementor-element-e1f5ed88 {
    width:min(100%,720px) !important;
    aspect-ratio:16/10;
  }
  body.page-id-11 .elementor-element-ac7d721a > .obrac-shell {
    grid-template-columns:1fr !important;
    grid-template-areas:"heading" "copy" "actions" "collage";
    row-gap:24px !important;
  }
  body.page-id-11 .elementor-element-ac7d721a .elementor-element-387ef0ec { max-width:760px; }
  body.page-id-11 .obrac-about-collage {
    margin-top:10px;
    min-height:0;
    aspect-ratio:16/9;
  }
}
@media(max-width:767px) {
  body.page-id-11 .obrac-section > .obrac-shell {
    width:calc(100% - 48px) !important;
    padding:40px 0 !important;
  }
  body.page-id-11 .elementor-element-fd6b487e > .obrac-shell {
    padding-top:36px !important;
    padding-bottom:48px !important;
  }
  body.page-id-11 .elementor-element-fd6b487e .obrac-hero-grid { gap:30px !important; }
  body.page-id-11 .elementor-element-fd6b487e .obrac-display,
  body.page-id-11 .elementor-element-fd6b487e .obrac-display .elementor-heading-title {
    font-size:clamp(40px,11.4vw,48px) !important;
    line-height:1 !important;
  }
  body.page-id-11 .obrac-h2 .elementor-heading-title,
  body.page-id-11 .obrac-h2 {
    font-size:clamp(31px,9vw,36px) !important;
    line-height:1.08 !important;
  }
  body.page-id-11 .obrac-split { gap:28px !important; }
  body.page-id-11 .elementor-element-e1f5ed88,
  body.page-id-11 .elementor-element-6045354c {
    width:100% !important;
    aspect-ratio:4/3;
    border-radius:22px !important;
  }
  body.page-id-11 .elementor-element-9a15f696 .elementor-element-6b2711b5 {
    padding:24px !important;
    border-radius:0 18px 18px 0;
  }
  body.page-id-11 .obrac-card,
  body.page-id-11 .elementor-element-5087f89a .obrac-card {
    min-height:0 !important;
    padding:24px !important;
    border-radius:20px !important;
  }
  body.page-id-11 .obrac-about-collage {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:8px;
    aspect-ratio:1;
  }
  body.page-id-11 .obrac-about-collage__image:nth-child(n) {
    grid-column:auto;
    grid-row:auto;
    border-radius:16px;
  }
  body.page-id-11 .elementor-element-5087f89a > .obrac-shell { padding-block:36px !important; }
  body.page-id-11 .elementor-element-5087f89a .obrac-card {
    grid-template-columns:1fr !important;
    gap:18px !important;
    padding:28px 26px !important;
    border-left-width:2px !important;
  }
  body.page-id-11 .elementor-element-5087f89a .obrac-eyebrow {
    min-height:0;
    padding:0 0 16px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  body.page-id-11 .elementor-element-afc3f6f1 .obrac-card,
  body.page-id-11 .elementor-element-49931031 .obrac-card { min-height:0 !important; }
}
@media(prefers-reduced-motion:reduce) {
  body.page-id-11 .obrac-reveal,
  body.page-id-11 .obrac-card,
  body.page-id-11 .obrac-media {
    opacity:1 !important;
    transform:none !important;
    translate:none !important;
    transition:none !important;
    animation:none !important;
  }
  body.page-id-11 .obrac-about-collage {
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}

@media(min-width:360px) and (max-width:767px) {
  body.page-id-11 .elementor-element-49931031 .obrac-grid-4 {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
  body.page-id-11 .elementor-element-49931031 .obrac-card {
    padding:20px !important;
    border-radius:18px !important;
  }
  body.page-id-11 .elementor-element-49931031 .obrac-card h3,
  body.page-id-11 .elementor-element-49931031 .obrac-card .obrac-h3 {
    font-size:20px !important;
  }
  body.page-id-11 .elementor-element-49931031 .obrac-card .obrac-copy,
  body.page-id-11 .elementor-element-49931031 .obrac-card .obrac-copy p {
    font-size:14px !important;
    line-height:1.55 !important;
  }
}