.careers-page { --page-background: url('../../images/pages/careers/background.svg'); }
.careers-intro { min-height: calc(780 * var(--design-unit)); padding-bottom: calc(120 * var(--design-unit)); }
.careers-intro .interior-intro__title { background-image: linear-gradient(102.818deg, #bdabff 0%, #6346ce 49.778%, #d852f3 99.557%); }
.careers-intro__copy { max-width: calc(1030 * var(--design-unit)); }
.careers-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: start; gap: calc(30 * var(--design-unit)); }
.careers-gallery__image { width: 100%; aspect-ratio: 500 / 560; border-radius: calc(22 * var(--design-unit)); overflow: hidden; }
.careers-gallery__image img { width: 100%; height: 100%; object-fit: cover; -webkit-user-drag: none; }
.careers-gallery__image:nth-child(2) { --reveal-delay: 220ms; margin-top: calc(100 * var(--design-unit)); }
.careers-gallery__image:nth-child(3) { --reveal-delay: 440ms; margin-top: calc(200 * var(--design-unit)); }
.careers-roles { min-height: calc(1600 * var(--design-unit)); padding-top: calc(60 * var(--design-unit)); padding-bottom: calc(159.8 * var(--design-unit)); }
.careers-accordion { width: calc(1030 / 1560 * 100%); margin: calc(70 * var(--design-unit)) auto 0; }
.careers-accordion .accordion__summary { min-height: calc(60 * var(--design-unit)); }
.careers-accordion__label { display: flex; align-items: center; gap: calc(40 * var(--design-unit)); min-width: 0; }
/* The 60px Figma instances export with 5px transparent overflow on each side. */
.careers-accordion__icon { flex: 0 0 calc(60 * var(--design-unit)); height: calc(60 * var(--design-unit)); background-position: center; background-repeat: no-repeat; background-size: 116.666667%; }
.careers-accordion .accordion__item:nth-child(1) .careers-accordion__icon { background-image: url('../../images/pages/careers/role-engineer.png'); }
.careers-accordion .accordion__item:nth-child(2) .careers-accordion__icon { background-image: url('../../images/pages/careers/role-designer.png'); }
.careers-accordion .accordion__item:nth-child(3) .careers-accordion__icon { background-image: url('../../images/pages/careers/role-coordinator.png'); }
.careers-accordion .accordion__item:nth-child(4) .careers-accordion__icon { background-image: url('../../images/pages/careers/role-client.png'); }
.careers-accordion .accordion__body { padding-left: calc(100 * var(--design-unit)); }
.careers-gallery__image picture { display: block; width: 100%; height: 100%; }
/* Figma 74:420–422: align the action with the copy, with 40px gap + 20px inset. */
.careers-accordion__action { margin-top: calc(40 * var(--design-unit)); padding: calc(20 * var(--design-unit)) 0 calc(20 * var(--design-unit)) calc(100 * var(--design-unit)); }
/* Preserve the original English button width when changing its label. */
html[lang="en"] .careers-accordion__action .button { min-width: calc(189 * var(--design-unit)); }

@media (max-width: 768px) {
  .careers-page .interior-banner { height: 5.4rem; }
  .careers-page .interior-banner picture { display: block; width: 100%; height: 100%; }
  /* Keep the banner seam fixed when an accordion changes the page height. */
  .careers-page .interior-content { margin-top: -.6rem; background: url('../../images/pages/careers/background-mobile.png') top center / 100% 36.2rem no-repeat, linear-gradient(transparent .4rem, #100e19 .4rem); clip-path: none; }
  .careers-intro { min-height: 7.8rem; padding-top: 1.2rem; padding-bottom: .86rem; }
  .careers-intro .section-tag { min-height: .42rem; padding: .12rem .26rem; padding-right: calc(.26rem - .26em); font-size: .16rem; letter-spacing: .26em; }
  .careers-intro .interior-intro__title { margin-top: .38rem; font-size: .58rem; line-height: 1.2; letter-spacing: 0; }
  .careers-intro__copy { max-width: 100%; margin-top: .208rem; font-size: .17rem; line-height: 1.8; }
  .careers-intro__copy p + p { margin-top: .14rem; }
  .careers-gallery { display: flex; flex-direction: column; width: calc(100% - .2rem); gap: .2rem; }
  .careers-gallery__image { width: 2.6rem; aspect-ratio: 260 / 150; border-radius: .22rem; }
  .careers-gallery__image:nth-child(2), .careers-gallery__image:nth-child(3) { margin-top: 0; }
  .careers-gallery__image:nth-child(2) { align-self: center; }
  .careers-gallery__image:nth-child(3) { align-self: flex-end; }
  .careers-roles { min-height: 0; padding-top: .9rem; padding-bottom: .8rem; }
  .careers-roles .interior-section-title { font-size: .58rem; line-height: 1.2; letter-spacing: 0; }
  .careers-accordion { width: 100%; margin-top: .412rem; }
  .careers-accordion .accordion__item + .accordion__item { margin-top: .82rem; }
  .careers-accordion .accordion__item + .accordion__item::before { top: -.42rem; height: .02rem; }
  .careers-accordion .accordion__summary { min-height: .6rem; gap: .2rem; }
  .careers-accordion .accordion__summary h3 { font-size: .24rem; line-height: 1.6; }
  .careers-accordion__label { gap: .2rem; }
  .careers-accordion__icon { flex-basis: .6rem; height: .6rem; }
  .careers-accordion .accordion__body { margin-top: .1rem; padding-left: 0; font-size: .17rem; line-height: 1.8; }
  .careers-accordion .accordion__body p, .careers-accordion .accordion__body h4, .careers-accordion .accordion__body ul { margin-bottom: .14rem; }
  .careers-accordion .accordion__body > :last-child { margin-bottom: 0; }
  .careers-accordion .accordion__body ul { padding-left: .255rem; }
  .careers-accordion__action { margin-top: .4rem; padding: .2rem 0; }
  .careers-accordion__action .button { min-width: 1.89rem; min-height: .59rem; padding: .2rem .4rem; border-radius: .12rem; font-size: .16rem; line-height: 1.2; letter-spacing: 0; }
  html[lang="en"] .careers-accordion__action .button { min-width: 1.89rem; }
  .careers-page .footer { min-height: 2.4rem; padding: .45rem 0 calc(.45rem + env(safe-area-inset-bottom)); border-top-color: rgba(164,142,191,.12); }
  .careers-page .footer__inner { gap: .12rem; }
  .careers-page .footer__brand { margin-bottom: .26rem; }
}