.about-hero { padding: 76px 0 84px; }
.about-hero-grid { display: grid; grid-template-columns: minmax(300px, .76fr) minmax(0, 1.24fr); align-items: center; gap: clamp(48px, 8vw, 104px); }
.about-portrait { overflow: hidden; aspect-ratio: 4 / 5; border-radius: 28px; background: var(--br-sand); box-shadow: var(--br-shadow-card); }
.about-portrait img { width: 100%; height: 100%; object-fit: cover; object-position: center 18%; }
.about-hero h1 { max-width: 14ch; margin: 0 0 24px; font-size: clamp(2.7rem, 5.4vw, 4.55rem); line-height: 1.01; letter-spacing: -.045em; }
.about-hero h1 span { color: var(--br-blue); }
.about-hero p { max-width: 58ch; margin: 0 0 16px; color: var(--br-ink-soft); }
.about-hero .about-lead { color: var(--br-ink); font-size: 1.12rem; }
.about-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.about-mission { background: #fffdf9; border-block: 1px solid var(--br-line); }
.about-principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 42px; overflow: hidden; border: 1px solid var(--br-line); border-radius: 22px; background: var(--br-line); }
.about-principles article { padding: 30px; background: #fffdf9; }
.about-principles article > span { color: var(--br-blue); font-size: .76rem; font-weight: 850; letter-spacing: .08em; }
.about-principles h3 { margin: 18px 0 8px; font-family: var(--br-font-serif); font-size: 1.35rem; }
.about-principles p { margin: 0; color: var(--br-ink-soft); font-size: .92rem; }
.book-section { background: var(--br-sand); }
.book-grid { display: grid; grid-template-columns: 220px minmax(0, 640px); align-items: center; justify-content: center; gap: clamp(44px, 8vw, 96px); }
.book-cover {
  position: relative;
  overflow: hidden;
  aspect-ratio: 470 / 737;
  transform: rotate(-2deg);
  border-radius: 2px;
  background: #0b5969;
  filter: drop-shadow(0 22px 20px rgba(31,36,48,.22));
}
.book-cover img {
  position: absolute;
  inset: 0 auto 0 0;
  width: 212.77%;
  max-width: none;
  height: 100%;
  transform: translateX(-52%);
}
.book-grid p { color: var(--br-ink-soft); }
.book-subtitle { color: var(--br-ink) !important; font-family: var(--br-font-serif); font-size: 1.25rem; font-style: italic; }
.book-grid .br-button { margin-top: 14px; }
.about-contact { padding: 88px 0; text-align: center; }
.about-contact p:not(.br-eyebrow) { color: var(--br-ink-soft); }
.about-contact .br-button { margin-top: 14px; }
@media (max-width: 800px) {
  .about-hero { padding: 46px 0 64px; }
  .about-hero-grid { grid-template-columns: 1fr; gap: 38px; }
  .about-portrait { width: min(100%, 430px); }
  .about-hero h1 { font-size: clamp(2.45rem, 12vw, 3.5rem); }
  .about-principles { grid-template-columns: 1fr; }
  .book-grid { grid-template-columns: 140px minmax(0, 1fr); gap: 34px; }
}
@media (max-width: 560px) {
  .book-grid { grid-template-columns: 1fr; }
  .book-cover { width: 150px; }
  .about-actions .br-button { width: 100%; }
}