/* ARLEA Careers — architectural editorial system */
.ar-careers-page {
  --career-navy: #253b53;
  --career-navy-deep: #111c27;
  --career-blue: #536b82;
  --career-ink: #172b43;
  --career-silver: #c0c4c8;
  --career-paper: #f4f3ef;
  --career-ice: #e8edf0;
  --career-line: rgba(23, 43, 67, .18);
  background: var(--career-paper) !important;
  color: var(--career-ink);
}

.ar-careers-page .site-header.ar-header {
  background: rgba(17, 28, 39, .42) !important;
  backdrop-filter: blur(13px) saturate(110%) !important;
  -webkit-backdrop-filter: blur(13px) saturate(110%) !important;
}

.ar-careers-page .site-header.ar-header.scrolled { background: rgba(17, 28, 39, .94) !important; }
.ar-careers-page .ar-scroll-nav { opacity: 1; visibility: visible; pointer-events: auto; transform: none; }
.ar-careers-page .ar-nav a,
.ar-careers-page .site-header.ar-header.scrolled .ar-nav a { color: #f4f5f6; }
.ar-careers-page .ar-nav a[aria-current="page"]::after { background: var(--career-silver); transform: scaleX(1); }

.ar-careers-skip {
  position: fixed;
  z-index: 3000;
  top: 12px;
  left: 12px;
  padding: 12px 16px;
  background: #fff;
  color: var(--career-ink);
  transform: translateY(-150%);
  transition: transform .2s ease;
}

.ar-careers-skip:focus { transform: translateY(0); }
.ar-careers-page h1,
.ar-careers-page h2,
.ar-careers-page h3,
.ar-careers-page p { text-wrap: pretty; }

.ar-careers-hero {
  position: relative;
  min-height: max(760px, 100svh);
  display: grid;
  align-items: center;
  overflow: hidden;
  isolation: isolate;
  background: var(--career-navy-deep);
  color: #f4f5f6;
}

.ar-careers-hero-media,
.ar-careers-hero-overlay {
  position: absolute;
  inset: 0;
}

.ar-careers-hero-media {
  z-index: -4;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 55%;
  filter: saturate(.58) contrast(1.06);
  transform: scale(1.025);
  animation: careersHeroDrift 12s cubic-bezier(.2,.75,.25,1) both;
}

@keyframes careersHeroDrift { to { transform: scale(1); } }

.ar-careers-hero-overlay {
  z-index: -3;
  background:
    linear-gradient(90deg, rgba(12, 25, 38, .97) 0%, rgba(18, 37, 55, .87) 43%, rgba(18, 33, 47, .38) 76%, rgba(10, 20, 29, .58) 100%),
    linear-gradient(0deg, rgba(10, 22, 34, .92) 0%, transparent 52%, rgba(12, 24, 36, .38) 100%);
}

.ar-careers-pattern {
  position: absolute;
  z-index: -2;
  top: -6%;
  right: -7%;
  width: min(59vw, 930px);
  aspect-ratio: 548 / 466;
  opacity: .17;
  background: linear-gradient(145deg, #f4f5f6, #8197aa);
  mix-blend-mode: soft-light;
  transform: rotate(-5deg);
  -webkit-mask: url('/assets/brand/arlea-pattern-solid.svg') center / contain no-repeat;
  mask: url('/assets/brand/arlea-pattern-solid.svg') center / contain no-repeat;
}

.ar-careers-hero-inner {
  position: relative;
  z-index: 2;
  padding-top: 130px;
  padding-bottom: 150px;
}

.ar-careers-hero-copy { width: min(820px, 68vw); }

.ar-careers-hero-logo {
  width: clamp(180px, 14vw, 230px);
  max-height: 31vh;
  margin: 0 0 clamp(34px, 5vh, 58px);
  object-fit: contain;
  object-position: left center;
}

.ar-careers-kicker,
.ar-careers-section-index {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0;
  color: #708399;
  font: 500 11px/1.4 "Manrope", sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.ar-careers-kicker { color: #dbe2e7; }

.ar-careers-kicker::before {
  content: "";
  width: 34px;
  height: 1px;
  background: rgba(221, 228, 234, .65);
}

.ar-careers-hero h1 {
  max-width: 930px;
  margin: 22px 0 27px;
  color: #f4f5f6;
  font-family: var(--ar-font-display, "Manrope", sans-serif);
  font-size: clamp(70px, 8.2vw, 132px);
  font-weight: 300;
  letter-spacing: -.065em;
  line-height: .84;
  text-transform: uppercase;
}

.ar-careers-hero h1 em { color: var(--career-silver); font-style: normal; }

.ar-careers-lead {
  max-width: 690px;
  margin: 0;
  color: #dbe2e7 !important;
  font-size: clamp(17px, 1.2vw, 20px);
  line-height: 1.7;
}

.ar-careers-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.ar-careers-actions .button { min-width: 220px; justify-content: space-between; }

.ar-careers-disciplines {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border-top: 1px solid rgba(223, 229, 234, .2);
  background: rgba(10, 24, 38, .48);
  backdrop-filter: blur(10px);
}

.ar-careers-disciplines span {
  min-height: 74px;
  display: grid;
  place-items: center;
  border-right: 1px solid rgba(223, 229, 234, .16);
  color: #d8e0e5;
  font: 500 10px/1.3 "Manrope", sans-serif;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.ar-careers-disciplines span:last-child { border-right: 0; }

.ar-careers-intro { position: relative; padding: clamp(100px, 10vw, 168px) 0; overflow: hidden; background: var(--career-paper); }

.ar-careers-intro::after {
  content: "";
  position: absolute;
  right: -13vw;
  bottom: -18vw;
  width: min(48vw, 760px);
  aspect-ratio: 548 / 466;
  opacity: .055;
  background: var(--career-blue);
  transform: rotate(8deg);
  -webkit-mask: url('/assets/brand/arlea-pattern-solid.svg') center / contain no-repeat;
  mask: url('/assets/brand/arlea-pattern-solid.svg') center / contain no-repeat;
}

.ar-careers-intro-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(320px, .72fr);
  gap: 56px 10vw;
}

.ar-careers-section-index span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid #aab6c0;
  color: var(--career-ink);
  font-size: 9px;
  letter-spacing: 0;
}

.ar-careers-heading h2,
.ar-careers-culture h2,
.ar-careers-paths h2,
.ar-careers-apply h2 {
  margin: 30px 0 0;
  color: var(--career-ink);
  font-family: var(--ar-font-display, "Manrope", sans-serif);
  font-size: clamp(52px, 6.2vw, 94px);
  font-weight: 300;
  letter-spacing: -.06em;
  line-height: .91;
  text-transform: uppercase;
}

.ar-careers-intro-copy { padding-top: 44px; }
.ar-careers-intro-copy p { max-width: 620px; color: #697887; font-size: 16px; line-height: 1.82; }
.ar-careers-intro-copy .ar-careers-copy-lead { color: var(--career-ink); font-size: clamp(22px, 2vw, 31px); line-height: 1.42; }

.ar-careers-intro-media {
  grid-column: 1 / -1;
  position: relative;
  min-height: 500px;
  margin: 12px 0 0;
  overflow: hidden;
  background: #dfe5e9;
}

.ar-careers-intro-media img {
  width: 100%;
  height: clamp(500px, 53vw, 760px);
  object-fit: cover;
  object-position: center 56%;
  filter: saturate(.75);
  transition: transform .8s cubic-bezier(.22,1,.36,1), filter .5s ease;
}

.ar-careers-intro-media:hover img { transform: scale(1.018); filter: saturate(.9); }

.ar-careers-intro-media figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 25px;
  border-top: 1px solid rgba(255,255,255,.28);
  background: linear-gradient(90deg, rgba(15, 30, 44, .88), rgba(15, 30, 44, .46));
  color: #edf1f4;
  font: 500 10px/1.4 "Manrope", sans-serif;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.ar-careers-culture {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: clamp(105px, 10vw, 160px) 0;
  background: var(--career-navy);
}

.ar-careers-culture::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background: linear-gradient(120deg, #22384f 0%, #172a3c 62%, #1c3248 100%);
}

.ar-careers-culture-pattern {
  position: absolute;
  z-index: -1;
  top: -18%;
  right: -4%;
  width: min(58vw, 900px);
  aspect-ratio: 548 / 466;
  opacity: .09;
  background: #e7edf1;
  transform: rotate(4deg);
  -webkit-mask: url('/assets/brand/arlea-pattern-solid.svg') center / contain no-repeat;
  mask: url('/assets/brand/arlea-pattern-solid.svg') center / contain no-repeat;
}

.ar-careers-culture-inner { display: grid; grid-template-columns: minmax(300px, .78fr) minmax(0, 1.2fr); gap: 10vw; }
.ar-careers-section-index-light { color: #b8c4ce; }
.ar-careers-section-index-light span { border-color: rgba(218, 226, 232, .38); color: #edf1f4; }
.ar-careers-culture h2,
.ar-careers-apply h2 { color: #f3f5f6; }
.ar-careers-culture-head > p:last-child { max-width: 500px; margin: 28px 0 0; color: #cbd4db; font-size: 16px; line-height: 1.78; }

.ar-careers-values { margin: 0; padding: 0; list-style: none; border-top: 1px solid rgba(222, 229, 234, .24); }

.ar-careers-values li {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 24px;
  padding: 30px 0;
  border-bottom: 1px solid rgba(222, 229, 234, .2);
}

.ar-careers-values li > span { padding-top: 5px; color: #90a1af; font: 500 10px/1.3 "Manrope", sans-serif; letter-spacing: .13em; }
.ar-careers-values h3 { margin: 0 0 9px; color: #f2f4f5; font-size: clamp(25px, 2.2vw, 35px); line-height: 1.1; letter-spacing: -.035em; }
.ar-careers-values p { max-width: 650px; margin: 0; color: #bfcad2 !important; font-size: 15px; line-height: 1.72; }

.ar-careers-paths { position: relative; padding: clamp(105px, 10vw, 158px) 0; background: #eef1f2; overflow: hidden; }
.ar-careers-paths::after { content: "05"; position: absolute; right: -2vw; bottom: -8vw; color: transparent; -webkit-text-stroke: 1px rgba(23,43,67,.06); font: 300 min(32vw, 490px)/.8 "Manrope", sans-serif; letter-spacing: -.1em; pointer-events: none; }
.ar-careers-paths-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(320px, .72fr) minmax(0, 1.12fr); gap: 9vw; }
.ar-careers-paths-head > p:not(.ar-careers-section-index) { max-width: 500px; margin: 30px 0 0; color: #667687; font-size: 16px; line-height: 1.76; }

.ar-careers-open-note {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin-top: 32px;
  color: var(--career-ink);
  font: 500 10px/1.4 "Manrope", sans-serif;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.ar-careers-open-note i { width: 7px; height: 7px; border-radius: 50%; background: #5e7b66; box-shadow: 0 0 0 5px rgba(94,123,102,.12); }
.ar-careers-path-list { border-top: 1px solid #aeb9c2; }

.ar-careers-path-list button {
  width: 100%;
  min-height: 92px;
  display: grid;
  grid-template-columns: 48px 1fr 34px;
  align-items: center;
  gap: 16px;
  padding: 18px 12px;
  border: 0;
  border-bottom: 1px solid #bdc6cd;
  background: transparent;
  color: var(--career-ink);
  text-align: left;
  transition: background .25s ease, padding .25s ease;
}

.ar-careers-path-list button:hover,
.ar-careers-path-list button:focus-visible,
.ar-careers-path-list button.is-selected { padding-left: 24px; background: rgba(255,255,255,.7); outline: 0; }
.ar-careers-path-list button > span { color: #768899; font: 500 10px/1 "Manrope", sans-serif; letter-spacing: .12em; }
.ar-careers-path-list strong { font: 400 clamp(21px, 2vw, 30px)/1.2 "Manrope", sans-serif; letter-spacing: -.025em; }
.ar-careers-path-list i { font-style: normal; font-size: 20px; transition: transform .25s ease; }
.ar-careers-path-list button:hover i,
.ar-careers-path-list button:focus-visible i,
.ar-careers-path-list button.is-selected i { transform: translateX(5px); }

.ar-careers-apply {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(110px, 10vw, 165px) 0;
  background: var(--career-navy-deep);
}

.ar-careers-apply-media,
.ar-careers-apply-overlay { position: absolute; inset: 0; z-index: -3; width: 100%; height: 100%; }
.ar-careers-apply-media { object-fit: cover; object-position: center; filter: saturate(.52); }
.ar-careers-apply-overlay { z-index: -2; background: linear-gradient(90deg, rgba(13,27,40,.98) 0%, rgba(19,40,58,.93) 46%, rgba(18,37,54,.77) 100%); }

.ar-careers-apply-grid { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(520px, 1.08fr); gap: 8vw; align-items: start; }
.ar-careers-apply-copy > p:not(.ar-careers-section-index) { max-width: 490px; margin: 28px 0 0; color: #cbd4db; font-size: 16px; line-height: 1.78; }

.ar-careers-email-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  margin-top: 40px;
  padding: 24px 0;
  border-block: 1px solid rgba(223,230,235,.23);
}

.ar-careers-email-card span,
.ar-careers-email-card small { color: #aebcc7; font: 500 10px/1.4 "Manrope", sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.ar-careers-email-card a { color: #fff; font: 400 clamp(20px, 2vw, 28px)/1.35 "Manrope", sans-serif; border-bottom: 1px solid rgba(255,255,255,.45); }

.ar-careers-form {
  padding: clamp(30px, 4vw, 54px);
  border: 1px solid rgba(255,255,255,.56);
  background: rgba(244, 246, 247, .94);
  color: var(--career-ink);
  box-shadow: 0 30px 80px rgba(3, 13, 23, .22);
  backdrop-filter: blur(15px);
}

.ar-careers-form-head { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 34px; padding-bottom: 20px; border-bottom: 1px solid #c5ccd1; }
.ar-careers-form-head p { margin: 0; color: var(--career-ink); font: 400 clamp(25px, 2.4vw, 36px)/1.1 "Manrope", sans-serif; letter-spacing: -.035em; }
.ar-careers-form-head span { color: #6e7c88; font-size: 11px; }
.ar-careers-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }

.ar-careers-form label { display: block; margin-bottom: 22px; }
.ar-careers-form label > span:first-child { display: block; margin-bottom: 8px; color: #5b6b7b; font: 500 10px/1.4 "Manrope", sans-serif; letter-spacing: .13em; text-transform: uppercase; }
.ar-careers-form input,
.ar-careers-form select,
.ar-careers-form textarea {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #9faab3;
  border-radius: 0;
  background: transparent;
  color: var(--career-ink);
  font-size: 16px;
  line-height: 1.5;
  outline: 0;
}

.ar-careers-form input,
.ar-careers-form select { min-height: 48px; }
.ar-careers-form textarea { min-height: 128px; padding: 11px 0; resize: vertical; }
.ar-careers-form select { cursor: pointer; }
.ar-careers-form input::placeholder,
.ar-careers-form textarea::placeholder { color: #909ba4; opacity: 1; }
.ar-careers-form input:focus,
.ar-careers-form select:focus,
.ar-careers-form textarea:focus { border-color: var(--career-ink); box-shadow: 0 1px 0 var(--career-ink); }

.ar-careers-form .ar-careers-consent {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 11px;
  align-items: start;
  margin: 4px 0 28px;
}

.ar-careers-form .ar-careers-consent input { width: 17px; min-height: 17px; margin: 2px 0 0; accent-color: var(--career-navy); }
.ar-careers-form .ar-careers-consent span { margin: 0; color: #657481; font: 400 13px/1.55 "DM Sans", sans-serif; letter-spacing: 0; text-transform: none; }
.ar-careers-form-action { display: flex; align-items: center; gap: 22px; }
.ar-careers-form-action .button { flex: 0 0 auto; border: 0; background: var(--career-navy); }
.ar-careers-form-action p { max-width: 250px; margin: 0; color: #6f7c87; font-size: 11px; line-height: 1.55; }
.ar-careers-form-status { min-height: 22px; margin: 17px 0 0; color: #405b73; font-size: 13px; line-height: 1.5; }

.js [data-careers-reveal] {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .75s ease, transform .75s cubic-bezier(.22,1,.36,1);
}

.js [data-careers-reveal].is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1100px) {
  .ar-careers-hero-logo { width: clamp(164px, 23vw, 205px); max-height: 29vh; }
  .ar-careers-intro-grid,
  .ar-careers-culture-inner,
  .ar-careers-paths-grid,
  .ar-careers-apply-grid { gap: 7vw; }
  .ar-careers-apply-grid { grid-template-columns: minmax(260px, .68fr) minmax(480px, 1.08fr); }
}

@media (max-width: 820px) {
  .ar-careers-hero { min-height: 780px; align-items: start; }
  .ar-careers-hero-inner { padding-top: 150px; padding-bottom: 154px; }
  .ar-careers-hero-copy { width: min(100%, 700px); }
  .ar-careers-pattern { top: 13%; right: -25%; width: 88vw; opacity: .14; }
  .ar-careers-disciplines { grid-template-columns: repeat(2, 1fr); }
  .ar-careers-disciplines span { min-height: 44px; }
  .ar-careers-disciplines span:nth-child(-n+3) { border-bottom: 1px solid rgba(223, 229, 234, .16); }
  .ar-careers-disciplines span:last-child { grid-column: 2; }
  .ar-careers-intro-grid,
  .ar-careers-culture-inner,
  .ar-careers-paths-grid,
  .ar-careers-apply-grid { grid-template-columns: 1fr; gap: 54px; }
  .ar-careers-intro-copy { padding-top: 0; }
  .ar-careers-intro-media { min-height: 400px; }
  .ar-careers-intro-media img { height: min(72vw, 620px); min-height: 400px; }
  .ar-careers-culture-pattern { right: -24%; width: 92vw; }
  .ar-careers-paths-head { max-width: 650px; }
  .ar-careers-apply-copy { max-width: 650px; }
}

@media (max-width: 560px) {
  .ar-careers-hero { min-height: 760px; }
  .ar-careers-hero-media { object-position: 62% center; }
  .ar-careers-hero-overlay { background: linear-gradient(90deg, rgba(12,25,38,.96), rgba(16,33,49,.7)), linear-gradient(0deg, rgba(10,22,34,.94), transparent 60%); }
  .ar-careers-hero-inner { padding-top: 126px; padding-bottom: 150px; }
  .ar-careers-hero-logo { width: clamp(132px, 39vw, 160px); max-height: 27vh; margin-bottom: 31px; }
  .ar-careers-hero h1 { font-size: clamp(56px, 17vw, 82px); }
  .ar-careers-actions { display: grid; }
  .ar-careers-actions .button { width: 100%; min-width: 0; }
  .ar-careers-disciplines span { font-size: 8px; letter-spacing: .11em; }
  .ar-careers-heading h2,
  .ar-careers-culture h2,
  .ar-careers-paths h2,
  .ar-careers-apply h2 { font-size: clamp(44px, 13.5vw, 66px); }
  .ar-careers-intro-media,
  .ar-careers-intro-media img { min-height: 310px; height: 92vw; }
  .ar-careers-intro-media figcaption { align-items: flex-start; flex-direction: column; gap: 5px; padding: 16px; }
  .ar-careers-values li { grid-template-columns: 38px 1fr; gap: 13px; padding: 25px 0; }
  .ar-careers-path-list button { grid-template-columns: 34px 1fr 22px; min-height: 82px; padding-inline: 4px; }
  .ar-careers-path-list button:hover,
  .ar-careers-path-list button:focus-visible,
  .ar-careers-path-list button.is-selected { padding-left: 10px; }
  .ar-careers-form { padding: 27px 20px; }
  .ar-careers-form-head,
  .ar-careers-form-action { align-items: flex-start; flex-direction: column; }
  .ar-careers-form-row { grid-template-columns: 1fr; gap: 0; }
  .ar-careers-form-action .button { width: 100%; justify-content: space-between; }
}

@media (prefers-reduced-motion: reduce) {
  .ar-careers-page *,
  .ar-careers-page *::before,
  .ar-careers-page *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .js [data-careers-reveal] { opacity: 1; transform: none; }
}

@media print {
  .ar-careers-page .site-header,
  .ar-careers-page .mobile-menu,
  .ar-careers-page .ar-floating-whatsapp { display: none !important; }
}