/* Lore: a forest journal, with independent chapter reveals. */
.lore-section { position:relative; isolation:isolate; background:#09120f; border-block:1px solid #d3c7a026; scroll-margin-top:0; --lore-gold:#d3c7a0; }
.lore-section[data-motion] > .lore-layout { will-change:auto; }
.lore-scenery { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:clip; }
.lore-scene { position:sticky; top:0; height:100svh; overflow:hidden; }
.lore-video { width:100%; height:100%; object-fit:cover; opacity:.44; filter:saturate(.55); }
.lore-shade { position:absolute; inset:0; background:linear-gradient(90deg,#09120f66,#09120fe8 65%),linear-gradient(0deg,#09120f,transparent 30%,transparent 70%,#09120f); }
.lore-orbit { position:absolute; width:580px; height:580px; top:20%; left:-200px; border:1px solid #d3c7a021; border-radius:50%; animation:loreOrbit 80s linear infinite; animation-play-state:paused; }
.lore-orbit::before { content:''; position:absolute; inset:40px; border:1px dashed #d3c7a025; border-radius:50%; }
.lore-orbit::after { content:''; position:absolute; width:7px; height:7px; background:var(--lime); border-radius:50%; top:83px; right:83px; box-shadow:0 0 22px #ccff0080; }
.lore-active .lore-orbit { animation-play-state:running; }
.lore-layout { display:grid; grid-template-columns:minmax(250px,.85fr) minmax(0,1.3fr); gap:clamp(48px,8vw,140px); align-items:start; padding-block:120px; }
.lore-index { position:sticky; top:125px; padding-bottom:25px; }
.lore-index .sec-kicker { color:var(--lore-gold); }
.lore-index h2 { font:700 clamp(32px,3.4vw,50px)/1 Archivo,sans-serif; letter-spacing:-.045em; margin:34px 0 16px; }
.lore-index h2 span { color:var(--lime); }
.lore-subtitle { font:normal clamp(32px,3.3vw,48px)/1.1 Georgia,serif; letter-spacing:-.025em; color:#f2eddf; margin:0 0 36px; }
.lore-subtitle em { font-weight:normal; color:var(--lore-gold); }
.lore-edition { font:10px/1.5 'JetBrains Mono',monospace; color:var(--muted); letter-spacing:.18em; }
.lore-chapters { display:grid; gap:0; margin-top:18px; }
.lore-chapters a { display:flex; align-items:center; gap:16px; padding:12px 0; color:#acb6a9; font:12px/1.5 Inter,sans-serif; text-decoration:none; transition:color .3s,transform .3s; }
.lore-chapters a span { font:10px 'JetBrains Mono',monospace; color:#768674; }
.lore-chapters a:hover,.lore-chapters a[aria-current] { color:var(--ink); transform:translateX(5px); }
.lore-chapters a[aria-current] span { color:var(--lime); }
.lore-reading { height:1px; background:#ffffff20; margin-top:24px; max-width:270px; }
.lore-reading span { display:block; height:1px; background:var(--lore-gold); transform:scaleX(var(--read,0)); transform-origin:left; }
.lore-margin-note { margin-top:22px; color:var(--lore-gold); font:italic 17px/1.5 Georgia,serif; }
.lore-story { max-width:690px; min-width:0; }
.lore-story { overflow-wrap:break-word; }
.lore-section:lang(ja) .lore-story,.lore-section:lang(zh) .lore-story { line-break:strict; }
.lore-section:lang(ja) .lore-mission,.lore-section:lang(zh) .lore-mission { font-size:clamp(34px,4vw,54px); }
.lore-chapter { scroll-margin-top:120px; padding-bottom:72px; }
.lore-chapter + .lore-chapter { padding-top:32px; }
.lore-chapter:last-child { padding-bottom:0; }
.lore-chapter-label { display:flex; gap:16px; align-items:center; padding-bottom:22px; margin-bottom:32px; border-bottom:1px solid #d3c7a03d; }
.lore-chapter-label span { font:11px 'JetBrains Mono',monospace; color:var(--lore-gold); }
.lore-chapter-label h3 { font:500 12px/1.5 Inter,sans-serif; letter-spacing:.1em; text-transform:uppercase; color:#d3c7a0; margin:0; }
.lore-story p { font:400 17px/1.95 Inter,sans-serif; color:#bac4b9; margin:0 0 26px; }
.lore-story strong { font-weight:650; color:#f1f2e9; }
.lore-story .lore-opening { font:400 clamp(34px,3.5vw,52px)/1.18 Georgia,serif; color:#ede9dc; margin-bottom:36px; letter-spacing:-.025em; }
.lore-opening strong { font-weight:normal; color:var(--lore-gold); }
.lore-story .lore-emphasis { font:400 25px/1.55 Georgia,serif; color:#e8e6d9; margin-block:36px; }
.lore-story .lore-verse { border-left:1px solid #d3c7a070; padding-left:24px; color:#d3cbbb; font:italic 21px/1.85 Georgia,serif; margin-block:36px; }
.lore-pullquote { margin:48px 0; padding:30px 0 30px 28px; border-left:2px solid var(--lime); font:400 clamp(34px,3.5vw,52px)/1.16 Georgia,serif; letter-spacing:-.025em; color:#e7e3d5; }
.lore-pullquote strong { color:var(--lore-gold); font-weight:normal; }
.lore-pullquote-small { font-size:clamp(28px,2.8vw,40px); line-height:1.3; }
.lore-story .lore-mission { font:400 clamp(48px,5vw,76px)/1.05 Georgia,serif; letter-spacing:-.035em; margin:44px 0; }
.lore-mission strong { font-weight:normal; }
.lore-mission em { color:var(--lime); }
.lore-signature { padding-top:42px; margin-top:54px; border-top:1px solid #d3c7a03d; }
.lore-signature > span { font:600 12px 'JetBrains Mono',monospace; letter-spacing:.2em; color:var(--lore-gold); }
.lore-signature p { font:400 clamp(32px,3.5vw,48px)/1.15 Georgia,serif; margin-top:24px; letter-spacing:-.03em; }
.lore-signature strong { font-weight:normal; }
.lore-signature em { color:var(--lore-gold); }
.lore-signature a { display:inline-flex; gap:36px; color:var(--ink); font:500 13px Inter,sans-serif; text-decoration:none; padding-bottom:12px; border-bottom:1px solid var(--lime); }
.lore-signature a span { color:var(--lime); transition:transform .3s; }
.lore-signature a:hover span { transform:translate(3px,-3px); }
.lore-section .lore-reveal { opacity:0; transform:translateY(48px); transition:opacity 1.1s ease var(--lore-delay,0ms),transform 1.25s cubic-bezier(.22,.7,.25,1) var(--lore-delay,0ms); }
.lore-section .lore-reveal.lore-shown { opacity:1; transform:none; }
@keyframes loreOrbit { to { transform:rotate(360deg); } }
@media(min-width:901px) and (max-width:1250px) { .nav-links { gap:16px; } .nav-links .lang-switch > span { display:none; } }
@media(max-width:900px) { .lore-layout { grid-template-columns:1fr; gap:54px; padding-block:76px; } .lore-index { position:relative; top:auto; padding:0; } .lore-index h2 { font-size:42px; } .lore-subtitle { font-size:44px; } .lore-chapters { grid-template-columns:1fr 1fr; column-gap:20px; } .lore-reading,.lore-margin-note { display:none; } .lore-story { max-width:690px; } .lore-shade { background:linear-gradient(90deg,#09120fe0,#09120fe8),linear-gradient(0deg,#09120f,transparent); } .lore-chapter { padding-bottom:48px; } }
@media(max-width:480px) { .lore-story p { font-size:16px; line-height:1.85; } .lore-chapters { grid-template-columns:1fr; } .lore-chapter-label h3 { font-size:10px; } .lore-story .lore-verse { font-size:19px; padding-left:18px; } .lore-pullquote { padding-left:20px; } }
@media(prefers-reduced-motion:reduce) {
 .lore-section .lore-orbit { animation:loreOrbit 80s linear infinite!important; animation-play-state:paused!important; }
 .lore-section.lore-active .lore-orbit { animation-play-state:running!important; }
 /* Match the owner-requested entrance feedback of the other sections. */
 .lore-section .lore-reveal { transition:opacity 1.1s ease var(--lore-delay,0ms),transform 1.25s cubic-bezier(.22,.7,.25,1) var(--lore-delay,0ms)!important; }
}