@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap');
.eight-page{--gold:#d5b478;--ivory:#eee7d9;--red:#bd482e;background:#0c100f;color:var(--ivory)}
.eight-page .site-header{background:#0c100f;border-color:#d5b47830}
.eight-page .site-header nav a{font-size:14px}
.eight-page .brand-mark{background:var(--gold)}
.eight-page h2,.eight-page h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;letter-spacing:-.035em}
.eight-page h2{font-size:clamp(44px,5.4vw,82px);line-height:1.03;margin:0}
.eight-page h2 em{color:var(--gold);font-weight:400}
.eight-page p{line-height:1.85}
.world-kicker{color:var(--gold);font:700 12px/1.6 Manrope,sans-serif;letter-spacing:.15em;margin:0 0 24px}
.world-hero{min-height:730px;min-height:max(730px,calc(94svh - 84px));position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}
.hero-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#060b0ee8 0%,#090d10aa 38%,#0b0f1115 72%),linear-gradient(0deg,#0c100f 0%,transparent 34%,#0002 100%)}
.hero-content{width:min(780px,66%);padding:70px 0 95px 5vw}
.hero-content .world-kicker{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:11px}
.hero-content .world-kicker span{color:#e9ddd0;border-left:1px solid #b44832;padding-left:22px}
.hero-content h1{margin:0 0 27px;line-height:0}
.hero-content h1 img{width:100%;height:auto;mix-blend-mode:screen}
.hero-line{font:500 clamp(28px,3vw,44px)/1.2 'Cormorant Garamond',Georgia,serif;margin:0 0 20px;letter-spacing:-.025em;text-shadow:0 2px 16px #000}
.hero-line em{color:#d9bd91;font-weight:400}
.hero-summary{font-size:16px;color:#d7d1c8;max-width:465px;margin:0 0 31px}
.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.pc-status{display:inline-flex;align-items:center;border:1px solid #d5b4788a;background:#0c100f66;padding:14px 19px;font:700 12px/1.5 Manrope,sans-serif;letter-spacing:.12em;color:var(--gold)}
.world-link{font-size:14px;font-weight:700;color:var(--ivory);text-decoration:none;border-bottom:1px solid #d5b47888;padding:10px 0}
.world-link:hover{color:var(--gold)}
.hero-footnote{position:absolute;left:5vw;right:5vw;bottom:24px;display:flex;justify-content:space-between;color:#b4b4a9;font-size:10px;letter-spacing:.17em}
.hero-footnote span:last-child{color:#e5c78f;font:400 22px Georgia,serif;letter-spacing:.25em}
.game-facts{padding:28px 5vw;display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #d5b47835;background:#151914;gap:30px}
.game-facts p{font-size:15px;margin:0}.game-facts span{display:block;color:#ad9a76;font-size:10px;font-weight:700;letter-spacing:.15em;margin-bottom:5px}
.world-section{display:grid;grid-template-columns:1fr 1.08fr;gap:10%;padding:110px max(5vw,24px) 115px;max-width:1450px;margin:auto;scroll-margin-top:30px}
.world-intro{position:relative}.spirit-mark{display:block;margin-top:50px;font:400 clamp(32px,5vw,66px)/1.5 Georgia,serif;color:#d5b47842;letter-spacing:.2em}
.world-story{padding-top:37px;color:#c0c1b6}.world-story p{margin:0 0 22px;font-size:16px}.world-story .story-opening{font:500 28px/1.4 'Cormorant Garamond',Georgia,serif;color:var(--ivory)}
.name-note{margin-top:35px;padding:23px 0 0;border-top:1px solid #d5b47840}.name-note>span{font-size:10px;letter-spacing:.18em;color:var(--gold);font-weight:700}.name-note p{font-size:14px;margin:12px 0 0;line-height:1.8}.name-note em{color:#e4d5b9}
.kami-section{padding:95px 5vw 90px;background:radial-gradient(ellipse at 50% 60%,#35301b66,transparent 65%),#101310;border-block:1px solid #d5b47833;scroll-margin-top:20px}
.kami-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;max-width:1300px;margin:auto}.kami-heading>p{max-width:410px;font-size:16px;color:#bec1b5;margin:0 0 5px}
.kami-instruction{max-width:1300px;margin:38px auto 12px;font-size:13px;color:#a7ad9f}
.kami-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;max-width:1320px;margin:0 auto 34px}
.kami-choice{min-width:0;border:1px solid transparent;border-radius:4px;background:none;padding:16px 5px 15px;color:#b0b2a5;cursor:pointer;font:600 14px/1.5 Manrope,sans-serif;transition:border-color .25s,background .25s,color .25s}
.kami-choice img{width:100%;max-width:150px;height:auto;aspect-ratio:1;margin:0 auto 15px;object-fit:contain;filter:grayscale(1) brightness(.65);transition:filter .35s;mix-blend-mode:screen}
.kami-choice span,.kami-choice small{display:block}.kami-choice span{font-family:'Cormorant Garamond',Georgia,serif;font-size:24px;color:#ddd6c1;font-weight:500}.kami-choice small{font-size:11px;font-weight:400;margin-top:2px}
.kami-choice:hover img,.kami-choice[aria-pressed=true] img{filter:grayscale(0) brightness(1.05)}
.kami-choice[aria-pressed=true]{border-color:#c9a56370;background:#d5b47809;color:var(--gold)}
.kami-choice:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.kami-detail{max-width:1300px;margin:auto;padding:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #d5b47840;min-height:145px}
.kami-detail .world-kicker{margin:0 0 8px;text-transform:uppercase;font-size:11px}.kami-detail h3{font-size:32px;margin:0;line-height:1.2}.kami-detail>p{font-size:15px;color:#bec1b5;max-width:470px;margin:15px 0 0}
.survival-section{max-width:1450px;margin:auto;display:grid;grid-template-columns:1fr 1.08fr;gap:10%;padding:110px max(5vw,24px)}
.survival-rows article{display:flex;gap:26px;padding:30px 0;border-top:1px solid #d5b47835}.survival-rows article:last-child{border-bottom:1px solid #d5b47835}.survival-rows article>span{color:#b88859;font-size:12px;margin-top:8px}.survival-rows h3{font-size:34px;margin:0 0 10px;line-height:1.1}.survival-rows p{font-size:15px;color:#bec1b5;margin:0}
.first-look{padding:25px 5vw 90px;max-width:1450px;margin:auto}.first-look-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.first-look-heading .world-kicker{margin-bottom:15px}.first-look-heading>span{font-size:10px;letter-spacing:.12em;color:#a3aa9c;margin-bottom:9px}.first-look h2{font-size:clamp(40px,5vw,64px)}.first-look>a{display:block;border:1px solid #d5b47860;padding:8px;background:#161b16}.first-look img{width:100%;height:auto}.first-look>p{font-size:13px;color:#9ca596;margin:18px 0 0}
.world-close{padding:105px 24px 110px;text-align:center;background:radial-gradient(ellipse at 50% 100%,#4f352033,transparent 70%);border-block:1px solid #d5b47833}.world-close .world-kicker{font-size:11px}.world-close h2{font-size:clamp(52px,6vw,90px)}.world-close .pc-status{margin:30px 0 25px}.world-close .world-link{display:table;margin:0 auto}
.eight-page footer{margin:0 5vw}.eight-page footer .footer-brand{text-decoration:none;border:0;font-size:14px}.eight-page footer p{font-size:12px}
@media(min-width:1800px){.hero-content{padding-left:max(5vw,calc((100vw - 1500px)/2));width:calc(750px + max(5vw,calc((100vw - 1500px)/2)))}}
@media(max-width:1000px){.kami-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.kami-choice img{max-width:130px}.hero-content{width:72%}.world-section,.survival-section{gap:6%}.kami-heading{gap:35px}.kami-heading>p{max-width:340px}}
@media(max-width:700px){.eight-page .site-header{height:auto;min-height:76px;gap:20px;padding:18px 20px;align-items:center}.eight-page .brand{font-size:16px}.eight-page .brand-mark{width:32px;height:32px;font-size:21px}.eight-page .site-header nav{gap:17px}.eight-page .site-header nav a{font-size:12px}.eight-page .site-header nav a:nth-child(2),.eight-page .site-header nav a:nth-child(3){display:none}.world-hero{min-height:780px;align-items:flex-end}.hero-landscape{object-position:70% top}.hero-shade{background:linear-gradient(0deg,#0c100f 0%,#080f13b8 48%,#0c100f00 85%)}.hero-content{width:100%;padding:260px 24px 90px}.hero-content .world-kicker{font-size:9px;gap:14px}.hero-content .world-kicker span{padding-left:14px}.hero-content h1{margin:0 -10px 24px}.hero-line{font-size:33px}.hero-summary{font-size:15px;max-width:430px}.hero-actions{gap:18px}.pc-status{font-size:10px;padding:12px 14px}.hero-footnote{left:24px;right:24px;font-size:9px}.hero-footnote span:last-child{font-size:18px}.game-facts{grid-template-columns:1fr;gap:17px;padding:25px 24px}.game-facts p{display:flex;justify-content:space-between;gap:20px;font-size:13px;align-items:center}.game-facts span{font-size:9px;margin:0}.world-section,.survival-section{grid-template-columns:1fr;gap:30px;padding:70px 24px}.spirit-mark{display:none}.world-story{padding-top:0}.world-kicker{font-size:10px;margin-bottom:20px}.world-story .story-opening{font-size:26px}.kami-section{padding:70px 20px 55px}.kami-heading{display:block}.kami-heading>p{margin-top:27px;max-width:none;font-size:15px}.kami-grid{gap:6px}.kami-choice{padding:12px 2px}.kami-choice img{margin-bottom:8px}.kami-choice span{font-size:21px}.kami-choice small{font-size:9px}.kami-instruction{font-size:12px;margin-top:28px}.kami-detail{grid-template-columns:1fr;gap:0;min-height:185px}.kami-detail h3{font-size:29px}.kami-detail>p{font-size:14px;margin-top:15px}.survival-rows article{gap:20px}.survival-rows h3{font-size:31px}.first-look{padding:0 20px 65px}.first-look-heading{display:block}.first-look-heading>span{display:block;margin-top:18px;font-size:9px}.first-look>a{padding:3px}.world-close{padding:75px 24px}.eight-page footer .footer-brand{font-size:12px}.eight-page footer p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.kami-choice,.kami-choice img{transition:none}}
.eight-page .hero-line{line-height:1.24}
.kami-choice img{border-radius:50%}
.hero-content h1 img{mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
@media(max-width:420px){.eight-page .site-header{flex-wrap:wrap}.eight-page .site-header nav{margin-left:auto}}
/* How human skill and supernatural talents meet. */
.progression-notes{max-width:1300px;margin:35px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:55px;border-top:1px solid #d5b47835;padding-top:35px}
.progression-notes article>span,.discipline-grid article>span{font-size:10px;letter-spacing:.14em;color:var(--gold);font-weight:700}
.progression-notes h3{font-size:30px;line-height:1.2;margin:12px 0 14px}.progression-notes p{font-size:15px;color:#bec1b5;margin:0;max-width:530px}
.warrior-section{max-width:1450px;margin:auto;padding:0 max(5vw,24px) 95px}
.warrior-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:45px}.warrior-heading>p{max-width:470px;font-size:16px;color:#bec1b5;margin:0 0 5px}
.discipline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 45px;border-top:1px solid #d5b47840}.discipline-grid article{padding:30px 0;border-bottom:1px solid #d5b47835}.discipline-grid h3{font-size:38px;line-height:1.2;margin:12px 0}.discipline-grid p{font-size:15px;color:#bec1b5;margin:0;max-width:360px}.development-note{font-size:12px;color:#9ca596;margin:20px 0 0}
@media(max-width:900px){.discipline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.warrior-heading{gap:35px}.warrior-heading>p{max-width:340px}}
@media(max-width:700px){.progression-notes{grid-template-columns:1fr;gap:30px;margin-top:30px;padding-top:30px}.progression-notes h3{font-size:27px}.warrior-section{padding:0 24px 65px}.warrior-heading{display:block;margin-bottom:30px}.warrior-heading>p{margin-top:25px;font-size:15px;max-width:none}.discipline-grid{gap:0 25px}.discipline-grid h3{font-size:31px}.discipline-grid p{font-size:14px}.discipline-grid article>span{font-size:9px}}
@media(max-width:420px){.discipline-grid{grid-template-columns:1fr}.discipline-grid article{padding:25px 0}.discipline-grid h3{font-size:34px}}