.lore-page{background:#060e0c}.lore-page [aria-current=page]{color:var(--gold-light)}
.lore-hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:145px 8vw 90px;overflow:hidden;isolation:isolate}.lore-hero-bg{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(2,8,7,.95) 0%,rgba(2,8,7,.68) 35%,rgba(2,8,7,.12) 70%),linear-gradient(0deg,#060e0c 0%,transparent 45%),url('assets/lore/nacimiento-alyssar.webp') center/cover}.lore-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 72% 36%,transparent 0,rgba(4,12,10,.08) 30%,rgba(4,12,10,.38) 75%)}.lore-hero-copy{max-width:900px}.back-link{display:inline-block;margin-bottom:42px;color:#a7afa8;font:600 9px var(--serif);letter-spacing:.15em;text-transform:uppercase}.lore-hero h1{font-size:clamp(52px,7.5vw,108px);line-height:.92}.lore-hero-copy>p:last-of-type{max-width:650px;margin-top:27px;color:#bac2ba;font:14px/1.85 var(--sans)}.era-links{display:flex;flex-wrap:wrap;gap:28px;margin-top:42px}.era-links a{padding-bottom:11px;border-bottom:1px solid var(--line);font:600 9px var(--serif);letter-spacing:.1em;text-transform:uppercase}.era-links b{margin-right:10px;color:var(--gold)}.lore-scroll{position:absolute;right:4vw;bottom:70px;display:flex;align-items:center;gap:14px;color:#9b9f96;font:600 7px var(--serif);letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl}.lore-scroll i{height:54px;width:1px;background:linear-gradient(var(--gold),transparent)}
.prologue{padding:150px max(8vw,40px);display:grid;grid-template-columns:120px minmax(0,1fr) .65fr;gap:70px;align-items:center;background:radial-gradient(circle at 30% 35%,rgba(59,110,79,.18),transparent 32%),#07110f}.prologue-mark{align-self:start;color:rgba(203,169,104,.27);font:500 150px/.8 var(--serif)}.prologue-copy{max-width:680px}.prologue h2,.age-copy h2,.chronology-heading h2,.present-copy h2{margin:18px 0 30px;font-size:clamp(40px,5vw,72px);font-weight:500;line-height:1.07}.prologue-copy>p:not(.eyebrow),.age-copy>p:not(.eyebrow),.present-copy>p:not(.eyebrow){color:#9aa69e;font:16px/1.9 Georgia,serif}.prologue strong{color:#d9c99f}.first-oath{padding:50px 36px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(23,52,40,.75),rgba(7,17,14,.65));text-align:center}.first-oath span{color:#e6decd;font:500 21px/1.7 var(--serif)}.first-oath small{display:block;margin-top:25px;color:#78887e;font:600 7px var(--serif);letter-spacing:.14em;text-transform:uppercase}
.age{padding:130px max(7vw,35px)}.age-light{background:#091511}.age-dark{background:radial-gradient(circle at 85% 45%,rgba(89,45,111,.18),transparent 35%),#090d0f}.age-art{max-width:1380px;height:clamp(330px,49vw,670px);margin:0 auto 100px;position:relative;overflow:hidden;border:1px solid rgba(203,169,104,.28);box-shadow:0 35px 90px rgba(0,0,0,.35)}.age-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(3,9,8,.9))}.age-art img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s ease}.age-art:hover img{transform:scale(1.025)}.age-art figcaption{position:absolute;z-index:2;left:36px;bottom:30px;display:flex;flex-direction:column;gap:7px}.age-art figcaption small{color:var(--gold);font:600 8px var(--serif);letter-spacing:.18em}.age-art figcaption strong{color:#eee4d1;font:500 clamp(20px,3vw,31px) var(--serif)}.age-copy{max-width:760px;margin:0 auto 70px;text-align:center}.age-copy .eyebrow{justify-content:center}.city-oaths{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.city-oath{min-height:360px;padding:42px 34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(7,18,14,.65);transition:.35s}.city-oath:hover{transform:translateY(-6px);background:rgba(24,55,42,.55)}.city-oath>span{display:block;height:70px;color:var(--gold);font:30px var(--serif)}.city-oath small,.lost-ledger small{color:#718178;font:600 7px var(--sans);letter-spacing:.18em}.city-oath h3{margin:12px 0 14px;color:#e9e1cf;font:500 24px var(--serif)}.city-oath p{color:#85938a;font-size:12px;line-height:1.8}
.chronology{padding:150px max(7vw,35px);background:linear-gradient(90deg,rgba(7,17,14,.96),rgba(7,17,14,.82)),url('assets/lore/nacimiento-alyssar.webp') center/cover fixed}.chronology-heading{max-width:780px;margin:0 auto 90px;text-align:center}.chronology-heading .eyebrow{justify-content:center}.chronology-heading>p:last-child{color:#89978e;font-size:13px;line-height:1.8}.timeline{max-width:1050px;margin:auto;padding:0;list-style:none;position:relative}.timeline:before{content:"";position:absolute;top:0;bottom:0;left:190px;width:1px;background:linear-gradient(var(--gold),#49304f,var(--gold))}.timeline li{position:relative;display:grid;grid-template-columns:155px 1fr;gap:70px;padding:0 0 70px}.timeline li:before{content:"";position:absolute;left:184px;top:8px;width:11px;height:11px;border:1px solid var(--gold);background:#07110f;transform:rotate(45deg);box-shadow:0 0 18px rgba(203,169,104,.25)}.timeline time{padding-top:2px;color:var(--gold);font:500 20px var(--serif);text-align:right}.timeline div{padding:0 0 35px;border-bottom:1px solid var(--line)}.timeline small{color:#708278;font:600 7px var(--sans);letter-spacing:.2em}.timeline h3{margin:9px 0 12px;color:#e9e1cf;font:500 24px var(--serif)}.timeline p{max-width:690px;margin:0;color:#87958c;font-size:12px;line-height:1.8}.timeline .fracture:before{border-color:#a66fbe;box-shadow:0 0 25px rgba(171,87,207,.5)}.timeline .fracture time{color:#bb88cf}.timeline .current:before{background:var(--gold);box-shadow:0 0 25px rgba(203,169,104,.65)}
.darkness-layout{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 330px;gap:80px;align-items:center}.darkness-layout .age-copy{margin:0;text-align:left}.darkness-layout .age-copy .eyebrow{justify-content:flex-start}.lost-ledger{padding:42px 34px;border:1px solid rgba(160,104,181,.3);background:rgba(18,15,24,.72)}.lost-ledger strong{display:block;margin-top:28px;color:#c695d8;font:500 58px/.9 var(--serif)}.lost-ledger span{display:block;margin-top:8px;color:#a299a5;font-size:10px;line-height:1.5;text-transform:uppercase}.lost-ledger p{margin:30px 0 0;padding-top:25px;border-top:1px solid rgba(160,104,181,.2);color:#7f7781;font-size:11px;line-height:1.75}
.present-age{min-height:780px;padding:130px 25px;display:grid;place-items:center;position:relative;overflow:hidden;text-align:center;background:radial-gradient(circle at center,rgba(37,83,62,.44),transparent 38%),#06100e}.present-copy{max-width:830px;position:relative;z-index:2}.present-copy .eyebrow{justify-content:center}.present-copy strong{color:#ddc993}.present-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:38px}.present-actions a{min-width:210px;padding:16px 18px;border:1px solid rgba(203,169,104,.38);color:var(--gold-light);font:600 8px var(--serif);letter-spacing:.13em;text-transform:uppercase}.present-actions a:first-child{background:linear-gradient(135deg,#d4b675,#9b733b);color:#07110f}.present-orbit{position:absolute;width:600px;height:600px;border:1px solid rgba(203,169,104,.08);border-radius:50%;animation:loreSpin 55s linear infinite}.present-orbit:before,.present-orbit:after{content:"";position:absolute;border:1px solid rgba(203,169,104,.06);border-radius:50%}.present-orbit:before{inset:60px}.present-orbit:after{inset:145px}.present-orbit i{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold)}.present-orbit i:nth-child(1){left:50%;top:-3px}.present-orbit i:nth-child(2){right:7%;bottom:23%}.present-orbit i:nth-child(3){left:9%;bottom:18%}@keyframes loreSpin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.site-header nav{gap:18px}.prologue{grid-template-columns:80px 1fr}.first-oath{grid-column:2}.city-oaths{grid-template-columns:1fr 1fr}.darkness-layout{grid-template-columns:1fr}.lost-ledger{max-width:600px}}
@media(max-width:700px){.lore-hero{padding:130px 22px 65px}.lore-scroll{display:none}.era-links{gap:15px}.prologue{padding:100px 22px;grid-template-columns:1fr;gap:40px}.prologue-mark{font-size:95px}.first-oath{grid-column:auto;padding:38px 25px}.age,.chronology{padding:90px 22px}.age-art{height:310px;margin-bottom:70px}.age-art figcaption{left:20px;bottom:20px}.city-oaths{grid-template-columns:1fr}.city-oath{min-height:0}.chronology-heading{margin-bottom:65px}.timeline:before{left:10px}.timeline li{grid-template-columns:1fr;gap:15px;padding:0 0 55px;padding-left:42px}.timeline li:before{left:4px}.timeline time{text-align:left}.darkness-layout{gap:45px}.present-orbit{width:390px;height:390px}}
@media(prefers-reduced-motion:reduce){.present-orbit{animation:none}.age-art img{transition:none}}