/* Shared action controls: the square accent echoes the studio's pixel mark. */
:root{--action-ink:#19221f;--action-accent:#c4ef94;--action-edge:#79856f;--action-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2319221f' stroke-width='1.7'%3E%3Cpath d='M5 19 19 5M5 5h14v14'/%3E%3C/svg%3E")}
.button.dark,.btn.primary,.site-nav .nav-action,.btn.ghost,.hero-secondary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:54px;padding:8px 8px 8px 20px;border:1px solid var(--action-ink);border-radius:8px;background:var(--action-ink);color:#fff;font-size:14px;font-weight:500;line-height:1.3;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;transform:none;transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
.button.dark::after,.btn.primary::after,.site-nav .nav-action::after,.btn.ghost::after,.hero-secondary::after{content:"";display:block;flex:0 0 34px;width:34px;height:34px;border-radius:4px;background:var(--action-arrow) center/18px no-repeat var(--action-accent);transition:background-position .2s ease,background-color .2s ease}
.button.dark>span:has(.arrow-icon),.button.dark>.arrow-icon{display:none}
.btn.ghost,.hero-secondary{background:transparent;color:var(--action-ink);border-color:var(--action-edge)}
.btn.ghost::after,.hero-secondary::after{background-color:transparent}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.hero-actions .hero-secondary{margin:0}
.site-nav .nav-action{min-height:44px;padding:6px 6px 6px 15px;font-size:12px;gap:18px}.site-nav .nav-action::after{width:28px;height:28px;flex-basis:28px;background-size:15px}
.site-nav nav .nav-action:hover{text-decoration:none}
.button.dark:focus-visible,.btn:focus-visible,.hero-secondary:focus-visible,.site-nav .nav-action:focus-visible{outline:2px solid #49753b;outline-offset:4px;box-shadow:0 0 0 2px #f1f2ec}
@media(hover:hover){.button.dark:not(:disabled):hover,.btn.primary:hover,.site-nav .nav-action:hover{background:#30402d;border-color:#30402d;transform:none}.button.dark:not(:disabled):hover::after,.btn.primary:hover::after,.site-nav .nav-action:hover::after{background-position:55% 43%;background-color:#d3f4b0}.btn.ghost:hover,.hero-secondary:hover{background:#e1e7d9;border-color:#526447;transform:none}}
.button.dark:not(:disabled):active,.btn:active,.site-nav .nav-action:active,.hero-secondary:active{box-shadow:inset 0 2px 4px #0003;background:#3d5037;color:white}.button.dark:disabled{opacity:.65;cursor:wait;transform:none}.button.dark:disabled::after{opacity:.45}
.contact #concept-form .button{justify-content:space-between}
.cookie button{min-height:44px;border-radius:6px;transition:background-color .18s ease}.cookie button:focus-visible{outline:2px solid #49753b;outline-offset:3px}
.studio-hero .shape-controls{border-radius:10px;gap:3px}.studio-hero .shape-controls button{border-radius:6px;min-height:40px}.studio-hero .shape-controls button[aria-pressed=true]{background:#19221f;color:#fff}
@media(max-width:700px){.button.dark,.btn.primary,.btn.ghost,.hero-secondary{font-size:13px;min-height:50px;padding-left:16px;gap:14px}.button.dark::after,.btn.primary::after,.btn.ghost::after,.hero-secondary::after{width:30px;height:30px;flex-basis:30px}.site-nav .nav-action{min-height:44px;padding:6px 6px 6px 12px;font-size:11px}.hero-actions{gap:10px}.hero-actions .button,.hero-actions .hero-secondary{flex:1 1 180px}.contact-lines a.btn{display:inline-flex;font-size:14px}.cookie div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.button.dark,.btn,.site-nav .nav-action,.hero-secondary,.button.dark::after,.btn::after,.site-nav .nav-action::after,.hero-secondary::after{transition:none}}
