.codex-page{margin:0;background:#f7f8f9;color:#5e6d80}.codex-page .header{box-shadow:0 1px 0 rgba(54,70,94,.08)}.wrap{width:84%;max-width:1440px;margin:auto}.kicker{display:block;color:#8c9ab0;font:12px Georgia,"Times New Roman",serif;letter-spacing:5px}.gold-line{display:block;width:62px;height:1px;background:linear-gradient(90deg,#c89d5d,transparent)}
.codex-hero{position:relative;min-height:100vh;padding-top:72px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(118deg,#fffdf9,#f3f5f7 54%,#e9edf1)}.hero-no{position:absolute;right:5%;top:12%;font:240px/1 Georgia,serif;color:rgba(48,71,105,.035)}.hero-grid{position:relative;display:grid;grid-template-columns:.68fr 1.32fr;gap:64px;align-items:center}.hero-copy{padding-left:4%}.hero-copy .gold-line{margin:25px 0 27px}.hero-copy h1{margin:0;color:#314f79;font-size:68px;font-weight:400;letter-spacing:9px}.hero-copy p{margin:30px 0;color:#617087;font-size:20px;line-height:2.05;letter-spacing:2px}.hero-copy small{color:rgba(75,94,122,.48);font:11px Georgia,serif;letter-spacing:4px}.hero-art{position:relative;height:auto;aspect-ratio:2/1;margin:0;overflow:hidden;border-radius:12px;box-shadow:0 26px 70px rgba(55,70,94,.13)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.throne img{width:100%;height:100%;object-fit:cover;display:block}.hero-art figcaption,.throne figcaption{position:absolute;left:22px;bottom:18px;color:#fff;font:10px Georgia,serif;letter-spacing:3px;text-shadow:0 1px 8px #334}
.intro{padding:125px 0 115px;background:#fff}.intro-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:110px}.intro h2,.section-title h2,.throne h2{margin:22px 0 0;color:#304f7d;font-size:42px;font-weight:400;line-height:1.6;letter-spacing:4px}.intro-copy{padding-top:37px;color:#5f6f85;font-size:20px;line-height:2.05;letter-spacing:1.1px}.intro-copy p{margin:0 0 22px}
.marks{padding:125px 0;background:#f3f5f6}.section-title{text-align:center;max-width:900px;margin:auto}.section-title p{font-size:19px;line-height:2}.book{max-width:1180px;margin:70px auto 0;display:grid;grid-template-columns:1fr 18px 1fr;filter:drop-shadow(0 24px 38px rgba(68,72,77,.12))}.book-page{min-height:390px;padding:48px;background:#f8f3e8;border:1px solid #dfd4bf}.left{border-radius:16px 2px 2px 16px}.right{border-radius:2px 16px 16px 2px}.spine{background:linear-gradient(90deg,#c7baa4,#eee6d7,#c5b79e)}.page-label{color:#a08258;font:11px Georgia,serif;letter-spacing:3px}.sigils{height:285px;margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:18px}.sigil-slot{position:relative;border:1px solid rgba(157,135,99,.22);border-radius:3px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}.sigil-slot:after{content:"";position:absolute;inset:9px;border:1px solid rgba(157,135,99,.09);pointer-events:none}.sigil-slot{display:flex;align-items:center;justify-content:center;overflow:hidden}.sigil-slot img{position:relative;z-index:1;width:88%;height:88%;object-fit:contain;filter:grayscale(1) brightness(.34) sepia(.12) saturate(.55);opacity:.32;transition:filter .35s ease,opacity .35s ease,transform .35s ease}.sigil-slot:hover img{opacity:.42;transform:scale(1.025)}.record{margin-top:34px;padding:28px;border-top:1px solid rgba(158,130,85,.35);border-bottom:1px solid rgba(158,130,85,.2)}.record small,.record span,.record em{display:block}.record small{color:#a08258;letter-spacing:3px}.record b{display:block;margin:10px 0;color:#405a7b;font-size:25px;font-weight:400}.record span,.record em{color:#7a746a;font-size:15px;line-height:1.8}.record em{font-style:normal;color:#a47b42}.record-first{min-height:145px;padding-top:30px;padding-bottom:30px}.record-first em{margin-top:7px;font:italic 12px Georgia,"Times New Roman",serif;letter-spacing:1.4px;color:rgba(164,123,66,.72)}.record-next{margin-top:22px;padding:15px 20px 13px;opacity:.42;border-top:1px solid rgba(158,130,85,.25);border-bottom:0}.record-next small{font-size:9px;letter-spacing:2.4px}.record-next b{margin:6px 0 3px;font-size:16px}.record-next span{font-size:12px}
.progress{padding:125px 0;background:#fff}.steps{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr 26px 1fr 26px 1fr 26px 1fr;align-items:center;margin-top:72px}.steps i{height:1px;background:#d5c3a6}.steps div{text-align:center}.steps b{display:block;color:#a07b47;font:16px Georgia,serif;letter-spacing:2px}.steps span{display:block;margin:14px 0 5px;color:#526983;font:29px Georgia,serif}.steps small{color:#7b8796;font-size:14px}.steps .final span{color:#ad7d3c}.steps .final{position:relative}.steps .final:before{content:"";position:absolute;left:50%;top:50%;width:90px;height:90px;transform:translate(-50%,-42%);background:radial-gradient(circle,rgba(221,178,100,.18),transparent 68%)}
.throne{padding:130px 0;background:linear-gradient(120deg,#eef2f4,#e7ebef)}.throne-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}.throne-copy .gold-line{margin:28px 0}.throne-copy p{font-size:19px;line-height:2.05;letter-spacing:1px}.throne figure{position:relative;height:430px;margin:0;overflow:hidden;border-radius:12px;box-shadow:0 24px 60px rgba(49,62,83,.13)}
.feature-next{padding:90px 0;background:#fff}.center{text-align:center}.next-links{display:grid;grid-template-columns:1fr 1fr;margin-top:36px;border-top:1px solid rgba(68,84,108,.12);border-bottom:1px solid rgba(68,84,108,.12)}.next-links a{padding:28px;text-decoration:none}.next-links a:first-child{border-right:1px solid rgba(68,84,108,.1)}.next-links small{display:block;color:#aa8651;font:12px Georgia,serif;letter-spacing:3px}.next-links b{display:block;margin-top:10px;color:#506681;font-size:19px;font-weight:400;letter-spacing:2px}.right{text-align:right}.journey{padding:85px 20px 100px;text-align:center;background:#faf9f6}.journey h2{margin:20px 0 30px;color:#405a7c;font-size:30px;font-weight:400;letter-spacing:4px}.journey a{display:inline-flex;gap:28px;padding:17px 24px;border:1px solid rgba(160,129,81,.55);color:#405b82;text-decoration:none;background:#fff}
@media(max-width:1100px){.hero-grid{grid-template-columns:.9fr 1.1fr;gap:45px}.hero-copy h1{font-size:54px}.intro-grid{gap:60px}.intro h2,.section-title h2,.throne h2{font-size:38px}.throne-grid{gap:55px}.steps{grid-template-columns:repeat(6,1fr)}.steps i{display:none}}
@media(max-width:768px){.wrap{width:86%}.codex-hero{min-height:auto;padding:112px 0 75px}.hero-grid,.intro-grid,.throne-grid{grid-template-columns:1fr}.hero-copy{padding:0}.hero-copy h1{font-size:43px}.hero-art{height:auto;min-height:0;aspect-ratio:16/9}.intro,.marks,.progress,.throne{padding:85px 0}.intro h2,.section-title h2,.throne h2{font-size:31px}.intro-copy{padding-top:0;font-size:18px}.book{grid-template-columns:1fr}.spine{height:12px}.left,.right{border-radius:10px}.steps{grid-template-columns:1fr 1fr;gap:35px}.throne figure{height:58vw;min-height:300px}.next-links{grid-template-columns:1fr}.next-links a:first-child{border-right:0;border-bottom:1px solid rgba(68,84,108,.1)}.right{text-align:left}}


/* 2026-10 visual consistency: shared Feature hero / ending baseline */
.codex-hero{background:radial-gradient(circle at 18% 20%,rgba(255,239,204,.52),transparent 27%),linear-gradient(120deg,#fffdf9 0%,#f7fafc 48%,#edf4f8 100%)}
.hero-no{left:5.5%;right:auto;top:13%;font:240px/1 Georgia,"Times New Roman",serif;color:rgba(66,91,126,.035);letter-spacing:-12px}
.journey{padding:105px 24px 110px;background:radial-gradient(circle at 50% 20%,rgba(255,239,205,.5),transparent 34%),linear-gradient(#f6f9fb,#fffdf9)}
.journey h2{margin:22px 0 34px;color:#304f7d;font-size:38px;font-weight:400;letter-spacing:4px}
.journey a{align-items:center;justify-content:space-between;width:238px;height:58px;padding:0 23px;gap:0}
@media(max-width:768px){.hero-no{left:5.5%;right:auto;top:90px;font-size:150px}.journey h2{font-size:30px}}