.characters-section{position:relative;background:#0d1712;isolation:isolate}
.characters-section:before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/texture-mossy-stone.png') repeat center/640px;filter:grayscale(1);mix-blend-mode:soft-light;opacity:.36;pointer-events:none}
.characters-heading{display:grid;grid-template-columns:1fr 2.4fr;gap:50px;margin-bottom:48px}
.characters-heading>div{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end}
.characters-heading p:not(.eyebrow){color:var(--muted);margin:0}
.workshop-banner{margin:0 auto 48px;position:relative}
.workshop-banner img{width:100%;height:auto;display:block}
.workshop-banner figcaption{position:absolute;bottom:0;inset-inline:0;padding:44px 28px 22px;background:linear-gradient(transparent,#09110de8);font-size:.85rem;letter-spacing:.08em}
.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.character-card{min-width:0;background:#101a16bd;border:1px solid var(--line)}
.character-media{position:relative;aspect-ratio:1;overflow:hidden;background:var(--ink)}
.character-base,.character-video{display:block;width:100%;height:100%;object-fit:contain}
.character-card--herobrine .character-base{object-fit:cover}
.character-video{position:absolute;inset:0}
.character-copy{padding:30px}
.character-index{display:block;color:var(--moss);font-size:.72rem;letter-spacing:.14em;margin-bottom:18px}
.character-copy h3{font-size:2rem;margin-bottom:6px}
.character-role{font-size:.74rem;color:var(--lime);letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}
.character-copy>p:not(.character-role){color:var(--muted);font-size:.96rem;max-width:54ch}
.x-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:16px 24px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:500;line-height:1;letter-spacing:.01em;border:1px solid #b2c951;border-radius:0;box-shadow:none;text-decoration:none;white-space:nowrap}.x-button .x-mark{display:block;flex:0 0 19px;width:19px;height:19px;overflow:visible}.x-button:before{opacity:.07}
.footer{width:100%;max-width:none;margin-top:48px;border-top:1px solid var(--line);padding-block:44px 30px}
.footer-inner{padding-inline:0}.footer-top,.footer-bottom{min-width:0;flex-wrap:wrap}.footer-bottom{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}
@media(max-width:1100px){.characters-heading{grid-template-columns:1fr;gap:0}.characters-heading>div{grid-template-columns:1.3fr 1fr}}
@media(max-width:760px){.characters-heading>div{grid-template-columns:1fr;gap:24px}.character-grid{grid-template-columns:1fr;gap:28px}.character-copy{padding:24px}.workshop-banner{margin-bottom:28px}.workshop-banner figcaption{padding:30px 16px 12px;font-size:.7rem}.footer{margin-top:32px}.footer-top{gap:24px}.footer-bottom{gap:16px}}