/* ============ ABOUT PAGE SPECIFIC ============ */

.about-story {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gutter);
  align-items: center;
}
@media (max-width: 900px) { .about-story { grid-template-columns: 1fr; } }

.about-story-visual {
  position: relative;
  aspect-ratio: 4/5;
  background: var(--panel);
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.about-story-visual img {
  width: 55%;
  filter: drop-shadow(0 0 30px rgba(232,0,13,0.25));
}
.about-story-visual .frame-coord {
  position: absolute;
  font-family: var(--font-mono);
  font-size: 10px;
  color: var(--gray-dim);
  letter-spacing: 0.1em;
}
.about-story-visual .frame-coord.tl { top: 18px; left: 18px; }
.about-story-visual .frame-coord.br { bottom: 18px; right: 18px; }

.value-card {
  border-top: 2px solid var(--red);
  padding-top: 22px;
}
.value-card .ic { width: 34px; height: 34px; color: var(--red); margin-bottom: 18px; }
.value-card h3 { font-size: 18px; margin-bottom: 10px; }
.value-card p { font-size: 13.5px; }

.founder-letter {
  background: var(--panel);
  border: 1px solid var(--line);
  border-left: 2px solid var(--red);
  padding: clamp(36px, 5vw, 60px);
}
.founder-letter p { color: var(--white); font-size: 16px; max-width: none; opacity: 0.85; margin-bottom: 18px; }
.founder-letter .sig { font-family: var(--font-display); font-size: 20px; margin-top: 24px; }
.founder-letter .sig span { display: block; font-family: var(--font-mono); font-size: 11px; color: var(--gray); text-transform: uppercase; letter-spacing: 0.08em; margin-top: 6px; }