/* Company and partner pages: a warmer editorial layer over the shared Scale.gg shell. */
.company-page {
  --company-ink: #11100e;
  --company-warm: #fbf5e9;
  --company-paper: #fffdf8;
  --company-green: #dceeb1;
  --company-coral: #ff6f61;
  background: var(--company-paper);
  color: var(--company-ink);
}

.career-hero,
.partner-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(70px, 9vw, 126px) 0;
}

.career-hero {
  background:
    radial-gradient(circle at 90% 10%, rgba(197, 176, 244, .34), transparent 26rem),
    linear-gradient(115deg, #fffaf0 0 65%, #f4ecd6 65%);
  border-bottom: 1px solid #e8dfce;
}

.career-hero::before {
  position: absolute;
  inset: 0;
  content: "";
  opacity: .22;
  background-image: radial-gradient(#39352f 0.65px, transparent 0.65px);
  background-size: 16px 16px;
  pointer-events: none;
}

.career-hero-grid,
.partner-hero-grid,
.career-openings-grid,
.partner-next-grid {
  position: relative;
  display: grid;
  align-items: start;
  gap: var(--editorial-gap);
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, .92fr);
}

.career-hero-grid > :last-child,
.partner-hero-grid > :last-child,
.career-openings-grid > :last-child,
.partner-next-grid > :last-child { margin-top: var(--editorial-visual-offset); }

.career-hero-copy h1,
.partner-hero-copy h1 {
  max-width: 11ch;
  margin-bottom: 24px;
  font-size: clamp(55px, 7.3vw, 96px);
  line-height: .92;
  letter-spacing: -.065em;
}

.career-hero-copy > p,
.partner-hero-copy > p {
  max-width: 56ch;
  margin-bottom: 0;
  color: #514d46;
  font-size: clamp(19px, 2vw, 23px);
  line-height: 1.5;
}

.career-workbench {
  position: relative;
  min-height: 500px;
  padding: clamp(26px, 4vw, 48px);
  background: #2b2926;
  border: 1px solid #191816;
  border-radius: 4px 34px 4px 34px;
  box-shadow: 26px 30px 0 #ff6f61;
  transform: rotate(1.2deg);
}

.career-workbench::after {
  position: absolute;
  right: 32px;
  bottom: 32px;
  width: 92px;
  height: 8px;
  content: "";
  background: var(--company-green);
  box-shadow: 0 20px 0 #c5b0f4, 0 40px 0 #f3c9b6;
}

.workbench-note {
  position: absolute;
  padding: 28px;
  background: #fffdf5;
  box-shadow: 0 15px 32px rgba(0, 0, 0, .24);
}

.workbench-note span,
.career-intro-card > span,
.partner-existing-card > span,
.partner-status-top,
.partner-feature-grid article > span {
  font-family: "Geist Mono", monospace;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.workbench-note-main { top: 54px; left: 42px; width: min(350px, calc(100% - 84px)); transform: rotate(-3deg); }
.workbench-note-main strong { display: block; margin: 18px 0 32px; font-size: clamp(34px, 4vw, 50px); line-height: .98; letter-spacing: -.05em; }
.workbench-note-main p { margin: 0; color: #625d53; }
.workbench-note-small { right: 30px; bottom: 54px; width: 220px; background: var(--company-green); transform: rotate(4deg); }
.workbench-note-small strong { display: block; margin-top: 12px; font-size: 24px; line-height: 1.06; }
.workbench-stamp { position: absolute; top: 29px; right: 26px; padding: 12px; border: 2px solid #ff9f92; border-radius: 50%; color: #ff9f92; font-family: "Geist Mono", monospace; font-size: 11px; line-height: 1.1; text-align: center; transform: rotate(10deg); }

.career-principles { background: #fff; }
.company-section-heading { display: grid; align-items: start; margin-bottom: 46px; gap: 22px var(--editorial-gap); grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr); }
.company-section-heading .section-kicker { grid-column: 1 / -1; margin-bottom: 0; }
.company-section-heading h2 { max-width: 14ch; margin: 0; font-size: clamp(42px, 6vw, 72px); }
.company-section-heading > p { margin: 0; color: var(--muted); font-size: 19px; line-height: 1.6; }
.career-principle-grid { border-top: 1px solid var(--line); }
.career-principle { display: grid; align-items: start; padding: 34px 0; border-bottom: 1px solid var(--line); gap: 22px; grid-template-columns: 64px minmax(0, 1fr); }
.career-number { color: var(--company-coral); font-family: "Geist Mono", monospace; font-size: 14px; font-weight: 700; }
.career-principle h3 { margin: 0 0 8px; font-size: clamp(28px, 3vw, 38px); }
.career-principle p { max-width: 62ch; margin: 0; color: var(--muted); font-size: 18px; }

.career-openings { background: #211f1c; color: #fff; }
.career-openings h2,
.partner-next-step h2 { max-width: 10ch; margin-bottom: 20px; font-size: clamp(48px, 6.5vw, 78px); }
.career-openings-grid > div > p { max-width: 58ch; color: #c9c4ba; font-size: 20px; line-height: 1.58; }
.career-openings .button { border-color: #fff; background: #fff; color: #111; }
.career-intro-card { padding: clamp(28px, 5vw, 50px); background: #f4ecd6; border-radius: 2px 26px 2px 26px; color: #181612; transform: rotate(-1deg); }
.career-intro-card h3 { margin: 20px 0; font-size: 34px; }
.career-intro-card ol { padding-left: 24px; }
.career-intro-card li { padding: 5px 0; }
.career-intro-card p { margin: 26px 0 0; font-weight: 650; }

.partner-hero { background: #201d3b; color: #fff; }
.partner-hero::after { position: absolute; top: -90px; right: -70px; width: 430px; height: 430px; content: ""; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; box-shadow: inset 0 0 0 80px rgba(197,176,244,.07), inset 0 0 0 160px rgba(255,111,97,.04); pointer-events: none; }
.partner-hero-copy > p { color: rgba(255,255,255,.72); }
.partner-hero .button-disabled { border-color: rgba(255,255,255,.24); background: rgba(255,255,255,.09); color: rgba(255,255,255,.72); }
.partner-status { position: relative; z-index: 1; padding: clamp(28px, 4vw, 44px); background: #fff; border-radius: 24px; box-shadow: 20px 24px 0 #ff6f61; color: #141219; }
.partner-status-top { display: flex; align-items: center; gap: 10px; }
.status-light { width: 11px; height: 11px; background: #f0b846; border-radius: 50%; box-shadow: 0 0 0 5px rgba(240,184,70,.16); }
.partner-status h2 { max-width: 12ch; margin: 40px 0 30px; font-size: clamp(36px, 4.5vw, 52px); }
.partner-status ul { padding: 0; margin: 0; list-style: none; }
.partner-status li { display: flex; justify-content: space-between; padding: 14px 0; border-top: 1px solid var(--line); gap: 16px; }
.partner-status li strong { color: #8d6512; font-size: 14px; }
.partner-status > p { margin: 26px 0 0; color: var(--muted); font-size: 14px; }

.partner-preparing { background: #fbf8f0; }
.partner-feature-grid { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); }
.partner-feature-grid article { min-height: 280px; padding: 30px; border: 1px solid #dfd8c9; background: #fff; border-radius: 18px; }
.partner-feature-grid article:nth-child(2) { background: #f3e8ff; }
.partner-feature-grid article:nth-child(3) { background: #eaf5ca; }
.partner-feature-grid h3 { margin: 70px 0 12px; font-size: 29px; }
.partner-feature-grid p { margin: 0; color: var(--muted); }

.partner-next-step { background: #fff; }
.partner-next-grid > div:first-child > p { max-width: 60ch; margin: 0; color: var(--muted); font-size: 19px; }
.partner-existing-card { padding: clamp(30px, 5vw, 52px); border: 1px solid var(--line); background: #f4ecd6; border-radius: 24px; }
.partner-existing-card h3 { margin: 24px 0 15px; font-size: clamp(32px, 4vw, 46px); }
.partner-existing-card p { color: #5d584f; }
.partner-existing-card .text-link { display: inline-flex; margin-top: 10px; font-weight: 650; text-underline-offset: 4px; }

.article-source-note {
  display: grid;
  width: min(1180px, calc(100% - 32px));
  align-items: center;
  margin-bottom: clamp(48px, 7vw, 84px);
  padding: clamp(26px, 4vw, 44px);
  border: 1px solid #dfe5ec;
  background: #fff;
  border-radius: 18px;
  gap: 24px 54px;
  grid-template-columns: minmax(0, .9fr) minmax(300px, 1.1fr);
  box-shadow: 0 15px 45px rgba(11, 18, 32, .06);
}

.article-source-note .article-kicker { margin-bottom: 12px; color: #008f7c; }
.article-source-note h2 { max-width: 15ch; margin: 0; font-family: var(--article-serif, Georgia, serif); font-size: clamp(31px, 4vw, 45px); line-height: 1.08; }
.article-source-note > p { margin: 0; color: #536071; font-size: 18px; line-height: 1.65; }
.article-source-note a { color: #007f70; font-weight: 750; text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 900px) {
  .career-hero-grid,
  .partner-hero-grid,
  .career-openings-grid,
  .partner-next-grid { grid-template-columns: 1fr; }
  .career-hero-grid > :last-child,
  .partner-hero-grid > :last-child,
  .career-openings-grid > :last-child,
  .partner-next-grid > :last-child { margin-top: 0; }
  .career-workbench { min-height: 450px; width: min(580px, calc(100% - 24px)); justify-self: center; }
  .company-section-heading { align-items: start; grid-template-columns: 1fr; }
  .company-section-heading .section-kicker { grid-column: auto; }
  .partner-status { width: min(620px, calc(100% - 20px)); justify-self: center; }
  .article-source-note { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .career-hero,
  .partner-hero { padding: 54px 0 72px; }
  .career-hero-copy h1,
  .partner-hero-copy h1 { font-size: clamp(49px, 15vw, 66px); }
  .career-workbench { min-height: 410px; box-shadow: 13px 15px 0 #ff6f61; }
  .workbench-note-main { top: 42px; left: 24px; width: calc(100% - 48px); }
  .workbench-note-small { right: 22px; bottom: 42px; width: 210px; }
  .workbench-stamp { display: none; }
  .company-section-heading { margin-bottom: 32px; }
  .career-principle { grid-template-columns: 42px minmax(0, 1fr); }
  .partner-feature-grid { grid-template-columns: 1fr; }
  .partner-feature-grid article { min-height: 0; }
  .partner-feature-grid h3 { margin-top: 36px; }
}

@media (max-width: 400px) {
  .career-workbench { min-height: 440px; padding: 20px; }
  .workbench-note { padding: 22px; }
  .workbench-note-main strong { font-size: 34px; }
  .workbench-note-small { bottom: 28px; }
  .career-principle { gap: 12px; }
  .partner-status li { align-items: flex-start; flex-direction: column; gap: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  .career-workbench,
  .workbench-note,
  .career-intro-card { transform: none; }
}