/* Only the two approved photo replacements; original career design unchanged. */
.career-page .xp-hero-media{background-image:url('/site/assets/optimized/team-lachend-1920.webp')}
.career-page .career-voices article:nth-child(3) figure img{object-position:center 37%}

/* Career CTAs use the same high-visibility treatment as the homepage. */
.career-page .xp-hero-copy .xp-primary,
.career-page .career-inline-cta {
  position: relative;
  isolation: isolate;
  overflow: visible;
  border: 1px solid rgba(111, 229, 255, .94);
  background: linear-gradient(115deg, #8ceeff 0%, #26c5eb 34%, #13afe1 64%, #8ceeff 100%);
  background-size: 190% 100%;
  color: #062c3b;
  box-shadow:
    0 14px 34px rgba(9, 167, 213, .36),
    0 0 24px rgba(48, 211, 248, .42),
    inset 0 1px 0 rgba(255, 255, 255, .78);
  text-decoration: none;
  animation: careerCtaGlow 2.15s ease-in-out infinite, careerCtaWiggle 4.8s ease-in-out infinite;
}

.career-page .xp-hero-copy .xp-primary::after,
.career-page .career-inline-cta::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: -7px;
  border: 2px solid rgba(57, 213, 249, .74);
  border-radius: inherit;
  pointer-events: none;
  filter: drop-shadow(0 0 10px rgba(38, 202, 241, .58));
  animation: careerCtaPulse 1.75s ease-out infinite;
}

.career-page .xp-hero-copy .xp-primary span,
.career-page .career-inline-cta span {
  background: #fff;
  color: #087da3;
  box-shadow: 0 7px 18px rgba(5, 91, 121, .16);
}

.career-page .xp-hero-copy .xp-primary:hover,
.career-page .xp-hero-copy .xp-primary:focus-visible,
.career-page .career-inline-cta:hover,
.career-page .career-inline-cta:focus-visible {
  background: linear-gradient(115deg, #a4f3ff 0%, #43d3f2 38%, #1ab9e5 68%, #a4f3ff 100%);
  background-size: 190% 100%;
  color: #062c3b;
  box-shadow: 0 20px 48px rgba(7, 141, 185, .5), 0 0 42px rgba(58, 217, 250, .7), inset 0 1px 0 rgba(255,255,255,.92);
  outline: 3px solid rgba(111, 229, 255, .46);
  outline-offset: 7px;
}

.career-page .xp-hero-copy .xp-primary:hover span,
.career-page .xp-hero-copy .xp-primary:focus-visible span,
.career-page .career-inline-cta:hover span,
.career-page .career-inline-cta:focus-visible span {
  background: #fff;
  color: #087da3;
  transform: translateY(2px);
}

@keyframes careerCtaPulse {
  0%, 48%, 100% { opacity: 0; transform: scale(1); }
  58% { opacity: .94; }
  84% { opacity: 0; transform: scale(1.11); }
}

@keyframes careerCtaGlow {
  0%, 100% {
    background-position: 0% 50%;
    box-shadow: 0 14px 34px rgba(9, 167, 213, .36), 0 0 20px rgba(48, 211, 248, .34), inset 0 1px 0 rgba(255,255,255,.76);
  }
  50% {
    background-position: 100% 50%;
    box-shadow: 0 18px 42px rgba(9, 167, 213, .48), 0 0 38px rgba(48, 211, 248, .65), inset 0 1px 0 rgba(255,255,255,.9);
  }
}

@keyframes careerCtaWiggle {
  0%, 70%, 100% { transform: translateX(0) rotate(0); }
  74% { transform: translateX(-4px) rotate(-1.1deg); }
  78% { transform: translateX(4px) rotate(1.1deg); }
  82% { transform: translateX(-3px) rotate(-.7deg); }
  86% { transform: translateX(2px) rotate(.5deg); }
  90% { transform: translateX(0) rotate(0); }
}

@media (prefers-reduced-motion: reduce) {
  .career-page .xp-hero-copy .xp-primary,
  .career-page .career-inline-cta,
  .career-page .xp-hero-copy .xp-primary::after,
  .career-page .career-inline-cta::after {
    animation: none;
  }
}

/* The three original statements stay visible as animated speech cards. */
.career-page .career-question-bubbles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2.2vw, 30px);
  padding: 10px clamp(24px, 6vw, 92px) 72px;
  background: #edf2f5;
  overflow: visible;
}

.career-page .career-question-bubbles article,
.career-page .career-question-bubbles article+article,
.career-page .career-question-bubbles article:nth-child(2),
.career-page .career-question-bubbles article:nth-child(3) {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 250px;
  margin: 0;
  padding: clamp(34px, 4vw, 58px);
  border: 1px solid rgba(142, 190, 207, .72);
  border-radius: 28px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 20px 54px rgba(13, 62, 82, .1);
  opacity: 0;
  transform: translateY(38px) scale(.965);
  transition: opacity .65s ease, transform .75s cubic-bezier(.16,1,.3,1), box-shadow .3s ease;
}

.career-page .career-question-bubbles article:nth-child(2) {
  background: linear-gradient(145deg, #e9f9fd, #d9f1f8);
  transition-delay: 110ms;
}

.career-page .career-question-bubbles article:nth-child(3) {
  transition-delay: 220ms;
}

.career-page .career-question-bubbles article.is-visible {
  opacity: 1;
  transform: none;
}

.career-page .career-question-bubbles article::after {
  content: '';
  position: absolute;
  left: 42px;
  bottom: -24px;
  width: 42px;
  height: 29px;
  background: inherit;
  border-left: 1px solid rgba(142, 190, 207, .72);
  clip-path: polygon(0 0, 100% 0, 22% 100%);
}

.career-page .career-question-bubbles article:nth-child(2)::after {
  left: 50%;
  transform: translateX(-50%);
}

.career-page .career-question-bubbles article:nth-child(3)::after {
  left: auto;
  right: 42px;
  transform: scaleX(-1);
}

.career-page .career-question-bubbles article:hover {
  transform: translateY(-8px);
  box-shadow: 0 28px 70px rgba(13, 82, 108, .18), 0 0 28px rgba(38, 190, 226, .12);
}

.career-page .career-question-bubbles h3 {
  max-width: 360px;
  margin: 0 !important;
  color: #111b20;
  font-size: clamp(27px, 2.25vw, 38px);
  line-height: 1.08;
  letter-spacing: -.04em;
}

.career-page .career-question-bubbles article > span,
.career-page .career-question-bubbles .benefit-icon,
.career-page .career-question-bubbles p,
.career-page .career-question-bubbles ul {
  display: none !important;
}

/* Equal testimonial cards with larger, equally weighted portraits. */
.career-page .career-voices > div:not(.career-cta-row) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2.2vw, 30px);
  align-items: stretch;
}

.career-page .career-voices article,
.career-page .career-voices article:first-child,
.career-page .career-voices article:nth-child(2),
.career-page .career-voices article:nth-child(3),
.career-page .career-voices article+article {
  display: flex;
  flex-direction: column;
  grid-column: auto;
  min-width: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  border-radius: 28px;
  transform: none;
}

.career-page .career-voices article::after { display: none; }

.career-page .career-voices figure,
.career-page .career-voices article:first-child figure,
.career-page .career-voices article:nth-child(2) figure,
.career-page .career-voices article:nth-child(3) figure {
  width: 100%;
  height: clamp(300px, 28vw, 390px);
  min-height: 300px;
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}

.career-page .career-voices figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .55s cubic-bezier(.16,1,.3,1), filter .35s ease;
}

.career-page .career-voices article:hover figure img {
  transform: scale(1.035);
  filter: saturate(1.04);
}

.career-page .career-voices blockquote,
.career-page .career-voices article:first-child blockquote,
.career-page .career-voices article:nth-child(2) blockquote,
.career-page .career-voices article:nth-child(3) blockquote {
  display: block;
  flex: 1;
  min-height: 0;
  margin: 0;
  padding: 70px clamp(25px, 2.2vw, 36px) 36px;
  background: transparent;
  font-size: clamp(16px, 1.22vw, 19px);
  line-height: 1.55;
}

.career-page .career-voices blockquote::before,
.career-page .career-voices article:first-child blockquote::before {
  top: 16px;
  left: clamp(25px, 2.2vw, 36px);
  font-size: 62px;
}

.career-page .career-voices figcaption {
  left: 24px;
  right: 24px;
  bottom: 20px;
}

/* The career page ends in one clear action; the short form lives on its own page. */
.career-page .career-final-cta {
  position: relative;
  min-height: 610px;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: clamp(72px, 9vw, 130px) clamp(28px, 7vw, 110px);
  background: linear-gradient(125deg, #20b3da 0%, #42c4e1 48%, #b7edf7 100%);
}

.career-page .career-final-cta::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(34, 179, 216, .98) 0%, rgba(34, 179, 216, .92) 43%, rgba(34, 179, 216, .08) 76%);
  pointer-events: none;
}

.career-page .career-final-cta .career-contact-photo {
  position: absolute;
  inset: 0 0 0 auto;
  width: 58%;
  height: 100%;
  object-fit: cover;
  object-position: center 34%;
  opacity: .78;
  mask-image: linear-gradient(90deg, transparent 0%, #000 32%);
}

.career-page .career-final-cta .career-contact-copy {
  position: relative;
  z-index: 2;
  width: min(620px, 58%);
}

.career-page .career-final-cta h2 {
  margin: 0;
  color: #0b2733;
  font-size: clamp(56px, 7vw, 104px);
  line-height: .88;
  letter-spacing: -.065em;
}

.career-page .career-final-cta h2 em { color: #fff; font-style: normal; }
.career-page .career-final-cta .career-contact-intro { color: #104356; }
.career-page .career-final-cta .career-inline-cta { margin-top: 34px; }

@media (max-width: 820px) {
  .career-page .career-question-bubbles { grid-template-columns: 1fr; padding-inline: 20px; }
  .career-page .career-question-bubbles article,
  .career-page .career-question-bubbles article+article { min-height: 190px; padding: 34px 30px; }
  .career-page .career-question-bubbles article:nth-child(2)::after,
  .career-page .career-question-bubbles article:nth-child(3)::after { left: 42px; right: auto; transform: none; }
  .career-page .career-voices > div:not(.career-cta-row) { grid-template-columns: 1fr; }
  .career-page .career-voices article,
  .career-page .career-voices article:first-child,
  .career-page .career-voices article:nth-child(2),
  .career-page .career-voices article:nth-child(3) { min-height: 750px; }
  .career-page .career-voices figure,
  .career-page .career-voices article:first-child figure,
  .career-page .career-voices article:nth-child(2) figure,
  .career-page .career-voices article:nth-child(3) figure { height: min(108vw, 480px); }
  .career-page .career-final-cta { min-height: 700px; align-items: flex-end; padding: 320px 22px 68px; }
  .career-page .career-final-cta::after { background: linear-gradient(180deg, rgba(34,179,216,.08), rgba(34,179,216,.96) 48%, #22b3d8 100%); }
  .career-page .career-final-cta .career-contact-photo { width: 100%; height: 430px; inset: 0 0 auto; opacity: .8; mask-image: linear-gradient(180deg,#000 0%,#000 58%,transparent 100%); }
  .career-page .career-final-cta .career-contact-copy { width: 100%; }
  .career-page .career-final-cta h2 { font-size: clamp(52px, 15vw, 78px); }
  .career-page .career-final-cta .career-inline-cta { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .career-page .career-question-bubbles article,
  .career-page .career-question-bubbles article.is-visible { opacity: 1; transform: none; transition: none; }
  .career-page .career-voices figure img { transition: none; }
}
@media(max-width:700px){.career-page .xp-hero-media{background-image:url('/site/assets/optimized/team-lachend-900.webp')}}

/* Keep the partner marks out of the team portrait and aligned with the top edge. */
.career-page .career-hero-partners {
  top: clamp(28px, 3vw, 46px);
  right: clamp(28px, 4vw, 64px);
  left: auto;
  bottom: auto;
  width: min(310px, 33vw);
  padding: 0 0 14px;
  border-top: 0;
  border-bottom: 1px solid rgba(255,255,255,.32);
  opacity: .76;
}

@media (max-width: 800px) {
  .career-page .career-hero-partners {
    top: 94px;
    right: 18px;
    left: auto;
    bottom: auto;
    grid-template-columns: 1fr;
    gap: 8px;
    width: 150px;
    padding: 10px 0 10px 14px;
    border: 0;
    border-left: 1px solid rgba(255,255,255,.48);
    opacity: .72;
  }
  .career-page .career-hero-partners img { height: 24px; }
  .career-page .career-hero-partners span:first-child img { height: 20px; }
  .career-page .career-hero-partners span:last-child img { height: 30px; }
  .career-page .career-hero-partners .career-casa-logo { width: 136px; height: 34px; }
}

/* Keep the Özer Özmen mark directly on the laughing team photo. */
.career-page .site-header .brand {
  min-height: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}

.career-page .site-header .brand img {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

/* Loom feedback: present all three career stories with equal visual weight. */
.career-page .career-voices article,
.career-page .career-voices article:first-child,
.career-page .career-voices article:nth-child(2),
.career-page .career-voices article:nth-child(3),
.career-page .career-voices article + article {
  background: #0b2a38;
}
.career-page .career-voices blockquote,
.career-page .career-voices article:first-child blockquote,
.career-page .career-voices article:nth-child(2) blockquote,
.career-page .career-voices article:nth-child(3) blockquote {
  color: #f7fbfd;
}