/* One action hierarchy: conversion, editorial navigation, collection controls. */
:root{--action-height:50px;--action-icon:20px;--action-ink:#171714;--action-paper:#fffdf7;--action-ease:cubic-bezier(.22,1,.36,1)}
.button.action-primary,.header nav .button.action-primary,.home .header:not(.scrolled) .nav-cta.action-primary{
 display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:var(--action-height);max-width:100%;width:fit-content;padding:13px 22px;border:1px solid var(--action-ink);border-radius:999px;background:var(--action-ink);color:var(--action-paper);font:500 16px/1.4 var(--font-brand);letter-spacing:0;text-align:left;text-decoration:none;white-space:normal;box-shadow:none;transition:background .2s,color .2s,transform .2s var(--action-ease)
}
.textlink.action-link{display:inline-flex;align-items:center;justify-content:space-between;justify-self:start;align-self:start;gap:12px;min-height:44px;max-width:100%;width:fit-content;padding:10px 0;border:0;border-bottom:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:500 16px/1.4 var(--font-brand);letter-spacing:0;text-align:left;text-decoration:none;white-space:normal;box-shadow:none;transition:opacity .2s}
:is(.action-primary,.action-link) svg{width:var(--action-icon);height:var(--action-icon);flex:0 0 var(--action-icon);transition:transform .22s var(--action-ease)}
:is(.action-primary,.action-link):focus-visible,.episode-link:focus-visible,.collab-visual:focus-visible,.project-tile:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.button.action-primary:focus-visible{outline-color:var(--action-ink)}
.button.action-primary:active{transform:scale(.98)}
.home .community-copy .action-link,.home .spotlight-copy .action-link{margin-top:0}
.home .partner-section .action-link{margin-top:24px}
.page-work .lab-copy .action-link{margin-top:4px}
.page-work .work-hero-bottom p{margin-bottom:0}
.home .collage-intro p{margin-bottom:0}
/* Fully linked cards have a single, quiet directional cue. */
.project-tile>div:last-child{position:relative;padding-right:48px!important}
.project-tile .card-affordance{position:absolute;right:20px;top:24px;font-size:23px;line-height:1;pointer-events:none}
.episode-link h3 span{display:inline-block;margin-left:5px;font-size:.8em;font-weight:400}
.page-partners .collab-card .expand-image{display:grid;place-items:center;width:36px;height:36px;bottom:10px;right:10px;border:1px solid #17171420;border-radius:50%;background:var(--action-paper);color:var(--action-ink);font-size:22px;transform:none;pointer-events:none}
body .collection-controls button,body .case-toolbar .case-controls button{display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border:1px solid #17171440;border-radius:50%;background:var(--action-paper);color:var(--action-ink);transition:background .2s,border-color .2s;box-shadow:none}
body .collection-controls button svg,body .case-controls button svg{width:20px;height:20px}
body .case-toolbar .case-controls .case-close{background:var(--action-ink);color:var(--action-paper);border-color:#ffffff70}
body .collection-controls button:disabled,body .case-controls button:disabled{opacity:.3;cursor:default}
body .tabs button,body .collab-filters button{min-height:44px;padding:11px 16px;font:500 15px/1.4 var(--font-brand);border-radius:0}
@media(hover:hover){
 .button.action-primary:hover,.header nav .button.action-primary:hover,.home .header:not(.scrolled) .nav-cta.action-primary:hover{background:#35352f;color:var(--action-paper);transform:none}
 .action-primary:hover svg,.action-link:hover svg{transform:translateX(3px)}
 .textlink.action-link:hover{opacity:.7}
 body .collection-controls button:not(:disabled):hover,body .case-controls button:not(:disabled):hover{background:#fff200;color:var(--action-ink);border-color:var(--action-ink)}
 .page-partners .collab-visual:hover .expand-image{transform:none;background:#fff200}
}
@media(max-width:1049px){.header nav .button.action-primary{width:100%;align-self:stretch}.project-tile .card-affordance{top:20px}}
@media(prefers-reduced-motion:reduce){.button.action-primary:active,.action-primary:hover svg,.action-link:hover svg{transform:none}}
.header nav .action-primary[aria-current]::before{display:none}
.editorial-copy>div>.action-link{margin:0}
