/** About page. */
.bv-about-page { background: var(--bv-bg); }
.bv-about-hero { overflow: clip; border-bottom: var(--bv-border-width) solid var(--bv-border); }
.bv-about-hero__inner { display: grid; gap: var(--bv-space-12); align-items: center; padding-block: var(--bv-section-space); }
.bv-about-hero__content { max-width: 58rem; }
.bv-about-hero h1 { margin-block: var(--bv-space-4) var(--bv-space-6); font-size: var(--bv-type-display-lg); }
.bv-about-hero__content > p:last-child { max-width: 46rem; color: var(--bv-text-secondary); font-size: var(--bv-type-body-lg); }
.bv-about-composition { position: relative; display: grid; min-height: 18rem; grid-template-columns: repeat(2, 1fr); gap: var(--bv-space-2); padding: var(--bv-space-4); border: var(--bv-border-width) solid var(--bv-border); background: linear-gradient(135deg, var(--bv-surface), var(--bv-surface-elevated)); }
.bv-about-composition span { display: grid; place-items: center; border: var(--bv-border-width) solid var(--bv-border); color: var(--bv-text-muted); font-family: var(--bv-font-mono); font-size: var(--bv-type-label); letter-spacing: var(--bv-tracking-label); }
.bv-about-composition i { position: absolute; width: 10rem; height: 10rem; border: var(--bv-border-width) solid var(--bv-accent); border-radius: 50%; opacity: .35; }
.bv-about-composition i:first-of-type { top: 20%; left: 25%; }.bv-about-composition i:last-child { right: 10%; bottom: -20%; border-color: var(--bv-primary); }
.bv-about-story { border-bottom: var(--bv-border-width) solid var(--bv-border); }
.bv-about-story__grid { display: grid; gap: var(--bv-space-8); }
.bv-about-story__index,.bv-about-principles span,.bv-about-work article > p { color: var(--bv-text-muted); font-family: var(--bv-font-mono); font-size: var(--bv-type-label); letter-spacing: var(--bv-tracking-label); }
.bv-about-story h2,.bv-about-principles h2,.bv-about-work h2,.bv-about-cta h2 { margin-bottom: var(--bv-space-6); font-size: var(--bv-type-h2); }
.bv-about-story__grid > div { max-width: 50rem; }.bv-about-story__grid > div p { color: var(--bv-text-secondary); font-size: var(--bv-type-body-lg); }.bv-about-story__grid > div p + p { margin-top: var(--bv-space-6); }
.bv-about-principles { background: var(--bv-surface); }.bv-about-principles header,.bv-about-work header { max-width: 52rem; margin-bottom: var(--bv-space-12); }
.bv-about-principles__grid { display: grid; border-top: var(--bv-border-width) solid var(--bv-border); }.bv-about-principles article { padding-block: var(--bv-space-8); border-bottom: var(--bv-border-width) solid var(--bv-border); }.bv-about-principles h3 { margin-block: var(--bv-space-4); font-size: var(--bv-type-h4); }.bv-about-principles article p { color: var(--bv-text-secondary); }
.bv-about-work__list { border-top: var(--bv-border-width) solid var(--bv-border); }.bv-about-work article { display: grid; gap: var(--bv-space-4); padding-block: var(--bv-space-8); border-bottom: var(--bv-border-width) solid var(--bv-border); }.bv-about-work h3 { font-size: var(--bv-type-h3); }.bv-about-work h3 a { color: var(--bv-text); text-decoration: none; }.bv-about-work article > a { min-height: 2.75rem; align-content: center; }
.bv-about-cta { border-block: var(--bv-border-width) solid var(--bv-border); background: var(--bv-surface-elevated); }.bv-about-cta__inner { display: grid; gap: var(--bv-space-8); }
@media (min-width: 48rem) { .bv-about-hero__inner { grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .6fr); }.bv-about-story__grid { grid-template-columns: minmax(10rem,.45fr) minmax(0,1.55fr); }.bv-about-principles__grid { grid-template-columns: repeat(3,1fr); }.bv-about-principles article { padding: var(--bv-space-8); border-right: var(--bv-border-width) solid var(--bv-border); }.bv-about-work article { grid-template-columns: 5rem minmax(0,1fr) auto; align-items: center; }.bv-about-cta__inner { grid-template-columns: minmax(0,1fr) auto; align-items: end; } }
@media (hover:hover) and (pointer:fine) { .bv-about-work h3 a:hover { color: var(--bv-accent); } }