
:root{
  --parchment:#f7efdf;
  --cream:#fbf7ee;
  --cream-strong:#fffaf0;
  --ink:#34251f;
  --muted:#6c5c54;
  --burgundy:#7f2736;
  --burgundy-dark:#5d1c29;
  --gold:#b7894c;
  --gold-soft:#d9be8a;
  --line:#d9c3a1;
  --shadow:0 14px 40px rgba(70,42,29,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#fbf7ee 0%,#f5ecda 100%);color:var(--ink);font:18px/1.7 Georgia,"Times New Roman",serif;background-image:radial-gradient(circle at 25% 15%,rgba(165,124,74,.05) 0 1px,transparent 1.3px),linear-gradient(180deg,#fbf7ee 0%,#f5ecda 100%);background-size:26px 26px,auto}
a{color:var(--burgundy);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;display:block;height:auto}
.container{width:min(100% - 44px,1180px);margin:auto}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:12px;top:12px;background:#fff;padding:10px 12px;z-index:1000;border:1px solid var(--line)}
.top-rail{background:linear-gradient(90deg,#48242d,#6a2636,#48242d);color:#f5eadb;text-align:center;padding:9px 10px;font:700 11px/1.2 Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}
.top-rail span{color:#e7c488}
.site-header{position:sticky;top:0;z-index:50;background:rgba(252,248,240,.93);backdrop-filter:blur(10px);border-bottom:1px solid rgba(123,82,51,.14)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 0}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:normal 18px/1.15 Georgia,serif;letter-spacing:.12em}.brand b{color:var(--burgundy)}.brand small{display:block;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.22em;color:#8f6f48;margin-top:5px}
.menu-toggle{display:none}
.primary-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.primary-nav a{padding:11px 14px;border-radius:999px;font:700 12px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#614338}.primary-nav a[aria-current=page],.primary-nav a:hover{text-decoration:none;background:#f1e4cb;color:var(--burgundy-dark)}
.hero{position:relative;padding:56px 0 76px;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.7),transparent 32%),radial-gradient(circle at 82% 20%,rgba(128,39,54,.07),transparent 20%)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:32px}
.hero-copy{padding:32px 0}.hero-kicker,.eyebrow{font:700 12px/1.4 Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#8a6840;margin:0 0 10px}.hero h1{font:normal clamp(58px,8vw,100px)/.95 Georgia,serif;color:var(--burgundy-dark);margin:0 0 18px;text-shadow:0 2px 0 #fff8eb,0 9px 28px rgba(255,248,233,.85)}.hero h1 em{font-style:italic;color:var(--gold)}
.hero-subtitle{font-size:24px;line-height:1.45;max-width:700px;margin:0 0 14px;background:rgba(255,250,241,.62);padding:12px 16px;border-left:4px solid var(--gold);box-shadow:0 8px 22px rgba(78,51,35,.06)}
.hero-detail{font:700 12px/1.7 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8b6b52;margin:0 0 24px}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 24px}.button{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:14px 20px;font:700 13px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:1px solid transparent;cursor:pointer}.button:hover{text-decoration:none}.button.primary{background:var(--burgundy);color:#fff;box-shadow:0 10px 24px rgba(95,28,41,.18)}.button.primary:hover{background:#69202e}.button.secondary{background:#fff8ee;border-color:#d7bf98;color:var(--burgundy-dark)}.button.secondary:hover{background:#f5e9d4}
.hero-runes{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hero-runes li{background:rgba(255,250,242,.74);border:1px solid rgba(183,137,76,.32);padding:14px 14px 13px;border-radius:16px;box-shadow:var(--shadow)}.hero-runes strong{display:block;color:var(--burgundy-dark);margin-bottom:5px;font-size:16px}.hero-runes span{display:block;font-size:14px;line-height:1.5;color:var(--muted)}
.frame-card{background:linear-gradient(180deg,#fffaf2,#f6ead6);border:1px solid #d9c3a1;padding:14px;box-shadow:var(--shadow);position:relative}.frame-card:before{content:'';position:absolute;inset:8px;border:1px solid rgba(183,137,76,.35);pointer-events:none}.hero-visual{padding:14px 14px 48px}.hero-visual img{border-radius:12px}.frame-caption{position:absolute;left:28px;right:28px;bottom:16px;background:rgba(255,249,239,.93);border:1px solid rgba(183,137,76,.36);padding:10px 14px;font-size:15px;color:#5e463d}.frame-caption span{color:var(--gold);margin-right:8px}
.section{padding:74px 0}.section-heading{text-align:center;max-width:800px;margin:0 auto 36px}.section-heading.narrow{max-width:760px}.section-heading h2{font:normal clamp(34px,5vw,54px)/1.08 Georgia,serif;color:var(--burgundy-dark);margin:10px 0 14px}.section-heading p:last-child{margin:0;font-size:19px;color:var(--muted)}.ornament{display:block;font-size:21px;color:var(--gold)}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.showcase-card{background:var(--cream);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.showcase-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.showcase-copy{padding:20px 20px 24px}.showcase-copy h3{font:normal 30px/1.15 Georgia,serif;color:var(--burgundy-dark);margin:8px 0 12px}.showcase-copy p:last-child{margin:0;color:var(--muted)}
.band-section{background:linear-gradient(180deg,rgba(245,230,203,.55),rgba(247,239,223,.8));border-top:1px solid rgba(183,137,76,.18);border-bottom:1px solid rgba(183,137,76,.18)}
.split-section{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}.split-section h2{font:normal clamp(34px,4vw,50px)/1.08 Georgia,serif;color:var(--burgundy-dark);margin:8px 0 14px}.split-section p{color:var(--muted)}
.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.mini-card{background:#fff9ef;border:1px solid rgba(183,137,76,.34);padding:18px;border-radius:16px;display:grid;gap:6px}.mini-card span{font-size:28px;color:var(--gold)}.mini-card strong{font-size:16px;color:var(--burgundy-dark)}.mini-card small{font-size:14px;color:var(--muted)}
.quote-panel{background:linear-gradient(180deg,#fffaf2,#f2e4cb);border:1px solid var(--line);padding:36px 32px;text-align:center;box-shadow:var(--shadow)}.quote-panel span{display:block;font-size:80px;color:var(--gold);line-height:.6}.quote-panel p{margin:0 0 12px;font-size:26px;line-height:1.5;font-style:italic;color:var(--burgundy-dark)}.quote-panel small{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.2em;color:#8f7151}
.path-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.path-step{background:var(--cream);border:1px solid var(--line);padding:18px 14px;text-align:center;box-shadow:var(--shadow)}.path-step b{display:block;font:normal 34px/1 Georgia,serif;color:var(--gold);margin-bottom:8px}.path-step span{display:block;font-size:16px;color:var(--burgundy-dark)}.centered{text-align:center}.page-cta{margin-top:26px}
.page-banner{padding:78px 0;text-align:center;background:linear-gradient(90deg,rgba(255,248,236,.9),rgba(255,245,225,.9)),url('hero-scene.svg') center 46%/cover no-repeat;border-bottom:1px solid rgba(183,137,76,.28)}.page-banner h1{font:normal clamp(46px,6vw,74px)/1 Georgia,serif;color:var(--burgundy-dark);margin:8px 0 12px}.page-banner p:last-child{margin:0;font-size:20px;color:#6a5a53}
.about-banner{background:linear-gradient(90deg,rgba(255,247,233,.92),rgba(250,241,224,.88)),url('panel-court.svg') center/cover no-repeat}.join-banner{background:linear-gradient(90deg,rgba(255,247,233,.92),rgba(250,241,224,.88)),url('panel-wilds.svg') center/cover no-repeat}.rules-banner{background:linear-gradient(90deg,rgba(255,247,233,.92),rgba(250,241,224,.88)),url('realm-crest.svg') center/28% no-repeat,linear-gradient(90deg,rgba(255,247,233,.92),rgba(250,241,224,.88))}.lore-banner{background:linear-gradient(90deg,rgba(255,247,233,.92),rgba(250,241,224,.88)),url('panel-blood.svg') center/cover no-repeat}.contact-banner{background:linear-gradient(90deg,rgba(255,247,233,.92),rgba(250,241,224,.88)),url('hero-scene.svg') center/cover no-repeat}
.prose{max-width:860px}.prose h2:not(:first-child){margin-top:40px}.prose p{margin:0 0 20px}.text-link{font-weight:700}.notice,.note{border-left:4px solid var(--gold);background:#f4e8d3;padding:16px 18px;margin:0 0 28px}.art-inline{margin:0 0 26px;max-width:420px}.art-inline.right{float:right;margin-left:30px}.art-inline.left{float:left;margin-right:30px}.prose::after{content:'';display:block;clear:both}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.journey-card{position:relative;background:var(--cream);border:1px solid var(--line);padding:34px 24px 26px;box-shadow:var(--shadow)}.journey-card:before{content:'';position:absolute;inset:10px;border:1px solid rgba(183,137,76,.26);pointer-events:none}.journey-card h2{font:normal 28px/1.12 Georgia,serif;color:var(--burgundy-dark);margin:14px 0 12px}.journey-card p{font-size:16px;color:var(--muted)}.journey-number{font:normal 40px/1 Georgia,serif;color:var(--gold)}.journey-card .note{font-size:14px;margin:14px 0 0}.journey-help{margin-top:38px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(180deg,#fbf0dd,#f0dfc0);border:1px solid var(--line);box-shadow:var(--shadow)}.journey-help h2{font:normal 30px/1.15 Georgia,serif;color:var(--burgundy-dark);margin:4px 0}.journey-help p{margin:0;color:var(--muted)}
.lore-showcase{display:grid;gap:26px}.lore-panel{display:grid;grid-template-columns:1.02fr .98fr;gap:26px;align-items:center;padding:16px}.lore-panel.reverse{grid-template-columns:.98fr 1.02fr}.lore-panel.reverse img{order:2}.lore-copy{padding:10px 8px}.lore-copy h2{font:normal clamp(34px,4vw,48px)/1.08 Georgia,serif;color:var(--burgundy-dark);margin:8px 0 12px}.lore-copy p:last-child{margin:0;color:var(--muted)}
.contact-card{padding:44px 30px;background:linear-gradient(180deg,#fffaf2,#f6ead6);max-width:760px;margin:auto}.contact-crest{margin:0 auto 14px}.contact-email{font-size:clamp(20px,4vw,30px);overflow-wrap:anywhere}.fine-print{font:12px/1.7 Arial,sans-serif;color:var(--muted);margin:24px 0 0!important}
.email-widget{display:inline-block}.email-reveal,.email-copy{background:#fff8ee;border:1px solid var(--gold);color:var(--burgundy-dark);padding:9px 14px;border-radius:999px;font:700 13px/1 Arial,sans-serif;letter-spacing:.08em;cursor:pointer}.email-reveal:hover,.email-copy:hover{background:#f2e3c9}.email-output{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.email-output a{overflow-wrap:anywhere}.site-footer .email-reveal{background:transparent;border-color:#c9a469;color:#f0d6ad}.site-footer .email-output a{display:inline;color:#f0d6ad}
.site-footer{background:#38242b;color:#eadccc;padding:52px 0 28px}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:34px}.footer-brand{font:normal 22px/1 Georgia,serif;letter-spacing:.14em;color:#f7e8ca}.site-footer h2{font:700 12px/1.4 Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#d8b67e}.site-footer a{display:block;color:#efd7b1;margin:10px 0}.site-footer .small{font:12px/1.7 Arial,sans-serif;color:#c6b1aa}
@media(max-width:1080px){.hero-grid,.split-section,.lore-panel,.lore-panel.reverse{grid-template-columns:1fr}.hero-runes{grid-template-columns:1fr}.showcase-grid{grid-template-columns:1fr 1fr}.path-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.lore-panel.reverse img{order:0}}
@media(max-width:940px){.header-inner{flex-wrap:wrap}.menu-toggle{display:block;background:var(--burgundy);border:0;color:#fff;padding:11px 15px;border-radius:999px;font:700 13px Arial,sans-serif;cursor:pointer}.primary-nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;background:rgba(255,250,242,.98);padding:8px;border:1px solid rgba(183,137,76,.2)}.primary-nav.open{display:flex}.primary-nav a{padding:14px}.journey-grid{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:720px){body{font-size:17px}.container{width:min(100% - 28px,1180px)}.brand{font-size:16px;letter-spacing:.09em}.hero{padding:36px 0 56px}.hero h1{font-size:clamp(46px,14vw,72px)}.hero-subtitle{font-size:21px}.actions{gap:10px}.showcase-grid,.journey-grid,.footer-inner{grid-template-columns:1fr}.path-strip{grid-template-columns:1fr 1fr}.mini-grid{grid-template-columns:1fr}.art-inline.right,.art-inline.left{float:none;max-width:none;margin:0 0 22px}.journey-help{display:block}.journey-help .button{margin-top:15px}.page-banner{padding:60px 0}}
@media(max-width:520px){.path-strip{grid-template-columns:1fr}.button{width:100%;justify-content:center}}
@media print{@page{size:auto;margin:17mm}html,body{background:#fff!important;color:#000!important;font:11pt/1.45 Georgia,serif}*{box-shadow:none!important;text-shadow:none!important}.top-rail,.site-header,.site-footer,.button,.menu-toggle,.hero-visual,.ornament,.actions,.contact-crest,.email-reveal,.email-copy,.email-action{display:none!important}.container{width:100%!important;max-width:none!important}.hero,.page-banner,.band-section,.showcase-card,.path-step,.frame-card,.contact-card,.journey-help,.journey-card{background:#fff!important;border:0!important;padding:0!important}.hero,.page-banner{padding:0!important}.section{padding:14px 0!important}.hero-grid,.showcase-grid,.split-section,.path-strip,.journey-grid,.footer-inner,.lore-panel{display:block!important}.showcase-card,.path-step,.journey-card,.lore-panel{margin-bottom:18px!important;break-inside:avoid}.frame-card:before,.journey-card:before{display:none!important}img{max-width:55%}.hero h1,.page-banner h1,.section-heading h2,.split-section h2,.lore-copy h2,.journey-card h2,h1,h2,h3,a,.eyebrow{color:#000!important}.notice,.note{background:#fff!important;border-left:2px solid #777!important}.page-banner{text-align:left!important}.page-banner p{font-size:11pt!important}}


/* Version 5: featured portrait + stronger horror */
.horror-hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:140px;background:linear-gradient(180deg,rgba(95,28,41,0),rgba(95,28,41,.08),rgba(95,28,41,0))}
.featured-portrait-section{padding-top:26px}
.portrait-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:28px;align-items:center}.portrait-copy h2{font:normal clamp(34px,4.5vw,50px)/1.08 Georgia,serif;color:var(--burgundy-dark);margin:8px 0 16px}.portrait-copy p{color:var(--muted);margin:0 0 16px}.portrait-panel{padding:16px 16px 50px;background:linear-gradient(180deg,#fffaf2,#f0dfc9)}.portrait-panel img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px;background:#efe0c8}.callout{padding:16px 18px;border-left:4px solid var(--gold);background:#f4e8d3;color:#5e4940}.warning-callout strong{color:var(--burgundy-dark)}
.left-heading{text-align:left;max-width:780px;margin:0 0 26px}
.danger-band{padding:74px 0;background:linear-gradient(180deg,rgba(109,42,56,.08),rgba(95,28,41,.12),rgba(109,42,56,.08));border-top:1px solid rgba(127,39,54,.18);border-bottom:1px solid rgba(127,39,54,.18)}
.danger-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.danger-card{background:linear-gradient(180deg,#fff7eb,#f4e4d0);border:1px solid rgba(127,39,54,.18);box-shadow:var(--shadow);padding:26px 22px}.danger-card span{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#7f2736;color:#fff;font-size:24px;margin-bottom:14px}.danger-card h3{font:normal 28px/1.12 Georgia,serif;color:var(--burgundy-dark);margin:0 0 10px}.danger-card p{margin:0;color:var(--muted)}
.trait-list{margin:16px 0 0;padding-left:20px}.trait-list li{margin:7px 0;color:var(--muted)}
@media(max-width:1080px){.portrait-layout,.danger-grid{grid-template-columns:1fr}}
@media(max-width:720px){.featured-portrait-section{padding-top:10px}}
@media print{.portrait-panel,.danger-band{display:none!important}.portrait-layout{display:block!important}.portrait-copy h2{font-size:22pt!important}}
