/* Cut-from-print labels: every button and link on the site looks like a word
   scissored out of a magazine (4 quick, uneven cuts) and pasted down.
   Paper = default, Gold = primary CTA, Ink = on cream backgrounds. */
.cut{--paper:#F7F4EC;--ink:#0B0B0D;--r:0deg;--q:polygon(2% 8%,99% 0,97% 100%,0 90%);position:relative !important;display:inline-flex !important;align-items:center;justify-content:center;gap:8px;background:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;text-decoration:none !important;color:var(--ink) !important;isolation:isolate;transform:rotate(var(--r));filter:drop-shadow(0 1px 1px rgba(0,0,0,.35)) drop-shadow(0 5px 9px rgba(0,0,0,.32));transition:transform .16s ease,filter .16s ease;-webkit-tap-highlight-color:transparent;cursor:pointer}
.cut::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper) url(/assets/paper/grain.webp);background-blend-mode:multiply;clip-path:var(--q);transition:background-color .15s ease}
.cut:hover{transform:rotate(0deg) translateY(-2px);filter:drop-shadow(0 1px 1px rgba(0,0,0,.3)) drop-shadow(0 10px 14px rgba(0,0,0,.35));color:var(--ink) !important}
.cut:focus-visible{outline:3px solid #D4AF4F;outline-offset:6px}
.cut--gold{--paper:#D4AF4F;--ink:#120D05}
.cut--gold:hover{--paper:#E6C565}
.cut--ink{--paper:#1A1012;--ink:#F6ECDC}
.cut--paper:hover{--paper:#FFFFFF}
.cut--nav{padding:8px 14px !important;font-weight:600}
.cut--current::after{content:"";position:absolute;right:-4px;top:-4px;width:9px;height:9px;border-radius:50%;background:#E5484D;box-shadow:0 0 0 2px #050507}
/* four quick, uneven cuts — six variants so no two neighbours match */
.cut--s1{--q:polygon(2% 8%,99% 0,97% 100%,0 90%);--r:-.8deg}
.cut--s2{--q:polygon(0 0,97% 12%,100% 92%,3% 100%);--r:.6deg}
.cut--s3{--q:polygon(4% 0,100% 6%,96% 97%,0 100%);--r:-.8deg}
.cut--s4{--q:polygon(0 14%,95% 0,100% 100%,5% 88%);--r:.5deg}
.cut--s5{--q:polygon(1% 0,100% 15%,98% 100%,0 93%);--r:-1deg}
.cut--s6{--q:polygon(3% 6%,100% 0,94% 90%,0 100%);--r:.5deg}
@media (prefers-reduced-motion:reduce){.cut,.cut:hover{transform:none;transition:none}}
.cut--inline{padding:5px 12px !important;margin:6px 0 0 6px;font-weight:700;font-size:.92em;vertical-align:middle}
.cut:not(.cut--nav):not(.cut--inline){padding-left:24px !important;padding-right:24px !important}