/* Fourth review: compact CTAs, native vector arrows and edge-aligned identity. */
.pill,.text-link{gap:8px;justify-content:center}
.nav .pill,.hero-actions .pill,.hero-actions .text-link,.footer-top .text-link{gap:8px}
.contact .submit{justify-content:center;gap:8px}
.small-link,.film-chip{display:inline-flex;align-items:center;gap:8px}
.cta-arrow{width:20px;height:20px;display:block;flex:0 0 20px;color:inherit}
.pill:hover .cta-arrow,.text-link:hover .cta-arrow{translate:2px -2px}
.cta-arrow{transition:translate .2s}
.projects-menu button,.projects-menu a{font-family:Manrope,Arial,sans-serif;font-size:12px;line-height:1.4;font-weight:500;letter-spacing:.04em;text-transform:uppercase}
.mobile-projects button{text-transform:uppercase;font-family:Manrope,Arial,sans-serif;font-size:12px;letter-spacing:.04em}
.statement{width:100%;max-width:none;margin:0}
.statement .identity-line{padding:0;text-align:left}
.statement .identity-line:nth-child(2),.statement .identity-line:nth-child(5){text-align:right}
.statement .identity-line:nth-child(4){text-align:center}
.projects .project-text h3{text-transform:uppercase}
.work-image img{filter:none;transition:filter .7s,transform .5s}
@media(min-width:992px) and (hover:hover) and (pointer:fine){
 .work-image img{filter:grayscale(1)}
 .work-image:hover img,.work-image:focus-visible img{filter:grayscale(0)}
}
@media(max-width:767px){
 .about-portrait{display:none}
 .hero-actions .pill,.hero-actions .text-link,.footer-top .text-link{gap:8px}
 .projects .project-text h3{text-transform:uppercase}
 .work-image img{filter:none}
}