/* One humanist action face, distinct from the reading/navigation type. */
@font-face{font-family:'Afacad';src:url('fonts/worksans-normal-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{--font-action:'Afacad','RagInter',Arial,sans-serif}
:root[data-style] :is(.portfolio-action,.pill-button,.call-button,.resume-download,.case-return,.rag-cta),
:root[data-style] :is(.portfolio-action,.pill-button,.call-button,.resume-download,.case-return,.rag-cta)>span{
 font-family:var(--font-action)!important;font-weight:400!important;font-style:normal!important;letter-spacing:0!important;
}
:root[data-style] :is(.portfolio-action,.pill-button,.resume-download,.case-return,.rag-cta){
 position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;isolation:isolate;
 min-height:44px;padding:9px 17px;border:1px solid var(--site-line);border-radius:3px;background:var(--site-surface);color:var(--site-ink);
 font-size:18px!important;line-height:1.15;text-decoration:none!important;text-shadow:none;box-shadow:none;rotate:0deg;
 transition:background-color .16s,border-color .16s,color .16s;
}
:root[data-style] :is(.portfolio-action,.pill-button,.resume-download,.case-return,.rag-cta):hover{
 background:var(--site-accent-soft);color:var(--site-ink);border-color:var(--site-accent);filter:none;box-shadow:none;transform:none;translate:0 0;text-decoration:none!important;
}
:root[data-style] :is(.portfolio-action,.pill-button.work)::after{
 content:'';display:block;flex:none;width:19px;height:19px;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 18Q12 10 20 5M10 5Q15 5 20 5L19 15' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 18Q12 10 20 5M10 5Q15 5 20 5L19 15' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}
:root[data-style="sketch"] :is(.portfolio-action,.pill-button,.resume-download,.case-return,.rag-cta){border-radius:3px 7px 2px 5px}
:root[data-style="sketch"] :is(.portfolio-action,.pill-button,.resume-download,.case-return)::before{
 content:'';position:absolute;inset:3px -3px -3px 3px;border-right:1px solid var(--site-line);border-bottom:1px solid var(--site-line);border-radius:2px 4px 2px 4px;opacity:.6;pointer-events:none;z-index:-1;
}
:root[data-style] .top-actions .call-button{height:48px;padding:8px 15px;gap:9px;border:1px solid var(--site-accent);border-radius:3px;background:var(--site-surface);color:var(--site-ink);box-shadow:none;font-size:18px;line-height:1.2}
.top-actions .call-button .call-mark{width:23px;height:23px;flex-basis:23px;border-radius:0;background:transparent;color:currentColor}
.top-actions .call-mark svg{width:21px;height:21px}
:root[data-style] .top-actions .call-button:hover{background:var(--site-accent-soft);color:var(--site-ink)}
.work-bottom .portfolio-action{flex:none}
:root[data-style] .case-related-heading .portfolio-action{color:var(--site-ink);font-size:18px!important}
.about-footer .portfolio-action{min-height:38px;padding:6px 12px;font-size:17px!important}
.resume-download svg{stroke:currentColor}
:root[data-style] .resume-download>span{font:400 11px/1.2 var(--font-ui)!important;opacity:.7}
:root[data-style] .folio-menu .menu-preview-actions a:first-child{font-family:var(--font-action)!important;font-size:16px!important;font-weight:400;text-decoration:none;letter-spacing:0}
@media(max-width:960px){
 :root[data-style] .top-actions .call-button{width:44px;min-width:44px;height:44px;padding:9px;border-radius:4px}
 .top-actions .call-button .call-mark{width:24px;height:24px;flex-basis:24px}
 .hero-buttons .pill-button{font-size:18px!important;padding-inline:12px}
 .work-bottom .portfolio-action{font-size:18px!important}
 .about-footer .portfolio-action{min-height:44px}
}
@media(prefers-reduced-motion:reduce){:root[data-style] :is(.portfolio-action,.pill-button,.call-button,.resume-download,.case-return,.rag-cta){transition:none}}