/* Jy Is Kosbaar inner-page polish. Home (9) and Team/About (41) are intentionally excluded. */

:where(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) {
  --jik-blue: #2ea3f2;
  --jik-blue-deep: #155578;
  --jik-orange: #ff5b21;
  --jik-ink: #101827;
  --jik-paper: #f7f9fb;
  --jik-line: rgba(16, 24, 39, 0.1);
  --jik-shadow: 0 22px 54px rgba(14, 45, 69, 0.13);
  background: var(--jik-paper);
}

:where(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) .sp-el-section {
  overflow: clip;
}

:where(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) :is(h1, h2, h3, h4, h5) {
  text-wrap: balance;
}

:where(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) p {
  text-wrap: pretty;
}

:where(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) a,
:where(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) button {
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease;
}

:where(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) a:focus-visible,
:where(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) button:focus-visible {
  outline: 3px solid rgba(46, 163, 242, 0.42);
  outline-offset: 4px;
}

/* Keep inner-page heroes purposeful and consistent with the approved home page. */
.page-id-44 #sp-b1w647,
.page-id-139 #sp-ki02w1,
.page-id-174 #sp-jl2ylx {
  position: relative;
  min-height: clamp(560px, 66vw, 760px) !important;
  background-position: center !important;
}

.page-id-44 #sp-b1w647::before,
.page-id-139 #sp-ki02w1::before,
.page-id-174 #sp-jl2ylx::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(4, 17, 28, 0.58) 0%, rgba(4, 17, 28, 0.28) 52%, rgba(4, 17, 28, 0.1) 100%);
}

.page-id-174 #sp-jl2ylx .sp-highlighted-text-prefix {
  color: #fff !important;
}

.page-id-44 #sp-b1w647 > div,
.page-id-139 #sp-ki02w1 > div,
.page-id-174 #sp-jl2ylx > div {
  position: relative;
  z-index: 1;
}

/* Give form and action sections the same premium blue language as Home and Team. */
.page-id-44 #sp-k8hi7j,
.page-id-139 #sp-ptjkfy,
.page-id-174 #sp-p0lyiv {
  height: auto !important;
  min-height: 0 !important;
  padding-block: clamp(72px, 8vw, 112px) !important;
  border-block: 1px solid rgba(255, 255, 255, 0.1);
  background:
    radial-gradient(circle at 85% 15%, rgba(46, 163, 242, 0.34), transparent 34%),
    linear-gradient(145deg, #071827 0%, #0c304c 58%, #155578 100%) !important;
}

.page-id-44 #sp-k8hi7j > div > .sp-el-row,
.page-id-139 #sp-ptjkfy > div > .sp-el-row,
.page-id-174 #sp-p0lyiv > div > .sp-el-row {
  height: auto !important;
  min-height: 0 !important;
  max-width: 1080px !important;
}

.page-id-44 #sp-k8hi7j iframe,
.page-id-139 #sp-ptjkfy iframe,
.page-id-174 #sp-p0lyiv iframe {
  display: block;
  overflow: hidden;
  border-radius: 18px !important;
  background: #fff;
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.3);
}

/* Contact information reads as one composed panel instead of scattered blocks. */
.page-id-46 #sp-s6nv63 {
  background:
    radial-gradient(circle at 8% 12%, rgba(46, 163, 242, 0.1), transparent 28%),
    #fff !important;
}

.page-id-46 #sp-s6nv63 > div > .sp-el-row {
  max-width: 1180px !important;
  border: 1px solid var(--jik-line);
  border-radius: 28px;
  background: #fff;
  box-shadow: var(--jik-shadow);
}

/* Project content gets a calmer canvas and clearer separation. */
.page-id-164 #sp-k1sixf {
  background:
    radial-gradient(circle at 100% 0%, rgba(46, 163, 242, 0.09), transparent 32%),
    linear-gradient(180deg, #fff 0%, #f7f9fb 100%) !important;
}

/* The shared photo band was 640px tall on short inner pages, leaving them visually bottom-heavy. */
body:is(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) #sp-jbub6u {
  height: clamp(320px, 34vw, 430px) !important;
  min-height: 0 !important;
  background-position: center 46% !important;
}

body:is(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) #sp-jbub6u :is(#sp-p8e7tx, #sp-xjbp39, #sp-wzycki) {
  height: 100% !important;
  min-height: 0 !important;
}

@media (hover: hover) {
  :where(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) a[class*="button"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(14, 45, 69, 0.2);
  }
}

@media (max-width: 767px) {
  .page-id-44 #sp-b1w647,
  .page-id-139 #sp-ki02w1,
  .page-id-174 #sp-jl2ylx {
    min-height: 0 !important;
  }

  .page-id-44 #sp-b1w647::before,
  .page-id-139 #sp-ki02w1::before,
  .page-id-174 #sp-jl2ylx::before {
    background: linear-gradient(180deg, rgba(4, 17, 28, 0.62) 0%, rgba(4, 17, 28, 0.34) 58%, rgba(4, 17, 28, 0.52) 100%);
  }

  .page-id-44 #sp-b1w647 :is(h1, h2),
  .page-id-139 #sp-ki02w1 :is(h1, h2),
  .page-id-174 #sp-jl2ylx :is(h1, h2) {
    font-size: clamp(2.7rem, 12vw, 3.7rem) !important;
    line-height: 1.04 !important;
  }

  .page-id-44 #sp-b1w647 .sp-text-wrapper,
  .page-id-139 #sp-ki02w1 .sp-text-wrapper,
  .page-id-174 #sp-jl2ylx .sp-text-wrapper {
    max-width: 32rem;
    margin-inline: auto;
  }

  .page-id-44 #sp-k8hi7j :is(h1, h2),
  .page-id-139 #sp-ptjkfy :is(h1, h2, h3),
  .page-id-174 #sp-p0lyiv :is(h1, h2) {
    font-size: clamp(2.6rem, 12vw, 3.6rem) !important;
    line-height: 1.06 !important;
  }

  .page-id-44 #sp-k8hi7j,
  .page-id-139 #sp-ptjkfy,
  .page-id-174 #sp-p0lyiv {
    padding-block: 56px !important;
  }

  .page-id-46 #sp-s6nv63 > div > .sp-el-row {
    border-radius: 20px;
  }

  body:is(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) #sp-jbub6u {
    height: 280px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  :where(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) *,
  :where(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) *::before,
  :where(.page-id-46, .page-id-44, .page-id-139, .page-id-174, .page-id-157, .page-id-164, .page-id-201) *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}