:root{--pitch:#0f0d0b;--ebony:#1c1710;--beeswax:#b8902a;--candlelight:#d4b86a;--pale-gold:#e8d49a;--parchment:#f0e8d5;--ivory:#faf7f0;--ink:#211b16;--hair:rgba(212,184,106,.28);--hair-hi:rgba(212,184,106,.44);--font-serif:'Libre Baskerville',Georgia,serif;--font-sans:'Poppins',sans-serif}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{overflow-x:hidden;background:var(--ivory);color:var(--ink);font:400 17px/1.8 var(--font-sans);-webkit-font-smoothing:antialiased}a{color:#6b4a0a}.wrap{width:min(calc(100% - 48px),1040px);margin-inline:auto}.blog-hero{padding:150px 0 74px;background:radial-gradient(circle at 80% 15%,#312317,var(--pitch) 70%);color:var(--parchment)}.eyebrow,.published{display:block;margin-bottom:14px;color:var(--beeswax);font:600 11px/1.4 var(--font-sans);letter-spacing:.22em;text-transform:uppercase}.blog-hero h1,.article-header h1{font:400 clamp(2.5rem,7vw,5rem)/1.1 var(--font-serif);color:var(--candlelight);max-width:850px}.blog-hero p{max-width:680px;margin-top:20px;color:var(--parchment);opacity:.82}.post-list{padding:72px 0 92px}.post-card{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:42px;align-items:center;padding:28px 0;border-bottom:1px solid rgba(46,35,24,.2)}.post-thumb,.image-placeholder{display:grid;place-items:center;aspect-ratio:3/2;border:1px solid rgba(74,55,40,.28);background:linear-gradient(145deg,#e7dcc2,#f4eddd);color:#654f3a;text-align:center;padding:22px;font:600 12px/1.6 var(--font-sans);letter-spacing:.08em;text-transform:uppercase}.post-copy h2{font:400 clamp(1.6rem,3vw,2.25rem)/1.25 var(--font-serif);margin-bottom:14px}.post-copy h2 a{color:#302318;text-decoration:none}.post-copy p{opacity:.76}.read-more{display:inline-block;margin-top:18px;font:600 12px/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase}.breadcrumbs{padding:110px 0 22px;background:var(--pitch);color:var(--parchment);font:500 12px/1.5 var(--font-sans)}.breadcrumbs a{color:var(--candlelight)}.article-header{padding:46px 0 70px;background:var(--pitch);color:var(--parchment)}.article-header h1{font-size:clamp(2.3rem,6vw,4.5rem);overflow-wrap:break-word}.article-dek{max-width:760px;margin-top:24px;font-size:19px;opacity:.82}.article-wrap{width:min(calc(100% - 48px),760px);margin-inline:auto}.article-body{padding:66px 0 82px}.article-body h2{font:400 clamp(1.55rem,3vw,2.2rem)/1.3 var(--font-serif);color:#352619;margin:54px 0 18px}.article-body h3{font:600 1.1rem/1.5 var(--font-sans);color:#493421;margin:32px 0 12px}.article-body p,.article-body ul,.article-body ol{margin-bottom:20px}.article-body ul,.article-body ol{padding-left:24px}.article-body li{margin:7px 0}.article-body a{text-decoration-thickness:1px;text-underline-offset:3px}.article-body .image-placeholder{margin:34px 0}.image-placeholder.hero-image{aspect-ratio:16/9}.image-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0}.image-row .image-placeholder{aspect-ratio:1;margin:0;padding:12px;font-size:10px}.related{padding:62px 0;background:#eee4cf;border-block:1px solid rgba(46,35,24,.14)}.related h2{font:400 2rem/1.3 var(--font-serif);margin-bottom:12px}.related p{opacity:.7}.blog-events{padding:76px 0 88px;background:#f4ecd9}.blog-events h2{font:400 2.2rem/1.3 var(--font-serif);margin-bottom:28px}.btn{display:inline-block;padding:12px 22px;border:1px solid var(--beeswax);font:600 11px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none}.btn-gold{background:var(--beeswax);color:var(--pitch)}.btn-outline{color:var(--candlelight)}#nav a,footer a{text-decoration:none}
/* Blog index uses the Events page hero treatment and typography. */
.blog-hero{min-height:520px;display:flex;align-items:center;position:relative;overflow:hidden;padding:130px 44px 82px;background:var(--pitch);color:var(--parchment)}
.blog-hero::before{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(145deg,rgba(46,24,64,.38),rgba(15,13,11,.78) 58%,rgba(7,6,5,.9)),url('/images/2. what is nocturne gala.webp') center/cover no-repeat}
.blog-hero::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,13,11,.34),rgba(15,13,11,.82))}
.blog-hero .wrap{position:relative;z-index:2;text-align:center}
.blog-hero h1{font-family:var(--font-serif);font-size:clamp(3rem,7vw,5.4rem);font-weight:400;line-height:1.08;margin-inline:auto;color:var(--candlelight)}
.blog-hero p{font:400 18px/1.8 var(--font-sans);max-width:660px;margin:24px auto 0;color:var(--parchment);opacity:.88}
.post-thumb{display:block;padding:0;overflow:hidden}
.post-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.read-more{margin-top:18px;padding:0;border:0;background:transparent;color:#6b4a0a;font-size:15px;line-height:1.4;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.read-more:hover{background:transparent;color:#8b6210}
.breadcrumbs{font-size:13.2px}
.article-hero-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin-bottom:42px;border:1px solid rgba(74,55,40,.28)}
.article-image{display:block;width:100%;height:auto;margin:34px 0;border:1px solid rgba(74,55,40,.28)}
.image-row img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border:1px solid rgba(74,55,40,.28)}
.article-cta{text-align:center;margin-top:38px}
.article-cta .btn-blood{background:#7a0b14;color:#fff;border-color:#7a0b14;font-size:13px;padding:16px 28px}
.article-cta .btn-blood:hover{background:#9a1220}
.related[hidden]{display:none}

@media(max-width:760px){.wrap,.article-wrap{width:calc(100% - 32px)}.article-header h1{font-size:clamp(2rem,8vw,2.55rem)}.blog-hero{padding:118px 28px 70px;min-height:480px}.post-card{grid-template-columns:1fr;gap:24px}.post-thumb{max-width:none}.image-row{grid-template-columns:1fr}.follower-guide .image-row{grid-template-columns:repeat(3,1fr);gap:6px}.image-row .image-placeholder{aspect-ratio:3/2}.follower-guide .image-row .image-placeholder{aspect-ratio:1}#nav .nav-brand-text{display:none}}

/* Match the source document's clear heading hierarchy and emphasis. */
.article-body h2{font-weight:700}
.article-body h3{font-size:1.18rem;font-weight:600;line-height:1.45;margin-top:38px}
.article-body strong{font-weight:600;color:#241810}

/* Followers' guide: editorial dress-code graphic and product imagery. */
.dress-code{isolation:isolate;position:relative;width:min(calc(100vw - 32px),1040px);margin:58px 50% 64px;transform:translateX(-50%);overflow:hidden;border:1px solid rgba(212,184,106,.34);background:#050404;color:var(--parchment);box-shadow:0 28px 70px rgba(31,6,12,.18)}
.dress-code::before{content:'';position:absolute;inset:12px;z-index:2;pointer-events:none;border:1px solid rgba(212,184,106,.16)}
.dress-code::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.48) 28%,rgba(0,0,0,.06) 50%,rgba(0,0,0,.48) 72%,rgba(0,0,0,.98) 100%),url('/blog/followers-vampire-costume-guide/dress-rules-figure.webp') center/auto 100% no-repeat;opacity:.96}
.leader-dress-code::after{background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.48) 28%,rgba(0,0,0,.06) 50%,rgba(0,0,0,.48) 72%,rgba(0,0,0,.98) 100%),url('/blog/mens-vampire-costume-guide/leader-red-fog-background.webp') center/auto 100% no-repeat;opacity:.96}
.leader-dress-code-figure{position:absolute;z-index:1;left:50%;bottom:2%;width:auto;height:84%;max-width:34%;object-fit:contain;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 10px 28px rgba(0,0,0,.74))}
.dress-code-heading{position:relative;z-index:1;padding:42px 32px 16px;text-align:center}
.dress-code-heading h2{margin:0;color:var(--pale-gold);font-weight:400;text-shadow:0 2px 16px #000}
.dress-code-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);grid-template-areas:'length . gloves' 'shoes . colors';gap:18px 26px;align-items:stretch;padding:24px 42px 48px}
.dress-rule{position:relative;padding:24px;border-top:1px solid rgba(212,184,106,.42);background:linear-gradient(135deg,rgba(4,3,3,.9),rgba(25,4,7,.76));min-height:180px;backdrop-filter:blur(2px)}
.dress-rule::before{content:'';position:absolute;left:0;top:-3px;width:5px;height:5px;border-radius:50%;background:var(--candlelight);box-shadow:calc(100% - 5px) 0 0 var(--candlelight)}
.dress-rule h3{margin:0 0 12px;color:var(--candlelight);font:400 1.26rem/1.35 var(--font-serif)}
.dress-rule p{margin:0 0 8px;color:rgba(250,247,240,.78);font-size:13px;line-height:1.65}
.dress-rule p:last-of-type{margin-bottom:0}.dress-rule-length{grid-area:length}.dress-rule-gloves{grid-area:gloves}.dress-rule-shoes{grid-area:shoes}.dress-rule-colors{grid-area:colors}
.fabric-swatches{display:flex;gap:8px;margin-top:16px}.fabric-swatches i{display:block;width:28px;height:7px;background:#090909}.fabric-swatches i:nth-child(2){background:#7a0b14}.fabric-swatches i:nth-child(3){background:#4b102b}.fabric-swatches i:nth-child(4){background:#35134d}
.product-gallery a,.product-feature a{display:block;overflow:hidden}.product-gallery img{transition:transform .35s ease,filter .35s ease}.product-gallery a:hover img{transform:scale(1.025);filter:brightness(1.06)}
.product-feature{margin:34px auto;max-width:560px}.product-feature img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border:1px solid rgba(74,55,40,.28);background:#efe8da}

@media(max-width:840px){.dress-code::after{background-position:center 92px;background-size:auto 480px}.leader-dress-code-figure{top:92px;bottom:auto;height:410px;max-width:56%}.dress-code-layout{grid-template-columns:1fr 1fr;grid-template-areas:'length gloves' 'shoes colors';padding:320px 28px 40px}.dress-rule{min-height:0}}
@media(max-width:620px){.dress-code{margin-block:44px 52px}.dress-code::after{background-position:center 82px;background-size:auto 430px}.leader-dress-code-figure{top:88px;height:370px;max-width:78%}.dress-code-heading{padding:34px 24px 10px}.dress-code-layout{grid-template-columns:1fr;grid-template-areas:'length' 'gloves' 'shoes' 'colors';gap:14px;padding:330px 22px 34px}.dress-rule{min-height:0;padding:20px}}