:root{
  --bg:#050607;--bg-2:#090b0d;--panel:#090b0d;--text:#f4f1e9;--muted:#8c8c87;
  --gold:#d9a94f;--gold-2:#f0c875;--blue:#188fff;--line:rgba(255,255,255,.10);
  --shadow:0 30px 80px rgba(0,0,0,.35);--serif:"Cormorant Garamond",Georgia,serif;
  --sans:"Inter",system-ui,sans-serif
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='2' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");opacity:.035}
button,input{font:inherit}.wrap{width:min(1450px,94vw);margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:8px;left:8px;z-index:1000;background:#fff;color:#000;padding:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}

.site-header{height:82px;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;padding:0 3.5vw;gap:30px;background:rgba(5,6,7,.70);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);transition:background .25s}
.site-header.is-scrolled{background:rgba(5,6,7,.94)}
.brand{height:100%;display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:none}.brand img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.7))}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-family:var(--serif);font-size:23px;letter-spacing:3px;line-height:1}.brand-copy small{font-size:7px;letter-spacing:1.5px;color:#9c9b96;margin-top:5px}
.desktop-nav{display:flex;align-items:center;gap:27px;height:100%;margin-left:auto}.desktop-nav a{height:100%;display:flex;align-items:center;color:#a8a7a2;text-decoration:none;font-size:12px;letter-spacing:.6px;position:relative}.desktop-nav a:hover,.desktop-nav a.is-active{color:#fff}.desktop-nav a.is-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--gold)}
.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.icon-button,.menu-button{border:0;background:none;color:#eee;font-size:24px;cursor:pointer}.header-divider{width:1px;height:24px;background:var(--line)}.text-button{background:none;border:0;color:#eee;text-transform:uppercase;font-size:10px;letter-spacing:1px;padding:10px;cursor:pointer}
.gold-button,.outline-button{min-height:46px;border-radius:3px;padding:0 22px;border:1px solid transparent;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.gold-button{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#0a0906;box-shadow:0 10px 28px rgba(217,169,79,.12)}.gold-button:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(217,169,79,.2)}.gold-button.compact{min-height:38px;padding:0 16px}.outline-button{background:rgba(0,0,0,.25);color:#eee;border-color:rgba(217,169,79,.55)}.outline-button:hover{transform:translateY(-2px);background:rgba(217,169,79,.08)}.outline-button.small{min-height:38px;padding:0 15px;font-size:9px}.menu-button{display:none}

.mobile-drawer{position:fixed;inset:0 0 0 auto;width:min(350px,88vw);background:#090b0d;z-index:80;padding:100px 35px;transform:translateX(105%);transition:transform .3s;box-shadow:-30px 0 80px rgba(0,0,0,.5)}.mobile-drawer.is-open{transform:none}.mobile-drawer nav{display:flex;flex-direction:column;gap:25px}.mobile-drawer a{color:#ccc;text-decoration:none;font:500 28px var(--serif)}.drawer-close,.modal-close{position:absolute;right:20px;top:15px;border:0;background:none;color:#fff;font-size:30px;cursor:pointer}

.hero{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 67% 40%,rgba(53,75,83,.4),transparent 24%),linear-gradient(90deg,#050607 0%,#080a0b 48%,#0a0d0f 100%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,7,1) 0%,rgba(5,6,7,.93) 30%,rgba(5,6,7,.2) 72%,rgba(5,6,7,.72) 100%),linear-gradient(0deg,#050607,transparent 20%);z-index:1}
.hero-atmosphere{position:absolute;inset:0;overflow:hidden}.moon{position:absolute;right:31%;top:85px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d9dedb,#6e797a 40%,#263034 70%);box-shadow:0 0 100px rgba(190,210,205,.12)}.city{position:absolute;right:0;bottom:0;width:60%;height:60%;background:linear-gradient(90deg,transparent,#131c20);clip-path:polygon(10% 100%,10% 55%,18% 62%,18% 43%,25% 48%,25% 28%,31% 36%,31% 52%,39% 40%,39% 15%,44% 25%,44% 48%,53% 34%,53% 50%,61% 22%,61% 39%,70% 28%,70% 55%,77% 40%,77% 49%,86% 32%,86% 54%,100% 45%,100% 100%)}.city-b{opacity:.35;transform:scale(1.12);filter:blur(2px)}.rail-track{position:absolute;right:2%;bottom:4%;width:62%;height:35%;border-bottom:2px solid rgba(183,148,87,.18);transform:skewY(-9deg) rotate(-2deg)}.train{position:absolute;right:29%;bottom:20%;width:330px;height:145px;transform:skewY(-4deg)}.train-body{position:absolute;left:40px;bottom:10px;width:250px;height:80px;border-radius:35px 15px 10px 10px;background:linear-gradient(#222d31,#080b0d);border:1px solid #4d5757;box-shadow:0 0 40px rgba(216,169,79,.08)}.train-body:before{content:"";position:absolute;left:-45px;bottom:3px;width:70px;height:72px;border-radius:50%;background:radial-gradient(circle,#29383b 0 35%,#0b0d0e 37% 48%,#4d4e49 50% 55%,#090b0c 58%)}.train-light{position:absolute;left:-10px;bottom:49px;width:22px;height:22px;border-radius:50%;background:#ffd980;box-shadow:0 0 55px 20px rgba(255,207,91,.22)}.train-smoke{position:absolute;left:60px;top:-35px;width:180px;height:90px;border-radius:50%;background:rgba(190,202,199,.09);filter:blur(15px);animation:smoke 6s ease-in-out infinite alternate}.hero-character{position:absolute;right:15%;bottom:-20px;width:250px;height:430px;background:linear-gradient(90deg,#050607,#11191d 55%,#050607);clip-path:polygon(42% 0,60% 5%,68% 17%,73% 37%,100% 100%,0 100%,26% 45%,31% 17%);filter:drop-shadow(-20px 0 50px rgba(0,0,0,.7))}.fog{position:absolute;left:30%;right:0;bottom:0;height:45%;background:linear-gradient(transparent,rgba(164,176,174,.06));filter:blur(12px)}
@keyframes smoke{to{transform:translate(45px,-20px) scale(1.2);opacity:.2}}

.hero-content{position:relative;z-index:3;margin-left:8vw;width:50%;padding-top:70px}.eyebrow,.section-label{font-size:10px;letter-spacing:4px;color:#d4a94e}.hero h1{font:500 clamp(64px,7vw,110px)/.82 var(--serif);letter-spacing:-4px;margin:22px 0 28px}.hero h1 em{font-style:normal;color:#d2d0c8}.hero-lead{max-width:520px;color:#c5c4c0;font-size:16px;line-height:1.65;margin:0}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-stats{display:flex;gap:0;margin-top:48px}.hero-stats div{min-width:125px;padding-right:22px;margin-right:22px;border-right:1px solid var(--line)}.hero-stats div:last-child{border:0}.hero-stats strong{display:block;color:#eee;font:500 24px var(--serif)}.hero-stats span{display:block;color:#777872;font-size:9px;margin-top:4px}
.hero-title-card{position:absolute;right:7vw;top:26%;z-index:3;width:250px;text-align:center}.hero-title-card>p{font-size:11px;letter-spacing:3px;color:#d4d0c6;line-height:1.8}.hero-title-card h2{font:500 55px/.83 var(--serif);letter-spacing:1px;margin:10px 0}.ornament{color:var(--gold);display:block;margin:8px}.hero-title-card .small{margin-top:18px}

.dashboard{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:1px;background:var(--line);border:1px solid var(--line);box-shadow:var(--shadow)}.panel{background:rgba(7,9,11,.98);padding:22px}.production{min-width:0}.feature-card{margin-top:20px;border:1px solid var(--line);background:#0a0c0e}.feature-art{height:210px;background:radial-gradient(circle at 65% 22%,rgba(222,226,218,.5),transparent 7%),radial-gradient(circle at 65% 42%,#53636a,transparent 27%),linear-gradient(135deg,#17191b,#050607 72%);position:relative;overflow:hidden}.feature-art:after{content:"THE MOURNING LINE";position:absolute;left:20px;bottom:18px;font:500 24px var(--serif);letter-spacing:2px}.feature-copy{padding:18px}.badge{font-size:8px;border:1px solid #51534e;padding:4px 6px;color:#b8b5ad}.feature-copy h2{font:500 31px var(--serif);margin:13px 0 3px}.chapter{font-size:8px;letter-spacing:2px;color:#7f807b}.feature-copy>p:not(.chapter){font-size:11px;line-height:1.65;color:#8b8c88}.feature-copy .small{margin-top:8px}
.universe .muted{font-size:10px;color:#72746f;margin:7px 0 16px}.universe-card{height:210px;position:relative;overflow:hidden;border:1px solid var(--line)}.universe-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,9,.3),rgba(3,7,9,.8)),radial-gradient(circle at 75% 35%,#66757a,transparent 17%),linear-gradient(135deg,#14242c,#05090b)}.universe-copy{position:absolute;inset:0;padding:28px}.universe-copy span,.coming-copy small{font-size:8px;letter-spacing:3px;color:#d4a94e}.universe-copy h2{font:500 28px/.9 var(--serif);margin:9px 0}.universe-copy p{max-width:230px;font-size:10px;color:#aaa;line-height:1.6}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.values div{border:1px solid var(--line);padding:12px;text-align:center}.values span{display:block;color:var(--gold);font-size:20px}.values strong{display:block;font-size:8px;letter-spacing:1px;margin:7px 0}.values small{display:block;font-size:8px;line-height:1.4;color:#73746f}
.coming{display:flex;flex-direction:column;gap:8px}.coming-card{position:relative;height:139px;border:1px solid var(--line);background:#0a0c0e;color:#fff;text-align:left;overflow:hidden;padding:0;cursor:pointer}.coming-art{position:absolute;inset:0;transition:transform .6s}.coming-card:hover .coming-art{transform:scale(1.04)}.art-comic{background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.78)),linear-gradient(135deg,#4b3928,#0a0b0c)}.art-anime{background:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.78)),linear-gradient(135deg,#27394b,#0a0b0c)}.coming-copy{position:absolute;right:20px;top:23px;display:flex;flex-direction:column}.coming-copy strong{font:500 27px var(--serif);letter-spacing:1px}.coming-copy em{font-style:normal;color:#999;font-size:9px;line-height:1.5;margin:5px 0}.coming-copy b{font-size:7px;letter-spacing:1px;color:#d4a94e}

.story-strip{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:100px 0}.story-heading h2{font:500 48px/.95 var(--serif);margin:17px 0}.story-heading p{font-size:11px;color:#777}.timeline{position:relative;display:flex;align-items:center;justify-content:space-between}.timeline-line{position:absolute;left:0;right:0;top:26px;height:1px;background:var(--line)}.timeline-item{position:relative;width:30%;text-align:center}.timeline-item span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #303330;background:#050607;border-radius:50%;margin:auto;color:#777;font:500 18px var(--serif)}.timeline-item strong{display:block;font-size:9px;letter-spacing:1px;margin-top:15px}.timeline-item small{display:block;color:#666;font-size:8px;margin-top:5px}.timeline-item.is-current span{border-color:var(--gold);color:var(--gold);box-shadow:0 0 30px rgba(217,169,79,.12)}
.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:110px 0;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(30,47,54,.18),transparent 38%)}.manifesto h2{font:500 clamp(42px,5.4vw,75px)/.92 var(--serif);letter-spacing:-2px;margin:20px auto;max-width:1050px}.manifesto h2 em{font-style:normal;color:#9da9ac}.manifesto p{max-width:650px;margin:28px auto 0;color:#777;font-size:11px;line-height:1.9}
.join-section{display:flex;justify-content:space-between;align-items:center;padding:75px 0;gap:30px}.join-section h2{font:500 40px var(--serif);margin:12px 0 5px}.join-section p{color:#777;font-size:11px}.join-form{width:min(480px,100%);display:grid;grid-template-columns:1fr auto;position:relative}.join-form input{height:47px;background:#0b0d0f;border:1px solid var(--line);color:#fff;padding:0 14px;outline:none}.join-form input:focus{border-color:#6c6047}.join-form button{border-radius:0}.join-form small{position:absolute;left:0;top:55px;color:#d4a94e;font-size:9px}
.footer{border-top:1px solid var(--line);padding:28px 5vw;display:flex;justify-content:space-between;color:#5f615e;font-size:8px;letter-spacing:1.5px}

dialog{border:1px solid #373a38;background:#0b0d0f;color:#eee;box-shadow:0 30px 100px rgba(0,0,0,.7);padding:40px;width:min(620px,90vw)}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(7px)}.story-modal h2{font:500 50px var(--serif);margin:10px 0}.modal-kicker{color:var(--gold);font-size:9px;letter-spacing:3px}.story-modal>p{color:#92938e;line-height:1.8;font-size:12px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:25px 0;background:var(--line)}.modal-grid span{padding:13px;background:#101214;font-size:10px;color:#aaa}.modal-grid b{display:block;color:#777;font-size:7px;letter-spacing:1px;margin-bottom:4px}.search-modal{width:min(760px,94vw);padding:50px}.search-box label{display:block;font:500 35px var(--serif);margin-bottom:20px}.search-box>input{width:100%;height:52px;background:#050607;border:1px solid var(--line);color:#fff;padding:0 15px;outline:none}.search-results{display:flex;flex-direction:column;margin-top:10px}.search-results button{border:0;border-bottom:1px solid var(--line);background:none;color:#eee;text-align:left;padding:16px 0;cursor:pointer}.search-results small{display:block;color:#777;margin-top:4px}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:1100px){.desktop-nav{gap:15px}.brand-copy{display:none}.dashboard{grid-template-columns:1fr 1fr}.coming{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.hero-title-card{right:3vw}.hero-content{width:58%}}
@media(max-width:800px){.site-header{height:70px;padding:0 18px}.brand img{width:58px;height:58px}.desktop-nav,.text-button,.header-divider{display:none}.header-actions{margin-left:auto}.menu-button{display:block}.hero{min-height:760px}.hero-content{width:90%;margin-left:5vw;padding-top:100px}.hero h1{font-size:68px}.hero-title-card{display:none}.hero-atmosphere{opacity:.55}.dashboard{grid-template-columns:1fr}.coming{grid-column:auto;display:flex}.story-strip{grid-template-columns:1fr;gap:35px;padding:70px 0}.timeline{gap:8px}.join-section{flex-direction:column;align-items:flex-start}.join-form{width:100%}}
@media(max-width:520px){.hero h1{font-size:56px;letter-spacing:-2px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hero-stats div{border-right:0;margin:0;padding:0}.feature-art{height:180px}.feature-copy h2{font-size:28px}.values{grid-template-columns:1fr}.timeline{display:grid;grid-template-columns:1fr;gap:20px}.timeline-line{left:26px;right:auto;top:0;bottom:0;width:1px;height:auto}.timeline-item{width:100%;display:grid;grid-template-columns:52px 1fr;align-items:center;text-align:left;gap:12px}.timeline-item span{grid-row:span 2;margin:0}.timeline-item strong{margin:0}.timeline-item small{margin:0}.join-form{grid-template-columns:1fr}.join-form button{margin-top:8px}.footer{flex-direction:column;gap:10px}}