.culture-preview { display: table; margin: 0 0 24px; padding: 7px 12px; border: 1px dashed var(--line); border-radius: var(--radius-small); color: var(--muted); font-size: 12px; }
.culture-hero { display: grid; grid-template-columns: 1.45fr .8fr; align-items: center; gap: clamp(32px, 5vw, 72px); }
.culture-hero-copy { min-width: 0; }
.culture-page .culture-hero h1 { font-size: clamp(52px, 6.6vw, 88px); }
.culture-page .culture-hero .case-deck { font-size: clamp(25px, 2.8vw, 34px); }
.culture-intro { max-width: 46ch; margin-top: 24px; color: var(--muted); line-height: 1.75; }
.culture-hero-photo { margin: 0; max-width: 340px; justify-self: center; }
.culture-hero-photo img { width: 100%; height: auto; border-radius: var(--radius-panel); }
.culture-hero-photo figcaption { display: block; margin-top: 12px; color: var(--muted); font-size: 12px; }
.culture-office-photo { margin: 28px 0 0; }
.culture-office-photo button { display: block; padding: 0; width: 100%; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-panel); background: var(--surface); cursor: zoom-in; }
.culture-office-photo img { width: 100%; height: auto; }
.culture-office-photo figcaption { font-size: 12px; color: var(--muted); gap: 12px; }
.culture-involvement { margin: 28px 0 0; }
.culture-involvement > div { display: grid; grid-template-columns: minmax(130px, .7fr) 1.3fr; gap: 24px; padding: 18px 0; border-top: 1px solid var(--line); }
.culture-involvement dt { font-weight: 600; }
.culture-involvement dd { margin: 0; color: var(--muted); }
.culture-team-photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 28px; }
.culture-team-photos figure { min-width: 0; margin: 0; }
.culture-team-photos img { width: auto; max-width: 100%; height: 360px; object-fit: contain; border-radius: var(--radius-panel); }
.culture-team-photos figcaption { display: block; margin-top: 12px; color: var(--muted); font-size: 12px; }
@media (max-width: 520px) { .culture-team-photos { grid-template-columns: 1fr; } }
.culture-work-preview { position: absolute; inset: 24px 24px 64px; display: grid; grid-template-columns: 1fr 1.15fr; align-items: center; gap: 16px; }
.culture-work-preview img { display: block; width: 100%; max-height: 100%; min-height: 0; height: auto; object-fit: contain; border-radius: var(--radius-frame); box-shadow: 0 8px 24px rgb(0 0 0 / .10); }
@media (max-width: 720px) {
  .culture-hero { grid-template-columns: 1fr; gap: 32px; }
  .culture-hero-photo { width: min(74%, 300px); }
  .culture-involvement > div { grid-template-columns: 1fr; gap: 6px; }
  .culture-office-photo figcaption { flex-wrap: wrap; }
}
@media print {
  .culture-preview { display: none; }
  .culture-hero, .culture-office-photo { break-inside: avoid; }
}