.careers-main { padding-block: clamp(1.5rem, 4vw, 4rem) clamp(4rem, 8vw, 8rem); }
.careers-breadcrumb { display: flex; flex-wrap: wrap; gap: .65rem; align-items: center; margin-bottom: clamp(2rem, 5vw, 5rem); color: var(--text-muted); font-size: .8125rem; }
.careers-breadcrumb a { color: inherit; text-underline-offset: .25em; }
.careers-intro, .careers-studio { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); align-items: center; gap: clamp(2rem, 5vw, 5.5rem); }
.careers-copy { min-width: 0; }
.careers-copy h1, .careers-copy h2 { margin: 0 0 1.5rem; text-wrap: balance; }
.careers-copy p { max-width: 65ch; margin: 0 0 1.25rem; line-height: 1.7; }
.careers-lead { font-size: clamp(1.0625rem, 1.4vw, 1.25rem); }
.careers-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 1.25rem 1.75rem; margin-top: 2rem; }
.careers-actions .button { justify-content: space-between; gap: 1rem; }
.careers-main figure { min-width: 0; margin: 0; }
.careers-photo { display: block; width: 100%; }
.careers-photo img { display: block; width: 100%; height: auto; }
.careers-team figcaption { margin-top: .75rem; color: var(--text-muted); font-size: .8125rem; }
.careers-studio { margin-top: var(--section-rule-margin); padding-top: var(--section-rule-inset); border-top: 1px solid var(--line); }
.careers-studio .careers-copy { max-width: 36rem; }
.careers-openings { margin-top: clamp(4rem, 8vw, 8rem); }
.careers-openings h2 { margin-bottom: 1.5rem; }
.careers-job { border-top: 1px solid var(--line); }
.careers-job:last-child { border-bottom: 1px solid var(--line); }
.careers-job summary { padding-block: 1.4rem; cursor: pointer; font-size: 1.25rem; font-weight: 450; overflow-wrap: anywhere; }
.careers-job-body { max-width: 75ch; padding-bottom: 2rem; line-height: 1.7; overflow-wrap: anywhere; }
.careers-job-body p { margin: 0 0 1rem; white-space: normal; }
.careers-job-body .text-link { margin-top: .5rem; }
.careers-main a:focus-visible, .careers-job summary:focus-visible { outline: 2px solid var(--gold-text); outline-offset: 5px; }
@media (max-width: 899px) {
 .careers-intro, .careers-studio { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
 .careers-copy { max-width: 42rem; }
 .careers-team { max-width: 48rem; }
 .careers-studio .careers-copy { grid-row: 1; }
 .careers-studio { gap: 1.75rem; }
}
@media (max-width: 399px) {
 .careers-actions { align-items: stretch; }
 .careers-actions .button { width: 100%; }
}