.about-page .about-intro{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;gap:48px;padding:76px 0 42px;max-width:1040px}
.about-page .about-intro .eyebrow{color:#71647f;font-size:13px;margin-bottom:22px}
.about-page .about-intro h1{font-size:clamp(38px,4.7vw,64px);font-weight:500;letter-spacing:-.045em;line-height:1.12;max-width:820px}
.about-page .about-smile{display:block;width:120px;height:120px;color:#f57916;transform:rotate(-9deg)}
.about-page .about-story{max-width:760px;font-size:20px;line-height:1.7;color:#44434a}
.about-page .about-story .about-lead{font-size:23px;color:#24222a}
.about-page .about-story p+p{margin-top:22px}
.about-page .about-connect{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:36px;font-size:16px}
.about-page .about-connect a{color:#5f4b8b;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.about-page .home-nav [aria-current="page"],.about-page .footer-nav [aria-current="page"]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;color:#30273f}
.about-page .portfolio-footer{margin-top:76px}
@media(max-width:760px){
  .about-page .about-intro{grid-template-columns:minmax(0,1fr) 68px;gap:20px;padding:46px 0 28px;align-items:start}
  .about-page .about-intro h1{font-size:clamp(34px,7vw,44px)}
  .about-page .about-smile{width:68px;height:68px;margin-top:40px}
  .about-page .about-story{font-size:18px}
  .about-page .about-story .about-lead{font-size:20px}
  .about-page .portfolio-footer{margin-top:56px}
}