:root{--bg:#0c0f0c;--panel:#151915;--line:#2b332a;--text:#eeeade;--muted:#a6ada1;--gold:#d0aa6c;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 83% 8%,#382c1d66,transparent 29rem),radial-gradient(circle at 10% 45%,#26342655,transparent 25rem),var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}header{height:82px;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - var(--max))/2));background:#0c0f0ccc;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff0b}.brand{display:flex;flex-direction:column;line-height:1}.brand b{letter-spacing:.11em;font-weight:900}.brand span{font-size:.58rem;color:var(--gold);letter-spacing:.21em;margin-top:6px}nav{display:flex;gap:28px;color:var(--muted);font-size:.9rem}nav a:hover{color:white}main,footer{max-width:var(--max);margin:auto;padding:0 28px}.hero{min-height:680px;display:grid;grid-template-columns:1.55fr .75fr;gap:70px;align-items:center}.eyebrow{color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.2em}h1{font-size:clamp(4rem,8vw,7.5rem);line-height:.84;letter-spacing:-.065em;margin:20px 0 32px}h2{font-size:clamp(2.5rem,5vw,4.8rem);line-height:.95;letter-spacing:-.05em;margin:16px 0 30px}.lead{font-size:1.15rem;color:#c6c9c0;max-width:730px}.buttons{display:flex;gap:12px;margin:34px 0}.buttons a{background:var(--gold);color:#17130d;font-weight:800;padding:14px 20px;border-radius:3px}.buttons .ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.platforms{font-size:.78rem;letter-spacing:.12em;color:var(--muted)}.timeline{border-left:1px solid var(--line)}.timeline div{display:grid;grid-template-columns:55px 1fr;gap:12px;padding:22px 25px;border-bottom:1px solid var(--line)}.timeline b{color:var(--gold);font-size:.75rem}.timeline span{font-size:1.15rem;font-weight:700}section:not(.hero){padding:105px 0;border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{background:linear-gradient(145deg,#171b17,#111411);border:1px solid var(--line);padding:28px;min-height:220px}.cards h3{font-size:1.4rem}.cards p,.split p,#dev p,.muted{color:var(--muted)}.split{display:grid;grid-template-columns:1.3fr .8fr;gap:80px;align-items:center}.quote{border:1px solid var(--line);padding:42px;background:#141814}.quote small{color:var(--gold);letter-spacing:.17em}.quote strong{display:block;font-size:3rem;line-height:1;margin:20px 0}.quote span{color:var(--muted)}.flow{display:flex;align-items:center;gap:14px;margin:45px 0;flex-wrap:wrap}.flow div{min-width:150px;border:1px solid var(--line);padding:20px}.flow b{display:block;font-size:1.6rem}.flow span{font-size:.8rem;color:var(--muted)}.flow i{color:var(--gold);font-style:normal}.progress{max-width:760px;margin-top:36px;padding:28px;border:1px solid var(--line);background:linear-gradient(145deg,#171b17,#111411)}.progress-head{display:flex;justify-content:space-between;gap:20px;align-items:baseline}.progress-head strong{font-size:1.05rem}.progress-head b{color:var(--gold);font-size:2rem}.progress-track{height:10px;margin:18px 0;background:#282d27;overflow:hidden}.progress-track span{display:block;height:100%;min-width:10px;background:linear-gradient(90deg,#997244,var(--gold));box-shadow:0 0 18px #d0aa6c55}.progress p{margin:0 0 10px}.progress small{color:#7f877c}.status{margin-top:30px;display:flex;align-items:center;gap:10px;color:#cfd6ca}.status span{display:block;width:10px;height:10px;border-radius:50%;background:#86b98b;box-shadow:0 0 16px #86b98b}footer{border-top:1px solid var(--line);padding-top:40px;padding-bottom:45px;display:flex;justify-content:space-between;align-items:end;color:var(--muted);font-size:.8rem}@media(max-width:800px){nav{display:none}.hero,.split{grid-template-columns:1fr}.hero{padding:70px 0}.cards{grid-template-columns:1fr}h1{font-size:3.7rem}.timeline{margin-bottom:40px}.flow i{display:none}.progress{padding:22px}.progress-head{align-items:flex-start;flex-direction:column;gap:4px}footer{gap:25px;align-items:start;flex-direction:column}}
.hero{position:relative;isolation:isolate;padding:70px 42px;margin-top:28px;overflow:hidden;border:1px solid var(--line);background:#111411}.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url("images/concepts/origin-fire-concept.webp") center/cover no-repeat}.hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090c09f5 0%,#090c09d8 43%,#090c0966 72%,#090c091f 100%),linear-gradient(0deg,#090c09d9 0%,transparent 45%)}.hero .lead{color:#dde0d7}.hero .timeline{background:#0b0e0bb8;backdrop-filter:blur(7px)}.art-card,.world-art{position:relative;margin:0;overflow:hidden;border:1px solid var(--line);background:#111411}.art-card img,.world-art img{display:block;width:100%;height:100%;object-fit:cover}.lineage-art{min-height:470px}.lineage-art img{position:absolute;inset:0}.art-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090c09ee 0%,transparent 58%)}.art-card figcaption{position:absolute;z-index:1;left:28px;right:28px;bottom:25px}.art-card figcaption small{display:block;color:var(--gold);letter-spacing:.17em}.art-card figcaption strong{display:block;margin-top:7px;font-size:1.3rem}.world-art{height:430px;margin:40px 0}.world-art img{object-position:center 58%}.world-art figcaption{position:absolute;left:18px;bottom:16px;padding:8px 12px;background:#090c09c9;color:#d6d9d0;font-size:.76rem;letter-spacing:.05em}@media(max-width:800px){.hero{padding:70px 24px}.hero::after{background:linear-gradient(90deg,#090c09ed,#090c0999),linear-gradient(0deg,#090c09e6,transparent)}.lineage-art{min-height:390px}.world-art{height:300px}}
/* Responsive concept-art framing */
.hero{padding-block:52px}.hero h1{font-size:clamp(4rem,7vw,6rem)}.split{grid-template-columns:.9fr 1.1fr;gap:64px}.lineage-art{min-height:0;aspect-ratio:4/3}.lineage-art img{object-position:48% center}.world-art{height:clamp(280px,38vw,500px)}
@media(max-width:1000px){.hero,.split{grid-template-columns:1fr}.hero{min-height:0;gap:34px;padding:calc(clamp(240px,56vw,430px) + 38px) 32px 48px}.hero::before{inset:0 0 auto;height:clamp(240px,56vw,430px);background-position:38% center}.hero::after{background:linear-gradient(0deg,#090c09fa 0%,#090c09f2 48%,#090c0938 78%,#090c0914 100%)}.hero h1{font-size:clamp(3.2rem,9vw,5.4rem)}.hero .timeline{margin:0}.split{gap:44px}.lineage-art{min-height:0;aspect-ratio:16/9}.lineage-art img{position:static;object-position:center 48%}.world-art{height:clamp(300px,54vw,440px)}}
@media(max-width:560px){.hero{margin-top:18px;padding:calc(clamp(220px,62vw,290px) + 30px) 20px 36px}.hero::before{height:clamp(220px,62vw,290px);background-position:30% center}.hero h1{font-size:clamp(3rem,15vw,3.7rem)}.buttons{flex-direction:column}.buttons a{text-align:center}.lineage-art{aspect-ratio:4/3}.lineage-art img{object-position:46% center}.world-art{height:280px}.world-art img{object-position:54% center}.world-art figcaption{right:18px}}
.copyright{max-width:540px;text-align:right}.copyright span{color:#747b71}
@media(max-width:800px){.copyright{text-align:left}}
.maker-banner{position:relative;isolation:isolate;display:grid;place-items:center;align-content:center;min-height:210px;margin:0 auto 46px;max-width:var(--max);overflow:hidden;border:1px solid var(--line);color:var(--text);text-align:center}.maker-banner::before{content:"";position:absolute;inset:0;z-index:-2;background:url("images/concepts/origin-fire-concept.webp") center 57%/cover no-repeat;transition:transform .6s ease}.maker-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090c09e8,#090c0994,#090c09e8)}.maker-banner:hover::before{transform:scale(1.025)}.maker-label{font-size:.66rem;font-weight:800;letter-spacing:.34em;color:#d5d8cf}.maker-name{margin-top:8px;font-size:clamp(2rem,5vw,4rem);font-weight:900;line-height:.9;letter-spacing:.12em;text-shadow:0 2px 24px #000}.maker-tagline{margin-top:12px;font-size:.66rem;font-weight:800;letter-spacing:.3em;color:var(--gold)}
@media(max-width:1236px){.maker-banner{margin-left:28px;margin-right:28px}}
@media(max-width:560px){.maker-banner{min-height:170px;margin:0 28px 38px;background-position:34% center}.maker-name{font-size:2rem;letter-spacing:.08em}.maker-label,.maker-tagline{font-size:.58rem}}
.maker-signature{display:grid;justify-items:center;gap:12px;max-width:860px;margin:0 auto 46px;padding:0 28px;text-align:center}.maker-signature>span{font-size:.65rem;font-weight:800;letter-spacing:.34em;color:var(--muted)}.maker-signature picture{display:block;width:100%;overflow:hidden;border:1px solid #3b211f;background:#080808;box-shadow:0 18px 60px #0008}.maker-signature img{display:block;width:100%;height:auto}
@media(max-width:560px){.maker-signature{max-width:260px;margin-bottom:38px;padding:0 28px}.maker-signature picture{border-color:#4a2420}.maker-signature img{aspect-ratio:1/1;object-fit:cover}}
/* Stable 3:1 scaling for the footer brand banner */
.maker-signature{max-width:var(--max);width:100%}.maker-signature>img{display:block;width:100%;max-width:100%;min-width:0;height:auto;aspect-ratio:3/1;object-fit:contain;border:1px solid #3b211f;background:#080808;box-shadow:0 18px 60px #0008}
@media(max-width:560px){.maker-signature{max-width:none;width:100%;padding:0 28px}.maker-signature>img{aspect-ratio:3/1;object-fit:contain}}

/* Keep long headings inside narrow phone viewports. */
.hero>div,.split>div{min-width:0}
@media(max-width:560px){.hero h1{font-size:clamp(2.5rem,12vw,3.7rem)}h1,h2{overflow-wrap:break-word}}
/* Story subpages */
nav a.active,nav a[aria-current="page"]{color:var(--gold)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.section-intro{color:var(--muted);max-width:740px;font-size:1.1rem}
.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}
.path-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-height:310px;padding:32px;overflow:hidden;border:1px solid var(--line);background:var(--panel);transition:border-color .2s ease}
.path-card::before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;opacity:.46;transition:transform .4s ease}
.path-card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#0c0f0cf5,#0c0f0c44)}
.survival-path::before{background-image:url("images/concepts/origin-fire-concept.webp")}
.legacy-path::before{background-image:url("images/concepts/lineage-concept.webp")}
.worlds-path::before{background-image:url("images/concepts/settlement-concept.webp")}
.development-path::before{background-image:url("images/concepts/origin-fire-concept.webp");background-position:15% center}
.path-card>span,.hint-card>span{color:var(--gold);font-size:.75rem;letter-spacing:.12em}
.path-card h3{font-size:2rem;line-height:1.1;margin:26px 0 12px}
.path-card p{max-width:350px;color:#c8cdc2;margin:0 0 28px}
.path-card b{margin-top:auto;font-size:.9rem;color:var(--gold)}
.path-card:hover{border-color:var(--gold)}
.path-card:hover::before{transform:scale(1.035)}
.subpage .page-hero{position:relative;isolation:isolate;overflow:hidden;margin-top:28px;border:1px solid var(--line);padding:80px 42px;min-height:600px;display:flex;flex-direction:column;justify-content:center;background:#111411}
.page-hero::before,.page-hero::after{content:"";position:absolute;inset:0;z-index:-2}
.page-hero::before{background-size:cover;background-position:center}
.page-hero::after{z-index:-1;background:linear-gradient(90deg,#090c09ed 5%,#090c09ba 48%,#090c0938 100%),linear-gradient(0deg,#090c0988,transparent)}
.survival-page .page-hero::before{background-image:url("images/concepts/origin-fire-concept.webp");background-position:30% center}
.legacy-page .page-hero::before{background-image:url("images/concepts/lineage-concept.webp");background-position:40% center}
.worlds-page .page-hero::before{background-image:url("images/concepts/settlement-concept.webp")}
.development-page .page-hero::before{background-image:url("images/concepts/origin-fire-concept.webp")}
.page-hero h1{max-width:780px;font-size:clamp(3.4rem,6.5vw,5.8rem);line-height:.98;letter-spacing:-.045em;margin:18px 0 28px;overflow-wrap:break-word}
.page-hero .lead{max-width:650px;color:#d4d8ce}
.page-signal{display:block;align-self:flex-start;margin-top:24px;font-size:.65rem;font-weight:700;letter-spacing:.11em;color:#c8d8c7;padding:10px 14px;background:#0c0f0cbc;border:1px solid #465444}
.vision-signal{color:var(--gold);border-color:#665238}
.subpage .story-block,.subpage .forecast{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding:80px 0}
.story-block h2{font-size:clamp(2.3rem,4vw,3.7rem);margin-bottom:0}
.story-block .section-intro{margin-top:42px}
.subpage .hint-grid,.subpage .roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 0 80px;border-top:0}
.hint-card,.roadmap-card{padding:30px;border:1px solid var(--line);background:linear-gradient(145deg,#171b17,#111411);min-width:0}
.hint-card h3,.roadmap-card h3{font-size:1.35rem;line-height:1.15;margin:28px 0 18px}
.hint-card p,.roadmap-card p,.verified-panel p,.release-progress p,.forecast p,.concept-note p{color:var(--muted)}
.subpage .fact-strip,.subpage .evidence,.subpage .concept-note,.subpage .world-stages{padding:54px 0 64px}
.fact-strip>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.fact-strip span{padding:8px 14px;border:1px solid var(--line);color:#cad2c6;font-size:.88rem}
.concept-note blockquote{max-width:800px;margin:24px 0;font-size:clamp(1.7rem,3.5vw,2.7rem);line-height:1.2;letter-spacing:-.02em}
.concept-note p:last-child,.world-stages>p:last-child{max-width:760px;color:var(--muted)}
.world-stages>div{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:28px 0}
.world-stages article{flex:1;min-width:180px;border:1px solid var(--line);padding:24px}
.world-stages b,.world-stages span{display:block}
.world-stages b{font-size:1.3rem}
.world-stages span{font-size:.88rem;color:var(--muted)}
.world-stages i{font-style:normal;color:var(--gold)}
.next-page{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px 40px;padding:32px;border:1px solid var(--line);background:var(--panel);margin:24px 0 70px;transition:border-color .2s ease}
.next-page small{grid-column:1/-1;letter-spacing:.18em;font-size:.65rem;color:var(--muted)}
.next-page strong{font-size:clamp(1.2rem,3vw,1.8rem);line-height:1.2}
.next-page>span{color:var(--gold);font-size:.9rem;white-space:nowrap}
.next-page:hover{border-color:var(--gold)}
.subpage .development-summary{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center;padding:70px 0}
.release-progress{padding:30px;border:1px solid var(--line);background:var(--panel)}
.release-progress>strong{display:block;color:var(--gold);font-size:5.5rem;line-height:1.1;letter-spacing:-.06em}
.verified-panel h2{font-size:clamp(2.4rem,4vw,3.5rem)}
.roadmap-card>span{color:var(--muted);font-size:.7rem;letter-spacing:.17em}
.roadmap-card.current{border-color:#61735a}
.roadmap-card.current>span{color:#a6c394}
.forecast h2{font-size:clamp(2.5rem,4vw,3.7rem);line-height:1.1}
.forecast p:first-child{margin-top:0}
.forecast details{margin-top:24px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted)}
.forecast summary{cursor:pointer;color:var(--gold)}
.forecast details p{font-size:.9rem}
.evidence>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.evidence article{padding:20px 0;border-top:1px solid var(--line)}
.evidence b,.evidence span{display:block}
.evidence span{margin-top:8px;color:var(--muted);font-size:.9rem}
@media(max-width:1000px){header{height:auto;min-height:82px;padding:20px 28px;gap:20px;flex-wrap:wrap}nav{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:.85rem}.subpage .page-hero{padding:calc(clamp(220px,42vw,350px) + 28px) 30px 42px;min-height:0}.page-hero::before{inset:0 0 auto;height:clamp(220px,42vw,350px)}.page-hero::after{background:linear-gradient(0deg,#090c09 35%,#090c0922 100%)}.page-hero h1{font-size:clamp(3rem,7vw,4.8rem)}.subpage .hint-grid,.subpage .roadmap-grid{grid-template-columns:1fr}.subpage .story-block,.subpage .forecast{gap:36px}.world-stages i{display:none}}
@media(max-width:640px){header{padding:20px 24px 16px;gap:18px}nav{width:100%;gap:12px 20px}nav a{padding:3px 0}.path-grid{grid-template-columns:1fr}.path-card{min-height:280px;padding:26px}.subpage .page-hero{margin-top:18px;padding:calc(clamp(180px,50vw,280px) + 22px) 22px 32px}.page-hero::before{height:clamp(180px,50vw,280px)}.page-hero h1{font-size:clamp(2.4rem,10.5vw,4rem)}.page-signal{font-size:.58rem;letter-spacing:.08em}.subpage .story-block,.subpage .forecast,.subpage .development-summary{grid-template-columns:1fr;gap:24px;padding:52px 0}.story-block .section-intro{margin-top:0}.subpage .hint-grid,.subpage .roadmap-grid{padding-bottom:52px}.hint-card,.roadmap-card{padding:26px}.next-page{grid-template-columns:1fr;padding:26px;margin-bottom:52px}.next-page>span{white-space:normal}.evidence>div{grid-template-columns:1fr}.world-stages article{min-width:100%}.forecast h2{font-size:2.45rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.path-card,.path-card::before,.next-page{transition:none}}