:root{--bg:#0f0e0d;--bg-card:#181614;--bg-elevated:#1f1d1a;--text:#e8e4df;--text-muted:#9a958f;--text-faint:#6b6660;--accent:#d4736a;--accent-hover:#e89088;--accent-dim:#a85d55;--accent-glow:#d4736a33;--border:#2d2a26;--border-subtle:#22201d;--font-display:"Cinzel", Georgia, serif;--font-fun:"Nunito", var(--font-body);--font-heading:"Crimson Pro", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--radius:10px;--radius-lg:16px;--radius-pill:999px;--shadow:0 4px 20px #00000059;--shadow-glow:0 0 32px var(--accent-glow);--transition:.2s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:1.0625rem;line-height:1.65}body:after{content:"";pointer-events:none;z-index:9999;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root{flex-direction:column;min-height:100vh;display:flex;position:relative}a{color:var(--accent);transition:color var(--transition), box-shadow var(--transition);text-decoration:none}a:hover{color:var(--accent-hover)}h1,h2,h3{font-family:var(--font-display);color:var(--text);letter-spacing:.02em;font-weight:600}h1{margin:0 0 .5em;font-size:clamp(2rem,5vw,3rem);line-height:1.2}h2{margin:0 0 .4em;font-size:clamp(1.35rem,3vw,1.75rem)}h3{font-size:1.2rem;font-family:var(--font-heading);margin:0 0 .35em}p{color:var(--text-muted);margin:0 0 1em}p:last-child{margin-bottom:0}img{max-width:100%;height:auto;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:720px;margin:0 auto;padding:0 1.25rem}.container--wide{max-width:960px}.btn{font-family:var(--font-body);color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color var(--transition), background var(--transition), color var(--transition);justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9375rem;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--accent-dim);background:var(--accent-dim);color:var(--text)}.btn--accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn--accent:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;box-shadow:var(--shadow-glow)}.main{flex:1}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);background:#0a0908d9;position:sticky;top:0}.header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.25rem;display:flex}.header__logo{color:var(--text);transition:color var(--transition);flex-direction:column;gap:.15rem;text-decoration:none;display:flex}.header__logo:hover{color:var(--accent)}.header__logo-text{font-family:var(--font-display);letter-spacing:.03em;font-size:1.25rem;font-weight:600}@media (width>=520px){.header__logo-text:before{content:"👻 ";font-size:.9em}}.header__tagline{font-family:var(--font-heading);color:var(--text-muted);font-size:.8rem;font-style:italic}.header__logo:hover .header__tagline{color:var(--text-faint)}.header__nav{gap:1.5rem;display:flex}.header__link{color:var(--text-muted);transition:color var(--transition), border-color var(--transition);border-bottom:2px solid #0000;padding:.35rem 0;font-size:.9375rem;font-weight:500;text-decoration:none}.header__link:hover,.header__link--active{color:var(--text);border-bottom-color:var(--accent)}.footer{border-top:1px solid var(--border-subtle);background:var(--bg-card);margin-top:auto;padding:3rem 1.25rem 2rem}.footer__inner{max-width:720px;margin:0 auto}.footer__brand{margin-bottom:1.5rem}.footer__logo{font-family:var(--font-display);color:var(--text);margin-bottom:.35rem;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block}.footer__logo:hover{color:var(--accent)}.footer__tagline{color:var(--text-muted);max-width:42ch;margin:0;font-size:.9rem}.footer__nav{gap:1.25rem;margin-bottom:1.5rem;display:flex}.footer__nav a{color:var(--text-muted);font-size:.9rem}.footer__nav a:hover{color:var(--accent)}.footer__copy{color:var(--text-faint);margin:0;font-size:.8125rem}.footer__copy:after{content:" 🧤";font-style:normal}.footer__credits{color:var(--text-faint);opacity:.85;margin:.5rem 0 0;font-size:.75rem}.footer__credits a{color:var(--text-faint)}.footer__credits a:hover{color:var(--accent)}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);position:relative;overflow:hidden}.post-card__bg{background-image:var(--post-card-bg);opacity:.07;pointer-events:none;z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.post-card .post-card__link{z-index:1;position:relative}.post-card:hover{border-color:var(--accent-dim);box-shadow:var(--shadow), 0 0 0 1px var(--accent-dim);transform:translateY(-2px)}.post-card__link{color:inherit;padding:1.5rem 1.5rem 1.25rem;text-decoration:none;display:block}.post-card__link:hover{color:inherit}.post-card__category{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:inline-block}.post-card__title{transition:color var(--transition);margin:0 0 .5em;font-size:1.2rem;line-height:1.3}.post-card:hover .post-card__title{color:var(--accent)}.post-card__excerpt{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:.9375rem;line-height:1.55;display:-webkit-box;overflow:hidden}.post-card__meta{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8125rem;display:flex}.post-card__dot{color:var(--border)}.post-card--featured .post-card__link{padding:1.75rem 1.75rem 1.5rem}.post-card--featured .post-card__title{font-size:1.35rem}.post-card--featured .post-card__excerpt{-webkit-line-clamp:3}.home{flex:1}.hero{text-align:center;padding:4rem 1.25rem 4.5rem;position:relative;overflow:hidden}.hero:before{content:"";opacity:.12;pointer-events:none;z-index:0;background-image:url(https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?w=1600);background-position:50%;background-size:cover;position:absolute;inset:0}.hero__vignette{background:radial-gradient(ellipse 80% 60% at 50% 0%, transparent 40%, var(--bg) 100%);pointer-events:none;z-index:1;position:absolute;inset:0}.hero__content{z-index:2;position:relative}.hero__badge{font-family:var(--font-fun);color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow);margin-bottom:1rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.hero__label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 .75rem;font-size:.8125rem}.hero__title{font-family:var(--font-display);letter-spacing:.04em;background:linear-gradient(180deg, var(--text) 0%, var(--text-muted) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;margin:0 0 1rem;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;display:flex}.hero__title-emoji{-webkit-text-fill-color:initial;background:0 0;font-size:.85em;line-height:1}.hero__lead{font-family:var(--font-heading);color:var(--text-muted);max-width:42ch;margin:0 auto 1.75rem;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.6}.hero__cta{margin-top:.5rem}.featured{border-top:1px solid var(--border-subtle);padding:2rem 1.25rem 4rem;position:relative;overflow:hidden}.featured:before{content:"";opacity:.08;pointer-events:none;z-index:0;background-image:url(https://images.unsplash.com/photo-1478720568477-152d9b164e26?w=1600);background-position:50%;background-size:cover;position:absolute;inset:0}.featured .container{z-index:1;position:relative}.featured__heading{font-family:var(--font-fun);color:var(--text-muted);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1rem;font-weight:700;display:flex}.featured__heading:before{content:"✨";font-size:1.1em}.featured__grid{gap:1.25rem;display:grid}@media (width>=640px){.featured__grid{grid-template-columns:repeat(2,1fr)}}.featured__more{text-align:center;margin:1.5rem 0 0}.featured__more a{font-size:.9375rem;font-weight:500}.blog-page{flex:1;padding:2rem 0 4rem}.blog-page__header{border-bottom:1px solid var(--border-subtle);margin-bottom:2rem;padding:2rem 1.25rem 1.5rem;position:relative;overflow:hidden}.blog-page__header:before{content:"";opacity:.09;pointer-events:none;z-index:0;background-image:url(https://images.unsplash.com/photo-1536440136628-849c177e76a1?w=1600);background-position:50%;background-size:cover;position:absolute;inset:0}.blog-page__header .container{z-index:1;position:relative}.blog-page__title{align-items:center;gap:.35rem;margin:0 0 .35em;display:flex}.blog-page__title-emoji{font-size:.9em}.blog-page__desc{color:var(--text-muted);max-width:48ch;margin:0;font-size:1rem}.blog-page__list{gap:1.25rem;display:grid}@media (width>=640px){.blog-page__list{grid-template-columns:repeat(2,1fr)}}.post-page{flex:1;padding:2rem 0 4rem}.post-page__header{border-bottom:1px solid var(--border-subtle);margin-bottom:2rem;padding:1.5rem 0;position:relative;overflow:hidden}.post-page__header:before{content:"";opacity:.08;pointer-events:none;z-index:0;background-image:url(https://images.unsplash.com/photo-1517604931442-7e0c8ed3843f?w=1600);background-position:50%;background-size:cover;position:absolute;inset:0}.post-page__header .container{z-index:1;position:relative}.post-page__back{color:var(--text-muted);margin-bottom:1rem;font-size:.9rem;display:inline-block}.post-page__back:hover{color:var(--accent)}.post-page__category{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:inline-block}.post-page__title{margin:0 0 .5em;font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.25}.post-page__meta{color:var(--text-muted);align-items:center;gap:.35rem;margin:0;font-size:.9rem;display:flex}.post-page__dot{color:var(--border)}.post-page__body{max-width:65ch}.post-page__excerpt{font-family:var(--font-heading);color:var(--text-muted);border-bottom:1px solid var(--border-subtle);margin-bottom:1.5rem;padding-bottom:1.5rem;font-size:1.15rem;line-height:1.6}.post-page__content{font-size:1.0625rem;line-height:1.7}.post-page__content p{margin-bottom:1.25em}