:root{
  --ink:#180f1f;
  --paper:#faf6ff;
  --card:#fff;
  --line:rgba(24,15,31,.1);
  --coral:#ff5a47;
  --magenta:#ff2e88;
  --violet:#8b3fff;
  --gold:#ffc13b;
  --text:#1a1025;
  --muted:#5b4b6e;
  --dark:#fdf6ff;
  --dark-muted:#c4afda;
  --gradient:linear-gradient(135deg,var(--coral),var(--magenta) 55%,var(--violet));
  --display:'Bricolage Grotesque',sans-serif;
  --body:'Plus Jakarta Sans',sans-serif;
  --mono:'Space Mono',monospace;
  --container:1120px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--paper);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:4px}
.skip-link{position:absolute;left:-9999px;top:1rem;background:#fff;padding:.8rem 1rem;z-index:1000}
.skip-link:focus{left:1rem}
.site-nav{position:sticky;top:0;z-index:20;background:rgba(24,15,31,.95);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}
.nav-inner{max-width:var(--container);margin:auto;padding:1.05rem clamp(1.25rem,5vw,2.5rem);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.logo{font-family:var(--display);font-size:1.2rem;font-weight:700;color:var(--dark)}
.logo span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-links{display:flex;align-items:center;gap:1.6rem}
.nav-links a{color:var(--dark-muted);font-size:.9rem;font-weight:500}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:#fff}
.nav-cta{display:inline-flex;align-items:center;background:var(--dark);color:var(--ink)!important;font-weight:700;padding:.62rem 1.15rem;border-radius:999px}
.blog-hero{position:relative;overflow:hidden;background:var(--ink);color:var(--dark);padding:5.8rem clamp(1.25rem,5vw,2.5rem) 5.2rem}
.blog-hero::before,.blog-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(115px);pointer-events:none}
.blog-hero::before{width:480px;height:480px;background:var(--magenta);opacity:.34;right:-170px;top:-240px}
.blog-hero::after{width:380px;height:380px;background:var(--violet);opacity:.25;left:-210px;bottom:-250px}
.hero-inner{position:relative;max-width:var(--container);margin:auto}
.breadcrumbs{display:flex;gap:.5rem;align-items:center;color:var(--dark-muted);font-size:.82rem;margin-bottom:1.8rem}
.breadcrumbs a:hover{color:#fff}
.eyebrow{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin-bottom:1rem}
h1{max-width:850px;font-family:var(--display);font-size:clamp(2.8rem,7vw,5.4rem);line-height:1;letter-spacing:-.035em;margin-bottom:1.25rem}
.hero-copy{max-width:720px;color:var(--dark-muted);font-size:1.1rem}
.blog-index{max-width:var(--container);margin:auto;padding:5rem clamp(1.25rem,5vw,2.5rem) 6rem}
.section-head{max-width:720px;margin-bottom:2.3rem}
.section-head h2{font-family:var(--display);font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.025em;margin-bottom:.8rem}
.section-head p{color:var(--muted)}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}
.blog-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 24px 55px -44px rgba(24,15,31,.75);transition:transform .2s ease,box-shadow .2s ease}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 30px 65px -42px rgba(139,63,255,.5)}
.blog-card-image-link{display:block;overflow:hidden;aspect-ratio:16/9;background:#eee7f5}
.blog-card-image{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.blog-card:hover .blog-card-image{transform:scale(1.025)}
.blog-card-body{display:flex;flex:1;flex-direction:column;padding:1.5rem}
.blog-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-family:var(--mono);font-size:.68rem;color:var(--muted);margin-bottom:.85rem}
.tag{color:var(--violet);font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.blog-card h2{font-family:var(--display);font-size:1.45rem;line-height:1.18;letter-spacing:-.012em;margin-bottom:.7rem}
.blog-card h2 a:hover{color:var(--magenta)}
.blog-card p{color:var(--muted);font-size:.94rem;margin-bottom:1.3rem}
.blog-read{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;color:var(--magenta);font-weight:700}
.blog-read:hover{color:var(--violet)}
.site-footer{background:var(--ink);color:var(--dark-muted);padding:3rem clamp(1.25rem,5vw,2.5rem)}
.footer-inner{max-width:var(--container);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;font-size:.84rem}
.footer-links{display:flex;gap:1rem;flex-wrap:wrap}
.site-footer a:hover{color:#fff}
@media(max-width:760px){
  .nav-links a:not(.nav-cta){display:none}
  .blog-grid{grid-template-columns:1fr}
  .blog-hero{padding-top:4.8rem;padding-bottom:4.3rem}
  .blog-index{padding-top:3.8rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}