.vtm5-page{--vtm-color-bg:#0d0b0a;--vtm-color-surface:#131110;--vtm-color-surface-2:#191614;--vtm-color-surface-offset:#1e1a18;--vtm-color-divider:#2a2522;--vtm-color-border:#332e2b;--vtm-color-text:#e8e0d8;--vtm-color-text-muted:#9c9189;--vtm-color-text-faint:#5e5650;--vtm-color-primary:#8c0020;--vtm-color-primary-hover:#a8002a;--vtm-color-primary-highlight:#3a1a17;--vtm-color-gold:#b8943c;--vtm-font-display:var(--font-display), "Cormorant Garamond", "Georgia", serif;--vtm-font-body:"EB Garamond", "Georgia", serif}.vtm5-page .container{max-width:960px;margin:0 auto;padding:0 1.5rem}.vtm5-page .container-wide{max-width:1200px;margin:0 auto;padding:0 1.5rem}.vtm5-page .section{padding:clamp(3rem,8vw,6rem) 0}.vtm5-page .hero{text-align:center;justify-content:center;align-items:center;min-height:95vh;display:flex;position:relative;overflow:hidden}.vtm5-page .hero-bg{filter:brightness(.35);background-image:url(/main.webp);background-position:50%;background-size:cover;position:absolute;inset:0}.vtm5-page .hero-overlay{background:linear-gradient(#140f0c4d 0%,#0f0c0a1a 50%,#0d0b0ae6 100%);position:absolute;inset:0}.vtm5-page .hero-content{z-index:1;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;padding:2rem 1.5rem;display:flex;position:relative}.vtm5-page .hero-eyebrow{font-family:var(--vtm-font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--vtm-color-primary);align-items:center;gap:.75rem;font-size:.875rem;font-weight:600;display:flex}.vtm5-page .hero-eyebrow:before,.vtm5-page .hero-eyebrow:after{content:"✦";font-size:.6em}.vtm5-page .hero-title{line-height:0}.vtm5-page .hero-logo{filter:drop-shadow(0 2px 40px #000c);width:clamp(400px,55vw,750px);height:auto;display:block}.vtm5-page .hero-subtitle{font-family:var(--vtm-font-body);color:#e8e0d8bf;text-align:center;max-width:56ch;font-size:1.5rem;font-style:italic}.vtm5-page .hero-cta-group{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.vtm5-page .btn{font-family:var(--vtm-font-display);letter-spacing:.12em;text-transform:uppercase;border:1px solid #0000;border-radius:.25rem;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:.75rem;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.vtm5-page .btn-primary{background:var(--vtm-color-primary);color:#fff;border-color:var(--vtm-color-primary)}.vtm5-page .btn-primary:hover{background:var(--vtm-color-primary-hover);border-color:var(--vtm-color-primary-hover);color:#fff;box-shadow:0 0 30px #c0291c4d}.vtm5-page .btn-ghost{color:var(--vtm-color-text-muted);border-color:var(--vtm-color-border);background:0 0}.vtm5-page .btn-ghost:hover{color:var(--vtm-color-text);border-color:var(--vtm-color-text-muted);background:var(--vtm-color-surface-offset)}.vtm5-page .section-header{text-align:center;margin-bottom:3rem}.vtm5-page .section-eyebrow{font-family:var(--vtm-font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--vtm-color-primary);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.vtm5-page .section-title{color:var(--vtm-color-text);font-size:clamp(2rem,1.2rem + 2.5vw,3.5rem);font-family:var(--vtm-font-display)}.vtm5-page .section-lead{color:var(--vtm-color-text-muted);margin-top:.75rem;max-width:60ch;margin-inline:auto;font-size:1rem;font-style:italic}.vtm5-page .intro-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}@media (max-width:768px){.vtm5-page .intro-grid{grid-template-columns:1fr}}.vtm5-page .intro-image-wrap{border-radius:.75rem;position:relative;overflow:hidden;box-shadow:0 16px 48px #0009,0 0 30px #c0291c4d}.vtm5-page .intro-image{-o-object-fit:cover;object-fit:cover;-o-object-position:63%;object-position:63%;width:100%;height:500px;display:block}.vtm5-page .intro-image-caption{color:var(--vtm-color-text-muted);letter-spacing:.1em;font-size:.75rem;font-family:var(--vtm-font-display);text-transform:uppercase;background:linear-gradient(#0000,#000c);padding:1rem 1.5rem;position:absolute;bottom:0;left:0;right:0}.vtm5-page .intro-content{flex-direction:column;gap:1.5rem;display:flex}.vtm5-page .intro-content h2{font-size:2.25rem;font-family:var(--vtm-font-display)}.vtm5-page .intro-content p{color:var(--vtm-color-text-muted);line-height:1.8}.vtm5-page .intro-content p.section-eyebrow{color:var(--vtm-color-primary)}.vtm5-page .stat-row{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.vtm5-page .stat-item{background:var(--vtm-color-surface);border:1px solid var(--vtm-color-border);text-align:center;border-radius:.5rem;padding:1rem}.vtm5-page .stat-value{font-family:var(--vtm-font-display);color:var(--vtm-color-primary);font-size:2.75rem;font-weight:700}.vtm5-page .stat-value sup{vertical-align:super;opacity:.75;margin-left:2px;font-size:.45em}.vtm5-page .stat-label{color:var(--vtm-color-text-faint);letter-spacing:.08em;margin-top:.25rem;font-size:.75rem}.vtm5-page .clans-section{background:var(--vtm-color-surface)}.vtm5-page .clan-tab.active{color:var(--vtm-color-primary);border-bottom-color:var(--vtm-color-primary)}.vtm5-page .clans-grid{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:1.25rem;display:grid}.vtm5-page .mechanics-grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1.25rem;display:grid}.vtm5-page .mechanic-card{background:#101013;border:1px solid #1a1a1e;border-radius:.75rem;padding:1.5rem;transition:box-shadow .18s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.vtm5-page .mechanic-card:hover{border-color:var(--vtm-color-primary);box-shadow:0 4px 16px #00000080,0 0 12px #8a030326}.vtm5-page .mechanic-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.vtm5-page .mechanic-title{font-family:var(--font-display), "Cormorant Garamond", serif;letter-spacing:1.5px;text-transform:uppercase;color:#ccc8c0;margin:0;font-size:1.15rem;font-weight:600}.vtm5-page .mechanic-desc{color:var(--vtm-color-text-muted);font-size:.875rem;line-height:1.7}.vtm5-page .masquerade-section{background:var(--vtm-color-surface)}.vtm5-page .masquerade-header{text-align:center;margin-bottom:3rem}.vtm5-page .masquerade-eyebrow{font-family:var(--vtm-font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--vtm-color-primary);margin-bottom:1rem;font-size:.875rem;font-weight:600}.vtm5-page .masquerade-title{font-family:var(--vtm-font-display);color:var(--vtm-color-text);margin-bottom:1rem;font-size:clamp(2.5rem,1.5rem + 3vw,4rem);font-weight:700;line-height:1.1}.vtm5-page .masquerade-subtitle{font-family:var(--vtm-font-body);color:var(--vtm-color-text-muted);max-width:680px;margin:0 auto;font-size:1rem;font-style:italic;line-height:1.6}.vtm5-page .masquerade-layout{grid-template-columns:1fr 1.4fr;align-items:stretch;gap:3rem;display:grid}@media (max-width:768px){.vtm5-page .masquerade-layout{grid-template-columns:1fr}}.vtm5-page .masquerade-rules{flex-direction:column;justify-content:space-between;gap:1rem;display:flex}.vtm5-page .masquerade-rule-card{background:var(--vtm-color-bg);border:1px solid var(--vtm-color-border);border-radius:.75rem;flex:1;min-height:0;padding:1.5rem;transition:all .18s cubic-bezier(.16,1,.3,1)}.vtm5-page .masquerade-rule-card:hover{border-color:var(--vtm-color-primary);box-shadow:0 4px 16px #00000080,0 0 12px #8a030326}.vtm5-page .rule-card-header{margin-bottom:.5rem}.vtm5-page .rule-card-label{font-family:var(--vtm-font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--vtm-color-primary);font-size:.875rem;font-weight:600}.vtm5-page .rule-card-title{font-family:var(--vtm-font-display);color:var(--vtm-color-text);margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3}.vtm5-page .rule-card-desc{font-family:var(--vtm-font-body);color:var(--vtm-color-text-muted);margin:0;font-size:.9375rem;line-height:1.7}.vtm5-page .masquerade-image{border-radius:.75rem;height:100%;position:relative;overflow:hidden;box-shadow:0 16px 48px #0009,0 0 30px #c0291c4d}.vtm5-page .masquerade-image-img{-o-object-fit:cover;object-fit:cover;-o-object-position:right center;object-position:right center;width:100%;height:100%;min-height:580px}.vtm5-page .masquerade-quote{background:linear-gradient(#0000,#000000d9);padding:1.5rem;position:absolute;bottom:0;left:0;right:0}.vtm5-page .masquerade-quote blockquote{font-family:var(--vtm-font-body);color:var(--vtm-color-text);border-left:2px solid var(--vtm-color-primary);margin:0;padding-left:1rem;font-size:.875rem;font-style:italic;line-height:1.6}.vtm5-page .masquerade-punishments{text-align:center;margin-top:3rem}.vtm5-page .masquerade-punishments-eyebrow{font-family:var(--vtm-font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--vtm-color-primary);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.vtm5-page .masquerade-punishments-title{font-family:var(--vtm-font-display);color:var(--vtm-color-text);margin-bottom:2rem;font-size:clamp(1.5rem,1rem + 1.5vw,2rem);font-weight:700}.vtm5-page .punishments-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:768px){.vtm5-page .punishments-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.vtm5-page .punishments-grid{grid-template-columns:1fr}}.vtm5-page .punishment-card{text-align:center;background:#101013;border:1px solid #1a1a1e;border-radius:.75rem;padding:1.5rem 1.25rem;transition:all .18s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.vtm5-page .punishment-card:hover{border-color:var(--vtm-color-primary);box-shadow:0 4px 16px #00000080,0 0 12px #8a030326}.vtm5-page .punishment-header{justify-content:center;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.vtm5-page .punishment-name{font-family:var(--font-display), "Cormorant Garamond", serif;letter-spacing:1.5px;text-transform:uppercase;color:#ccc8c0;margin:0;font-size:1.15rem;font-weight:600}.vtm5-page .punishment-desc{font-family:var(--vtm-font-body);color:var(--vtm-color-text-muted);margin:0;font-size:.8125rem;line-height:1.6}.vtm5-page .creation-header{text-align:center;margin-bottom:3rem}.vtm5-page .creation-eyebrow{font-family:var(--vtm-font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--vtm-color-primary);margin-bottom:1rem;font-size:.875rem;font-weight:600}.vtm5-page .creation-title{font-family:var(--vtm-font-display);color:var(--vtm-color-text);margin-bottom:1rem;font-size:clamp(2.5rem,1.5rem + 3vw,4rem);font-weight:700;line-height:1.1}.vtm5-page .creation-subtitle{font-family:var(--vtm-font-body);color:var(--vtm-color-text-muted);max-width:680px;margin:0 auto;font-size:1rem;font-style:italic;line-height:1.6}.vtm5-page .steps-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (max-width:900px){.vtm5-page .steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.vtm5-page .steps-grid{grid-template-columns:1fr}}.vtm5-page .step-card{background:var(--vtm-color-surface);border:1px solid var(--vtm-color-border);border-radius:.75rem;flex-direction:column;height:100%;padding:1.5rem;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.vtm5-page .step-card:hover{border-color:var(--vtm-color-primary);box-shadow:0 4px 16px #00000080,0 0 12px #8a030326}.vtm5-page .step-number{font-family:var(--vtm-font-display);color:var(--vtm-color-primary);opacity:.15;margin-bottom:.75rem;font-size:clamp(3rem,1rem + 4vw,5rem);font-weight:700;line-height:1}.vtm5-page .step-title{font-family:var(--vtm-font-display);color:var(--vtm-color-text);margin-bottom:.75rem;font-size:1.125rem;font-weight:700;line-height:1.3}.vtm5-page .step-desc{color:var(--vtm-color-text-muted);flex:1;margin:0;font-size:.9375rem;line-height:1.7}.vtm5-page .skill-accordion{border:1px solid #8c002040;border-radius:6px;margin-bottom:.4rem;overflow:hidden}.vtm5-page .skill-accordion summary{cursor:pointer;font-family:var(--font-display), "Cormorant Garamond", serif;letter-spacing:.04em;text-transform:uppercase;color:var(--blood);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;list-style:none;display:flex}.vtm5-page .skill-accordion summary:before{content:"▸";color:var(--blood);font-size:.7rem;transition:transform .2s}.vtm5-page .skill-accordion[open] summary:before{transform:rotate(90deg)}.vtm5-page .skill-accordion summary::-webkit-details-marker{display:none}.vtm5-page .skill-accordion-desc{color:var(--vtm-color-text-muted);margin:0;padding:0 .75rem .5rem;font-size:.85rem;line-height:1.6}.skeleton{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface-3,var(--surface-2)) 50%, var(--surface-2) 100%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-card{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface-3,var(--surface-2)) 50%, var(--surface-2) 100%);background-size:200% 100%;border-radius:8px;width:100%;min-height:180px;animation:1.5s ease-in-out infinite skeleton-pulse}.skeleton-text{border-radius:4px;width:100%;height:.9rem;margin-bottom:.5rem}.skeleton-title{border-radius:4px;width:60%;height:1.4rem;margin-bottom:.75rem}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}