/* About page */
.about-statement-sec { background: var(--ink-2); }

.statement-grid {
  display: grid; grid-template-columns: 1fr 1.4fr; gap: clamp(48px, 7vw, 96px); align-items: start;
}
.statement-main {
  font-size: clamp(18px, 2vw, 22px); font-weight: 500;
  line-height: 1.85; letter-spacing: 0.06em;
  border-left: 2px solid var(--blue-bright); padding-left: 24px;
  margin-bottom: 24px;
}
.statement-body p { color: var(--text-dim); font-size: 15px; line-height: 2; margin-bottom: 12px; }
.statement-body strong { color: var(--blue-bright); font-weight: 600; }

.values-sec { background: var(--ink); }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(1px,0.15vw,2px); }
.value-item {
  position: relative; overflow: hidden;
  padding: clamp(36px, 4vw, 60px) clamp(28px, 3vw, 48px); border: 1px solid var(--line);
  background: var(--ink-3); transition: border-color 0.4s, background 0.4s;
}
.value-item:hover { border-color: rgba(61,139,255,0.35); background: var(--ink-2); }
.value-item:hover .vi-bg-num { opacity: 0.055; color: var(--blue-bright); }

/* Large ghost number in background */
.vi-bg-num {
  position: absolute; right: -8px; bottom: -20px;
  font-family: var(--font-display); font-size: clamp(100px, 14vw, 160px);
  font-weight: 700; letter-spacing: -0.04em;
  color: var(--text); opacity: 0.035;
  line-height: 1; pointer-events: none; user-select: none;
  transition: opacity 0.5s, color 0.5s;
}

.vi-content { position: relative; z-index: 1; }
.vi-label { font-size: 10px; letter-spacing: 0.35em; color: var(--blue-bright); margin-bottom: 20px; }
.value-item h3 { font-size: clamp(15px, 1.4vw, 18px); font-weight: 700; letter-spacing: 0.05em; margin-bottom: 14px; }
.value-item p  { color: var(--text-dim); font-size: 14px; line-height: 1.9; }

.company-sec { background: var(--ink-2); }
.company-table-wrap { max-width: 760px; }

@media (max-width: 860px) {
  .statement-grid { grid-template-columns: 1fr; }
  .values-grid { grid-template-columns: 1fr; }
}