/* WITH US — aligned to NINEWORKS develop / company pages */
.with-us-page main{background:#fff}
.with-us-page .develop-hero{padding-top:104px}
.with-us-page .develop-hero__lead{max-width:760px}

.with-us-visual-section{padding:40px 0 104px;border-bottom:1px solid var(--develop-line);background:#fff}
.with-us-visual{position:relative;overflow:hidden;border-radius:24px;background:#f3f3ef}
.with-us-visual img{width:100%;aspect-ratio:3/1.72;object-fit:cover;object-position:center}
.with-us-visual__caption{position:absolute;right:24px;bottom:20px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.9);font-size:12px;font-weight:700;letter-spacing:.03em;color:#333;backdrop-filter:blur(8px)}

.with-us-page .with-us-two-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1100px;margin:0 auto}
.with-us-page .with-us-two-grid article{min-height:300px}
.with-us-page .with-us-two-grid h3{font-size:25px;margin-top:70px}

.with-us-page .with-us-three-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1180px;margin:0 auto}
.with-us-page .with-us-three-grid article{min-height:290px}
.with-us-page .develop-service-grid.with-us-three-grid article{min-height:320px;padding-bottom:34px}
.with-us-page .develop-service-grid.with-us-three-grid h3{max-width:250px;margin-top:70px;font-size:22px;line-height:1.35}
.with-us-page .develop-service-grid.with-us-three-grid p{font-size:14px;line-height:1.76}
.with-us-page .develop-service-grid.with-us-three-grid small{display:none}

.with-us-field-grid{max-width:1180px;grid-template-columns:repeat(4,minmax(0,1fr))}
.with-us-field-grid span{min-height:84px;font-size:14px}

.with-us-process{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1180px;margin:0 auto}
.with-us-process article{min-height:230px}
.with-us-process h3{font-size:20px}
.with-us-process p{font-size:13.5px;line-height:1.72}

.with-us-cta{background:var(--develop-orange)}
.with-us-cta h2{font-size:clamp(38px,3.8vw,58px)}
.with-us-cta p{font-size:16px}

@media(max-width:1100px){
  .with-us-page .with-us-three-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .with-us-field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .with-us-process{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .with-us-page .develop-hero{padding-top:72px}
  .with-us-visual-section{padding:24px 0 72px}
  .with-us-visual{border-radius:20px}
  .with-us-visual img{aspect-ratio:4/5}
  .with-us-visual__caption{right:14px;bottom:14px;left:14px;text-align:center;font-size:11px}
  .with-us-page .with-us-two-grid,
  .with-us-page .with-us-three-grid,
  .with-us-process{grid-template-columns:1fr}
  .with-us-page .with-us-two-grid article,
  .with-us-page .with-us-three-grid article{min-height:0}
  .with-us-page .with-us-two-grid h3,
  .with-us-page .develop-service-grid.with-us-three-grid h3{margin-top:40px}
  .with-us-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .with-us-field-grid span{font-size:13px}
}

/* Simplified application section — 2026-10-08 */
.with-us-apply{
  padding:104px 0;
  border-top:1px solid var(--develop-line);
  background:#fff;
}
.with-us-apply__inner{
  max-width:900px;
  margin:0 auto;
}
.with-us-apply .eyebrow{
  margin-bottom:18px;
  color:var(--develop-orange)!important;
}
.with-us-apply h2{
  max-width:780px;
  margin:0 auto;
  font-size:clamp(36px,3.7vw,54px);
  font-weight:630;
  line-height:1.14;
  letter-spacing:-.048em;
  word-break:keep-all;
}
.with-us-apply p{
  max-width:720px;
  margin:22px auto 0;
  color:var(--develop-muted);
  font-size:16px;
  line-height:1.8;
  word-break:keep-all;
}
.with-us-apply .develop-button{
  margin-top:30px;
}
@media(max-width:760px){
  .with-us-apply{padding:76px 0}
  .with-us-apply h2{font-size:34px}
  .with-us-apply p{font-size:15px}
}