.landing-page.blog-neutral-shell{--blog-cyan:#00e5ff;--blog-cyan-mid:#00b8cc;--blog-cyan-dim:color-mix(in srgb, var(--blog-cyan) 55%, var(--foreground) 45%);--blog-panel-bg:color-mix(in srgb, var(--card-bg,var(--paper)) 88%, var(--background) 12%);--blog-panel-border:color-mix(in srgb, var(--foreground) 9%, transparent);--blog-panel-border-hover:color-mix(in srgb, var(--blog-cyan) 35%, var(--blog-panel-border));--blog-glow:color-mix(in srgb, var(--blog-cyan) 12%, transparent);--blog-page-px:1rem;--blog-page-pt:1.5rem;--blog-page-pb:3rem;--blog-stack:2.5rem;--blog-radius-lg:18px;--blog-radius-md:14px;--blog-retro:3px 3px 0 0 color-mix(in srgb, var(--blog-cyan) 42%, transparent)}@media (min-width:768px){.landing-page.blog-neutral-shell{--blog-page-px:1.5rem;--blog-page-pt:2rem;--blog-page-pb:3.5rem;--blog-stack:3rem}}@media (min-width:1024px){.landing-page.blog-neutral-shell{--blog-page-px:2.5rem;--blog-page-pt:2.25rem;--blog-page-pb:4rem}}.blog-page-root{isolation:isolate;width:100%;max-width:1200px;min-height:100dvh;padding:var(--blog-page-pt) var(--blog-page-px) var(--blog-page-pb);gap:var(--blog-stack);background:0 0;flex-direction:column;margin-inline:auto;display:flex;position:relative}.blog-page-root:before{content:"";z-index:-1;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(0deg, transparent, transparent 47px, color-mix(in srgb, var(--blog-cyan) 5%, transparent) 47px, color-mix(in srgb, var(--blog-cyan) 5%, transparent) 48px), repeating-linear-gradient(90deg, transparent, transparent 47px, color-mix(in srgb, var(--blog-cyan) 4%, transparent) 47px, color-mix(in srgb, var(--blog-cyan) 4%, transparent) 48px);border-radius:0;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.blog-page-root:before{opacity:.35}}.blog-article{width:100%;max-width:min(100%,50rem);margin-inline:auto}.blog-article-header{border-bottom:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.75rem;display:flex}@media (min-width:768px){.blog-article-header{margin-bottom:3rem;padding-bottom:2rem}}.blog-tag-pill{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--blog-cyan-mid);background:color-mix(in srgb, var(--blog-cyan) 10%, var(--background));border:1px solid color-mix(in srgb, var(--blog-cyan) 22%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--blog-cyan) 12%, transparent);border-radius:999px;padding:.4rem .75rem;font-size:10px;font-weight:700}.dark .blog-tag-pill{color:var(--blog-cyan);background:color-mix(in srgb, var(--blog-cyan) 12%, transparent)}.blog-title{font-family:var(--font-display), Anton, sans-serif;text-transform:uppercase;letter-spacing:-.02em;color:var(--foreground);margin:0;font-size:clamp(1.75rem,5.5vw,3rem);font-weight:800;line-height:1.12}.blog-meta{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.06em;color:color-mix(in srgb, var(--foreground) 48%, transparent);margin:0;font-size:.8125rem}.blog-header-share{margin-top:.25rem}.blog-cta-band{text-align:center;border-radius:var(--blog-radius-lg);border:1px solid color-mix(in srgb, var(--blog-cyan) 22%, var(--blog-panel-border));background:linear-gradient(145deg, color-mix(in srgb, var(--blog-cyan) 8%, var(--background)) 0%, color-mix(in srgb, var(--background) 94%, var(--foreground) 6%) 100%);box-shadow:0 4px 24px color-mix(in srgb, var(--foreground) 6%, transparent), 0 0 0 1px color-mix(in srgb, var(--blog-cyan) 6%, transparent) inset;-webkit-backdrop-filter:blur(10px);margin:2.75rem 0;padding:1.75rem 1.25rem}@media (min-width:768px){.blog-cta-band{margin:3.25rem 0;padding:2.25rem 2rem}}.dark .blog-cta-band{background:linear-gradient(145deg, color-mix(in srgb, var(--blog-cyan) 9%, #0a1218) 0%, color-mix(in srgb, var(--background) 96%, var(--foreground) 4%) 100%);box-shadow:0 12px 40px #00000073, 0 0 0 1px color-mix(in srgb, var(--blog-cyan) 10%, transparent) inset}.blog-cta-band__title{font-family:var(--font-display), Anton, sans-serif;text-transform:uppercase;color:var(--foreground);letter-spacing:-.01em;margin:0 0 .75rem;font-size:clamp(1.35rem,3.5vw,1.75rem);font-weight:700}.blog-cta-band__desc{color:color-mix(in srgb, var(--foreground) 72%, transparent);margin:0 0 1.25rem;max-width:36rem;margin-inline:auto;font-size:1rem;line-height:1.6}.blog-cta-band__note{color:color-mix(in srgb, var(--foreground) 45%, transparent);margin:.875rem 0 0;font-size:.8125rem}.blog-primary-btn{min-height:48px;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--primary-foreground,#04121a);background:var(--primary,var(--blog-cyan));border:1px solid color-mix(in srgb, var(--blog-cyan-mid) 40%, transparent);box-shadow:var(--blog-retro), 0 8px 28px color-mix(in srgb, var(--blog-cyan) 22%, transparent);touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;padding:.875rem 1.75rem;font-size:.8125rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex}.blog-primary-btn:hover{filter:brightness(1.06);box-shadow:2px 4px 0 0 color-mix(in srgb, var(--blog-cyan) 38%, transparent), 0 12px 36px color-mix(in srgb, var(--blog-cyan) 28%, transparent);transform:translateY(-2px)}.blog-primary-btn:focus-visible{outline:2px solid var(--blog-cyan);outline-offset:3px}@media (prefers-reduced-motion:reduce){.blog-primary-btn:hover{transform:none}}.blog-related-panel{border-radius:var(--blog-radius-lg);background:var(--blog-panel-bg);border:1px solid var(--blog-panel-border);width:100%;max-width:min(100%,50rem);box-shadow:0 10px 36px color-mix(in srgb, var(--foreground) 5%, transparent);margin-inline:auto;padding:1.5rem 1.25rem}@media (min-width:768px){.blog-related-panel{padding:2rem 1.75rem}}.dark .blog-related-panel{box-shadow:0 14px 40px #00000059}.blog-related-panel__title{font-family:var(--font-display), Anton, sans-serif;text-transform:uppercase;letter-spacing:.02em;color:var(--foreground);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1.125rem;font-weight:700;display:flex}.blog-related-panel__title:before{content:"";background:linear-gradient(90deg, var(--blog-cyan), transparent);border-radius:2px;width:1.5rem;height:2px}.blog-related-list{flex-direction:column;gap:.625rem;margin:0;padding:0;list-style:none;display:flex}.blog-related-link{border-radius:var(--blog-radius-md);border:1px solid var(--blog-panel-border);background:color-mix(in srgb, var(--background) 40%, transparent);color:color-mix(in srgb, var(--foreground) 78%, transparent);touch-action:manipulation;padding:.875rem 1.125rem;font-size:.9375rem;line-height:1.45;text-decoration:none;transition:border-color .2s,background .2s,color .2s,transform .2s;display:block}.blog-related-link:hover{border-color:var(--blog-panel-border-hover);background:color-mix(in srgb, var(--blog-cyan) 6%, var(--background));color:var(--foreground);transform:translate(4px)}@media (prefers-reduced-motion:reduce){.blog-related-link:hover{transform:none}}.blog-article-footer{border-top:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-top:2.5rem;padding-top:1.75rem;display:flex}.blog-inline-tags{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.blog-inline-tags__label{color:color-mix(in srgb, var(--foreground) 45%, transparent);font-size:.8125rem}.blog-inline-tag{color:var(--blog-cyan-mid);border:1px solid color-mix(in srgb, var(--blog-cyan) 18%, transparent);background:color-mix(in srgb, var(--blog-cyan) 6%, transparent);border-radius:999px;padding:.35rem .75rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s}.blog-inline-tag:hover{background:color-mix(in srgb, var(--blog-cyan) 12%, transparent);border-color:color-mix(in srgb, var(--blog-cyan) 30%, transparent)}.dark .blog-inline-tag{color:var(--blog-cyan)}.blog-index{width:100%;max-width:1200px;padding:var(--blog-page-pt) var(--blog-page-px) var(--blog-page-pb);margin-inline:auto}.blog-index__intro{color:color-mix(in srgb, var(--foreground) 72%, transparent);max-width:42rem;margin:0 0 1.75rem;font-size:1rem;line-height:1.65}@media (min-width:768px){.blog-index__intro{margin-bottom:2rem;font-size:1.0625rem}}.blog-index__layout{flex-direction:column;gap:2rem;display:flex}@media (min-width:1024px){.blog-index__layout{flex-direction:row;align-items:flex-start;gap:2.5rem}}.blog-index__nav{flex-shrink:0}@media (min-width:1024px){.blog-index__nav{width:200px}}.blog-index__nav-label{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--foreground) 42%, transparent);margin-bottom:.75rem;font-size:10px;font-weight:700}.blog-index__nav-list{flex-direction:column;gap:.25rem;display:flex}.blog-index__nav-link{color:color-mix(in srgb, var(--foreground) 62%, transparent);touch-action:manipulation;border-radius:10px;align-items:center;min-height:44px;padding:.625rem .75rem;font-size:.875rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.blog-index__nav-link:hover{background:color-mix(in srgb, var(--foreground) 5%, transparent);color:var(--foreground)}.blog-index__nav-link--accent{color:var(--blog-cyan-mid);font-weight:600}.dark .blog-index__nav-link--accent{color:var(--blog-cyan)}.blog-index__nav-link--accent:hover{background:color-mix(in srgb, var(--blog-cyan) 8%, transparent)}.blog-index__main{flex:1;min-width:0}.blog-index__grid{grid-template-columns:1fr;gap:1.25rem;display:grid}.blog-index__empty{grid-column:1/-1}@media (min-width:768px){.blog-index__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.blog-card{border-radius:var(--blog-radius-lg);color:inherit;border:1px solid var(--blog-panel-border);background:var(--blog-panel-bg);box-shadow:0 6px 24px color-mix(in srgb, var(--foreground) 4%, transparent);touch-action:manipulation;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:block;overflow:hidden}.blog-card:hover{border-color:var(--blog-panel-border-hover);box-shadow:0 14px 40px color-mix(in srgb, var(--blog-cyan) 12%, transparent);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.blog-card:hover{transform:none}}.blog-card--hero{grid-column:1/-1}.blog-card__media{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:220px;position:relative}@media (min-width:768px){.blog-card__media{min-height:260px}}.blog-card:not(.blog-card--hero) .blog-card__media{min-height:160px}@media (min-width:768px){.blog-card:not(.blog-card--hero) .blog-card__media{min-height:180px}}.blog-card__overlay{background:linear-gradient(#0000 45%,#000000c7);flex-direction:column;justify-content:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.blog-card__body{padding:1.25rem 1.25rem 1.35rem}.blog-card__tag{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--blog-cyan);margin-bottom:.5rem;font-size:10px;font-weight:700}.blog-card__title{font-family:var(--font-display), Anton, sans-serif;text-transform:uppercase;color:var(--foreground);margin:0 0 .5rem;font-size:1.125rem;font-weight:700;line-height:1.25;transition:color .2s}.blog-card--hero .blog-card__title{color:#fff;font-size:clamp(1.25rem,3vw,1.75rem)}.blog-card:hover .blog-card__title{color:var(--blog-cyan-mid)}.blog-card--hero:hover .blog-card__title{color:#fff}.blog-card__excerpt{color:color-mix(in srgb, var(--foreground) 62%, transparent);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card--hero .blog-card__excerpt{color:#ffffffb8}.landing-page.blog-neutral-shell .blog-post-share{align-items:center}.landing-page.blog-neutral-shell .blog-post-share>span:first-child{color:color-mix(in srgb, var(--foreground) 48%, transparent)}.landing-page.blog-neutral-shell .blog-post-share button{border-width:1.5px;border-color:var(--blog-panel-border);background:color-mix(in srgb, var(--background) 85%, var(--blog-panel-bg) 15%);color:var(--foreground);min-height:44px;box-shadow:var(--blog-retro);border-radius:12px;transition:border-color .2s,box-shadow .2s,background .2s}.landing-page.blog-neutral-shell .blog-post-share button:hover{border-color:color-mix(in srgb, var(--blog-cyan) 35%, var(--blog-panel-border));background:color-mix(in srgb, var(--blog-cyan) 10%, var(--background));color:var(--foreground)}.landing-page.blog-neutral-shell .blog-post-share button:focus-visible{outline:2px solid var(--blog-cyan);outline-offset:2px}.tattoo-booking-2026-post.blog-page-root{max-width:1200px}.landing-page.blog-neutral-shell .blog-prose ul li:before,.landing-page.blog-neutral-shell .blog-prose ol li:before{color:var(--blog-cyan-mid)}.dark .landing-page.blog-neutral-shell .blog-prose ul li:before,.dark .landing-page.blog-neutral-shell .blog-prose ol li:before{color:var(--blog-cyan)}.landing-page.blog-neutral-shell .blog-prose a{color:var(--blog-cyan-mid);border-bottom-color:color-mix(in srgb, var(--blog-cyan) 35%, transparent)}.landing-page.blog-neutral-shell .blog-prose a:hover{color:var(--blog-cyan);border-bottom-color:var(--blog-cyan)}.landing-page.blog-neutral-shell .blog-prose blockquote{border-left-color:var(--blog-cyan);background:color-mix(in srgb, var(--blog-cyan) 6%, var(--background))}