/* About: calendar CTA under the copy and a centered hint leading down to the testimonials. */
html[data-theme="portfolio"] .about .button{min-height:52px;margin-top:30px;border-radius:999px;background:var(--chosen-accent,#2f6bff);border-color:var(--chosen-accent,#2f6bff);color:var(--chosen-on,#fff);box-shadow:0 14px 30px -15px color-mix(in srgb,var(--chosen-accent,#2f6bff) 45%,transparent)}
html[data-theme="portfolio"] .about .button:hover{background:var(--chosen-hover,#2459dc);border-color:var(--chosen-hover,#2459dc)}
.about:has(.about-next){row-gap:44px}
.about-next{grid-column:1/-1;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:24px;max-width:22ch;text-align:center;text-decoration:none;
 font-size:clamp(2rem,3.5vw,2.9rem);font-weight:700;line-height:1.1;letter-spacing:-.035em;color:#0d1018}
.about-next svg{width:26px;height:68px;fill:none;stroke:var(--chosen-accent,#2f6bff);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:about-next-bob 2.2s ease-in-out infinite}
.about-next:hover svg{stroke-width:3}
/* The line above now heads the testimonials, so their own title stays only for screen readers. */
.about:has(.about-next)+.testimonials .section-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-theme="portfolio"] .about:has(.about-next)+.testimonials{padding-top:28px}
@keyframes about-next-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}
@media(max-width:700px){
 html[data-theme="portfolio"] .about .button{display:flex;width:100%;gap:10px;padding-inline:16px;font-size:.9375rem;white-space:nowrap}
 .about-next{margin-top:36px;gap:14px}
 .about-next svg{height:54px}
}
@media(max-width:360px){html[data-theme="portfolio"] .about .button{white-space:normal;font-size:.875rem;text-align:left}}
@media(prefers-reduced-motion:reduce){.about-next svg{animation:none}}