/* BLACKSLIP / engraved graphite. Artwork only; never a market feed. */
.campaign{border-bottom-color:#222825}
.campaign-note{width:248px;min-width:0;bottom:62px;padding:23px 26px 25px;gap:0;overflow:hidden;backdrop-filter:none;border:1px solid #555c56;background:repeating-linear-gradient(2deg,#ffffff03 0 1px,transparent 1px 3px),linear-gradient(119deg,#292d29,#111412 48%,#202421);box-shadow:inset 0 1px 0 #d8e2d02b,inset 0 -1px 0 #000,0 18px 32px #0006;color:#c0c7bb;text-shadow:0 1px 0 #ffffff10;letter-spacing:.13em}
.campaign-note:before{width:auto;height:1px;left:26px;right:26px;top:0;border:0;background:linear-gradient(90deg,transparent,#e5eadb99,transparent)}
.campaign-note:after{inset:-35% -80%;width:auto;height:auto;border:0;pointer-events:none;transform:translateX(-100%);background:linear-gradient(105deg,transparent 43%,#f0f6e315 50%,transparent 57%)}
.plate-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}
.plate-head .identity-mark{width:49px;height:25px;fill:#bfc8b8;opacity:.9;filter:drop-shadow(0 1px 0 #000)}
.plate-cuts{display:flex;gap:4px;transform:skew(-18deg)}
.plate-cuts b{display:block;width:3px;height:17px;background:linear-gradient(#e1e7d6,#767e70);opacity:.76}
.campaign-note>span{font-family:var(--body);font-size:15px;line-height:1.45;font-weight:500;letter-spacing:.09em;color:#d7dbd1}
.campaign-note i{width:100%;height:1px;margin:15px 0 11px;background:linear-gradient(90deg,#7b84746b,#b6bdab20);box-shadow:none}
.plate-footer{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.15em;color:#adb5a6}
.plate-footer svg{width:17px;height:17px;stroke:currentColor;stroke-width:1;fill:none}
.campaign-base{z-index:2}
.campaign h1 span{background-image:linear-gradient(163deg,#fafaf1 5%,#d7dcd0 25%,#8e9990 48%,#edf1e7 58%,#b3bbae 84%)}
.hero-action .button,.slip-availability .button{background:linear-gradient(120deg,#eeefe4,#d9e0ca 62%,#ecedde);border-color:#edf0e4;box-shadow:inset 0 1px 0 #fff,0 7px 24px #0003;transition:background .2s,box-shadow .2s,transform .2s}
.hero-action .button:hover,.slip-availability .button:hover{background:#f9fbee;box-shadow:inset 0 1px 0 #fff,0 4px 28px #d4e3ad17}
.slip-stage{display:flow-root;padding-top:0;padding-bottom:120px;overflow:visible;background:#0d0f0e;border-top:0}
.stage-grain{background:linear-gradient(180deg,#090b0af5,#090b0acf 28%,#090b0ae6),url('/assets/blackslip/graphite-hero.png') center/cover}
.engraving-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.stage-guilloche{position:absolute;width:1180px;max-width:none;left:50%;top:280px;transform:translateX(-50%) rotate(-1.4deg);color:#bfcbb6;opacity:.23;mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at center,#000 35%,transparent 72%)}
.engraving-rule{position:absolute;inset:145px max(5%,calc((100% - 1360px)/2)) 100px;border-inline:1px solid #a5b39913}
.engraving-rule:before,.engraving-rule:after{content:"+";position:absolute;color:#939f8b77;font:18px var(--mono);top:-12px;left:-6px}
.engraving-rule:after{left:auto;right:-6px;top:auto;bottom:-12px}
.slip{z-index:3;margin-top:-60px;background:linear-gradient(130deg,#232823 0%,#151915 25%,#111511 68%,#171b17 100%);border-color:#727c6c;box-shadow:0 55px 100px #000c,0 0 0 1px #070907,inset 1px 1px 0 #e4edce24,inset -1px -1px 0 #000}
.slip:before{opacity:.029}
.slip-head:after{background:#e7efce;box-shadow:0 0 10px #cddcab4d}
.slip-wordmark,.slip-stub-label>span:first-child{background:linear-gradient(107deg,#eef1df 7%,#899581 32%,#f4f8e9 48%,#a9b69c 66%,#e4e9d7 92%);background-size:180% 100%;background-position:50% 50%;background-clip:text;-webkit-background-clip:text;color:transparent}
.slip-price{background-image:linear-gradient(142deg,#f5f5e5 15%,#a2afa0 39%,#fbfff0 44%,#c1cdb2 49%,#98a18f 62%,#e7ecd9 87%)}
.slip-availability .button{font-size:11px;min-height:59px;padding-inline:23px;letter-spacing:.035em}
.slip-availability .button:after{content:"↗";font-family:var(--body);font-size:21px;line-height:1;margin-left:10px}
.stage-label{top:auto;bottom:48px;color:#aab2a0}
.stage-label i{background:linear-gradient(90deg,#aebfa04d,#aebfa00d)}
.stage-side{color:#a7b59d;right:40px}
.story-signed{display:inline-block;position:relative;color:#dddeda;font-weight:500;padding-bottom:3px}
.story-signed svg{position:absolute;left:-2px;bottom:-2px;width:100%;height:7px;fill:none;stroke:#b6c3a3;stroke-width:1.1;opacity:.75;pointer-events:none}
.closing-shot{border-top:1px solid #a5b39929}
.closing-content>.eyebrow:before{background:repeating-linear-gradient(90deg,#d8e4c8 0 3px,transparent 3px 6px)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.slip-wordmark,.slip-stub-label>span:first-child{transition:background-position 1.1s ease}.slip:hover .slip-wordmark,.slip:hover .slip-stub-label>span:first-child{background-position:100% 50%}.slip-availability .button:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:no-preference){.campaign-note:after{animation:plate-light 1.8s 1s ease-out both}@keyframes plate-light{to{transform:translateX(100%)}}}
@media(max-width:1100px){.campaign-note{width:210px;padding:19px 22px 22px;bottom:62px}.plate-head{margin-bottom:19px}.campaign-note>span{font-size:13px}.slip{margin-top:-8px}.stage-side{right:18px;font-size:8px}.engraving-rule{inset-inline:24px}}
@media(max-width:780px){.campaign-inner{padding-bottom:42px}.campaign-note{bottom:76px;width:171px;padding:17px 19px 19px}.campaign-note:before{left:19px;right:19px}.plate-head{margin-bottom:15px}.plate-head .identity-mark{width:39px;height:20px}.plate-cuts b{height:14px;width:2px}.campaign-note>span{font-size:11px;line-height:1.5}.campaign-note i{margin:12px 0 9px}.plate-footer{font-size:6px;letter-spacing:.1em}.plate-footer svg{width:13px;height:13px}.slip-stage{padding-top:0;padding-bottom:94px}.slip{margin-top:-16px}.stage-guilloche{width:920px;top:240px;opacity:.16}.engraving-rule{display:none}.stage-label{top:auto;bottom:34px}.slip-availability{gap:18px}.slip-availability .button{width:100%;padding-inline:19px;font-size:10px;min-height:56px}.slip-availability p{font-size:11px}.slip-availability+.slip-billing{margin-top:8px}.story-signed svg{stroke-width:1}}
@media(max-width:370px){.campaign-note{width:155px;padding:15px 17px 17px}.plate-footer{font-size:5.5px}.campaign-base{font-size:6px}.slip-availability .button{font-size:9px}.stage-label{bottom:30px}}
