:root{--r-btn: 10px;--r-btn-sm: 8px;--r-btn-lg: 12px;--r-card: 12px;--r-section: 16px;--card-gap: clamp(12px, 1.8vw, 26px);--pad-section: clamp(20px, 3vw, 48px);--edge: max( calc(var(--card-gap) + var(--pad-section)), calc((100vw - 1320px)/2) );--nav-h: 68px;--nav-h-stuck: 58px;--nav-top: 12px;--nav-pad-x: 28px;--veil-tail: clamp(14px, 1.5vw, 22px);--fb: var(--brand-font-stack);--fd: var(--brand-font-stack);--fm: var(--brand-mono-stack);--t-meta: 13.5px;--t-sm: 15px;--t-mono: 12px;--t-hover: .22s;--t-state: .42s;--t-press: .12s;--hover-step: 8%;--e-out: cubic-bezier(.16, 1, .3, 1);--e-snap: cubic-bezier(.22, 1, .36, 1);--e-spring: cubic-bezier(.34, 1.3, .64, 1)}@media(max-width:960px){:root{--card-gap: 12px;--pad-section: clamp(16px, 2.8vw, 24px);--nav-pad-x: 16px;--nav-h: 60px;--nav-h-stuck: 54px}}.btn,.okou-cta,.btn-primary-large,.btn-secondary-large{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:var(--r-btn);background:var(--fill, transparent);font-family:var(--fb);font-variant-numeric:normal;font-weight:500;font-size:var(--t-meta);line-height:1.55;letter-spacing:normal;text-transform:none;text-decoration:none;cursor:pointer;transition:background var(--t-hover) var(--e-snap),color var(--t-hover) var(--e-snap),border-color var(--t-hover) var(--e-snap),transform var(--t-hover) var(--e-snap)}.btn--sm{height:38px;padding:0 18px;border-radius:var(--r-btn)}.btn--lg,.okou-cta,.btn-primary-large,.btn-secondary-large{padding:12px 24px;font-size:var(--t-sm);border-radius:var(--r-btn-lg)}.btn--dark,.okou-cta,.btn-primary-large{--fill: var(--accent);border-color:var(--fill);color:var(--accent-ink)}.btn--ghost,.okou-cta--ghost,.btn-secondary-large{--fill: var(--wash-2);border-color:transparent;color:var(--ink)}.btn:hover,.okou-cta:hover,.btn-primary-large:hover,.btn-secondary-large:hover{--fill-hover: color-mix( in srgb, var(--state-ink) var(--hover-step), var(--fill) );background:var(--fill-hover);border-color:var(--fill-hover)}.btn:active,.okou-cta:active,.btn-primary-large:active,.btn-secondary-large:active{transform:translateY(0) scale(.985);transition-duration:var(--t-press)}@media(pointer:coarse),(max-width:1000px){.btn--sm{height:44px}}.btn img{object-fit:contain}.btn--ghost img{width:16px;height:16px}.btn--ghost:hover img{filter:none}
