.about-page { min-height: 100vh; }
.about-shell { width: min(860px, calc(100% - 40px)); margin: 32px auto 56px; }
.about-breadcrumb { display: flex; gap: 10px; margin-bottom: 22px; color: #688097; font-size: 12px; }
.about-breadcrumb a { color: #183e6b; }
.about-card { margin-top: 24px; padding: 36px; border: 4px solid #245072; border-radius: 18px; background: #fffdf1; box-shadow: 6px 7px 0 rgba(23, 67, 111, .16); }
.about-eyebrow { color: #688097; font-size: 11px; font-weight: 700; letter-spacing: .12em; }
.about-card h1 { margin: 16px 0 22px; color: #183e6b; font: 700 clamp(28px, 4vw, 44px)/1.15 Georgia, serif; }
.about-card h2 { margin: 12px 0 16px; color: #183e6b; font: 700 28px/1.2 Georgia, serif; }
.about-card p { max-width: 680px; margin: 12px 0; color: #496985; font-size: 15px; line-height: 1.7; }
.about-card p a, .about-studio a { color: #245072; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.about-studio { margin-top: 24px; padding-top: 20px; border-top: 1px dashed #bed1dd; color: #688097; font-size: 13px; }
.about-contact { background: #eafcff; }
.about-contact-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 24px; }
.about-contact-links a { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 18px; border: 2px solid #245072; border-radius: 12px; background: #fffdf1; color: #245072; }
.about-contact-links a > span:first-child { grid-column: 1 / -1; color: #688097; font-size: 11px; }
.about-contact-links strong { font-size: 16px; overflow-wrap: anywhere; }
.about-contact-links a:hover { background: #fff1a5; }
.about-page a:focus-visible { outline: 3px solid #f0c365; outline-offset: 4px; }
@media (max-width: 600px) {
  .about-shell { width: calc(100% - 28px); margin: 24px auto 36px; }
  .about-card { padding: 24px 20px; border-width: 3px; }
  .about-card p { font-size: 14px; }
  .about-contact-links { grid-template-columns: 1fr; }
}