/* Feedback belongs to actionable elements; selected state stays distinct from hover. */
button,a{touch-action:manipulation}button{transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}button:focus-visible,a:focus-visible{outline:3px solid #218baa;outline-offset:5px}.nav nav a,.nav>a:last-child,.footer>a{transition:color .18s,background-color .18s;padding:7px 10px;border-radius:20px}.nav nav a:hover,.nav>a:last-child:hover,.footer>a:hover{color:#a62f40;background:#e8dace}.cap-choices button:hover{color:#e8a791}.cap-choices button[aria-pressed=true]{color:#b73544}.hero-controls button:hover{color:#ac3040;opacity:1}.hero-controls button[aria-pressed=true]{font-weight:700}.ecosystem-switch>button:hover{background:#d5ded1;color:#163f3e;box-shadow:0 5px 15px #25463812}.ecosystem-switch>button[aria-pressed=true]{background:#163f3e;color:#fff0dc;box-shadow:inset 0 0 0 1px #244e48}.ecosystem-switch>button[aria-pressed=true]:hover{background:#245753}.character-card>a{transition:box-shadow .2s,filter .2s}.character-card>a:hover,.character-card>a:focus-visible{box-shadow:0 0 0 3px #d6a17f;filter:brightness(1.045)}.cap-auto:hover,.character-motion:hover{color:#ae3344}.contact>a{transition:color .2s}.contact>a span{transition:background-color .2s,color .2s,transform .2s}.contact>a:hover{color:#fff}.contact>a:hover span{background:#fff0dc;color:#a83242;transform:translate(3px,-3px)}.ecosystem-always-visible{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:-10px 0 30px}.ecosystem-always-visible>a{padding:14px 17px;border-left:2px solid #b7c1af;transition:background .2s,border-color .2s}.ecosystem-always-visible>a strong{display:block;font:700 14px/1.6 Be,Arial,sans-serif}.ecosystem-always-visible>a span{display:block;font-size:11px;line-height:1.7;color:#617164;margin-top:4px}.ecosystem-always-visible>a:hover{background:#e5e5d8;border-color:#b73544}.ecosystem-next{border-top:1px solid #3d5e4930;margin-top:30px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:25px}.ecosystem-next>p{font-size:11px;color:#617568}.ecosystem-next button{border:0;border-radius:30px;background:#173f3e;color:#f7eadc;font-size:13px;padding:14px 23px}.ecosystem-next button span{margin-left:20px}.ecosystem-next button:hover{background:#a83543;box-shadow:0 6px 20px #173f3e18}
/* Discreet, readable illustration notes. */
.illustration-note,.branch-scene figcaption,.cap-image span{font-size:9px!important;font-style:italic!important;font-weight:400;letter-spacing:.015em!important;line-height:1.6}.illustration-note{color:#66756a}.branch-scene figcaption{color:#758075}.cap-image span{opacity:.8}.character-card small{font-size:9px;font-style:italic;color:#728073}@media(max-width:800px){.ecosystem-always-visible{grid-template-columns:1fr;gap:8px;margin-bottom:25px}.ecosystem-always-visible>a{padding:10px 14px}.ecosystem-always-visible>a span{font-size:10px}.ecosystem-next{display:block}.ecosystem-next button{margin-top:13px;font-size:12px}.illustration-note,.branch-scene figcaption,.cap-image span{font-size:8px!important}}@media(prefers-reduced-motion:reduce){button,a,.character-card>a,.contact>a span{transition:none!important}button:hover,.contact>a:hover span{transform:none!important}}
