/* Dedicated visual identity — estudio-de-tatuagem. Local mockup reference is documented in the activity blueprint. */
@import url('/demo-assets/demo-site-bespoke-base.css');
:root{--display:'Space Grotesk',sans-serif;--bg:#171416;--surface:#242024;--surface-2:color-mix(in srgb,#171416 92%,#fff);--ink:#fff8f5;--muted:#b8aaae;--primary:#d65d4f;--accent:#d65d4f;--hero-ink:#171416;--radius:18px}
body{background:var(--bg)}
.site-header{border-bottom-color:color-mix(in srgb,var(--primary) 20%,var(--line))}
.hero{--hero-image:none;--hero-text:#fff}
.hero h1{font-weight:800}
.section-heading h2,.split-copy h2{font-family:var(--display)}
.btn-primary{background:var(--primary)}
.card,.menu-card,.listing-card,.person,.form-card{border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}



.hero{min-height:640px}.showcase-card{border-radius:6px}.showcase-card figcaption{font-family:var(--display);font-size:1.1rem}