/* Bart's & Crafts — Studio design system (shared across all modules) */
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{
  --ink:#241A2B; --ink-soft:#4A3F52; --muted:#7A7183;
  --paper:#FBF6EC; --paper-2:#F5EEDE; --card:#FFFFFF;
  --teal:#13C6C6; --teal-d:#0C8F8F; --teal-wash:#E7F7F6;
  --gold:#D9A43A; --gold-soft:#F0D79A;
  --purple:#7C5CC9;
  --line:#E9DFC9; --line-2:#DCCFB2;
  --f-disp:'Bebas Neue',sans-serif; --f-ui:'Poppins',system-ui,sans-serif;
  --sh:0 22px 60px -34px rgba(36,26,43,.42);
  --sh-sm:0 8px 24px -16px rgba(36,26,43,.35);
  --r:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--f-ui);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%}
a{color:inherit}

.display{font-family:var(--f-disp);font-weight:400;letter-spacing:.01em;line-height:.86}
.eyebrow{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--teal-d)}
.tint{color:var(--teal)} .tint-gold{color:var(--gold)}

/* header */
.head{display:flex;align-items:center;gap:14px;padding:15px 26px;background:rgba(251,246,236,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.head .logo{height:30px;width:auto;display:block}
.head .wm{font-weight:800;font-size:15px;letter-spacing:.01em;color:var(--ink)}
.head .wm i{font-style:normal;color:var(--teal)}
.head .div{width:1px;height:20px;background:var(--line-2)}
.head .place{font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.02em}
.head .right{margin-left:auto;display:flex;align-items:center;gap:12px}
.head .chip{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border:1px solid var(--gold-soft);border-radius:20px;padding:5px 11px}
.head .back{font-size:12px;font-weight:600;color:var(--ink-soft);text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.head .back:hover{color:var(--teal-d)}

.wrap{max-width:1180px;margin:0 auto;padding:34px 26px 60px}

/* crop-mark frame — the print-shop signature */
.frame{position:relative}
.frame::before,.frame::after{content:"";position:absolute;width:16px;height:16px;pointer-events:none}
.frame::before{top:-6px;left:-6px;border-left:1.5px solid var(--gold);border-top:1.5px solid var(--gold)}
.frame::after{bottom:-6px;right:-6px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold)}

/* buttons */
.btn{font-family:var(--f-ui);font-size:13px;font-weight:700;border:none;border-radius:11px;padding:12px 18px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}
.btn-primary{background:var(--ink);color:#fff}
.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--sh-sm)}
.btn-teal{background:var(--teal);color:#04302f}
.btn-teal:hover{transform:translateY(-1px);filter:brightness(1.03)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2)}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal-d)}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}

.ico{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}