:root{
  --ink:#17130f;
  --ink-2:#241c17;
  --paper:#eee5d5;
  --paper-2:#f7f0e5;
  --warm:#d9a85d;
  --gold:#c7a164;
  --gold-soft:#e7cf9a;
  --violet:#9f81d6;
  --violet-bright:#c1a6ff;
  --blue-spirit:#a8d8ff;
  --muted:#8f8579;
  --cream:#fff8ec;
  --shadow:0 30px 80px rgba(17,11,8,.28);
  --display:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;color:var(--ink);font-family:var(--sans);background:var(--paper);overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
::selection{background:rgba(159,129,214,.34);color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:#fff;color:#111;padding:.8rem 1rem;border-radius:.4rem}.skip-link:focus{top:1rem}

.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:140;background:rgba(255,255,255,.08);pointer-events:none}
.reading-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--gold-soft),var(--violet-bright));box-shadow:0 0 14px rgba(193,166,255,.55)}
.paper-grain{position:fixed;inset:0;z-index:120;pointer-events:none;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.vignette{position:fixed;inset:0;z-index:119;pointer-events:none;box-shadow:inset 0 0 140px rgba(19,13,9,.16)}

.site-chrome{position:fixed;z-index:130;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.1rem,3vw,3.4rem);color:#fff;transition:background .45s ease,color .45s ease,backdrop-filter .45s ease,border-color .45s ease;border-bottom:1px solid transparent}
.site-chrome.scrolled{background:rgba(18,14,11,.72);backdrop-filter:blur(18px) saturate(120%);border-color:rgba(255,255,255,.08)}
.brand{display:flex;align-items:center;gap:.65rem;letter-spacing:.26em;font-weight:700;font-size:.78rem}
.brand-mark{width:30px;height:30px;border:1px solid rgba(233,209,159,.65);border-radius:50%;display:grid;place-items:center;color:var(--gold-soft);font-size:.95rem;box-shadow:inset 0 0 0 4px rgba(255,255,255,.03)}
.chapter-nav{display:flex;align-items:center;gap:1.3rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.chapter-nav a{position:relative;padding:.4rem 0;transition:color .25s ease}.chapter-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--gold-soft);transition:right .28s ease}.chapter-nav a:hover,.chapter-nav a.active{color:#fff}.chapter-nav a:hover::after,.chapter-nav a.active::after{right:0}
.menu-toggle{display:none;background:none;border:0;color:#fff;width:40px;height:40px;padding:8px;cursor:pointer}.menu-toggle span:not(.sr-only){display:block;height:1px;background:currentColor;margin:6px 0;transition:.3s}

.season-rail{position:fixed;right:24px;top:50%;z-index:90;transform:translateY(-50%);display:flex;gap:10px;color:rgba(255,255,255,.5);mix-blend-mode:difference;pointer-events:none}
.season-line{width:1px;height:180px;background:rgba(255,255,255,.22);position:relative;margin-top:3px}.season-line i{position:absolute;left:-3px;top:0;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff;transition:top .7s var(--ease)}
.season-labels{height:180px;display:flex;flex-direction:column;justify-content:space-between;font-size:.59rem;letter-spacing:.12em;text-transform:uppercase}.season-labels span{transition:opacity .35s ease,color .35s ease;opacity:.48}.season-labels span.active{opacity:1;font-weight:700}

.hero{position:relative;min-height:100svh;background:#e9e1d4;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:8rem clamp(1.2rem,6vw,7rem) 5rem}
.hero-ink,.hero-character{position:absolute;inset:0;will-change:transform;pointer-events:none}
.hero-ink img{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.02) saturate(.9)}
.hero-character{inset:auto 0 0 auto;width:min(59vw,920px);height:94%;display:flex;align-items:flex-end;justify-content:center;z-index:3;filter:drop-shadow(0 30px 30px rgba(48,35,37,.22))}
.hero-character img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.hero-haze{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 31% 44%,rgba(249,243,230,.9) 0 15%,rgba(249,243,230,.64) 36%,rgba(249,243,230,.12) 62%,transparent 78%),linear-gradient(90deg,rgba(244,237,225,.94) 0 27%,rgba(244,237,225,.5) 48%,rgba(244,237,225,.05) 72%)}
.hero-spirit-glow{position:absolute;right:17%;top:13%;width:36vw;height:36vw;border-radius:50%;background:radial-gradient(circle,rgba(166,137,220,.23),transparent 65%);filter:blur(18px);z-index:2;animation:breath 6s ease-in-out infinite}
.hero-copy{position:relative;z-index:5;width:min(690px,52vw);padding-left:clamp(.2rem,2vw,2rem)}
.eyebrow,.chapter-kicker{font-size:.69rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:#705d45;margin:0 0 1.1rem}
.hero h1{font-family:var(--display);font-weight:500;font-size:clamp(5.8rem,12vw,13rem);line-height:.72;letter-spacing:-.065em;margin:0;color:#171310;text-shadow:0 1px 0 rgba(255,255,255,.5)}
.hero-subtitle{font-family:var(--display);font-size:clamp(2rem,4.4vw,5.2rem);line-height:1;margin:1.5rem 0;color:#3f352c;letter-spacing:-.035em}.hero-subtitle em{font-weight:400;color:#6d538b}
.hero-rule{display:flex;align-items:center;gap:.9rem;width:min(420px,70%);margin:2rem 0 1.5rem;color:#876c46}.hero-rule span{height:1px;background:linear-gradient(90deg,transparent,#a48356);flex:1}.hero-rule span:last-child{background:linear-gradient(90deg,#a48356,transparent)}
.hero-thesis{font-family:var(--display);font-size:clamp(1.15rem,1.65vw,1.6rem);margin:.22rem 0;color:#574a3f}.hero-thesis-strong{color:#1c1713;font-style:italic}
.scroll-cta{display:inline-flex;align-items:center;gap:1.2rem;margin-top:2.3rem;text-transform:uppercase;letter-spacing:.15em;font-size:.64rem;font-weight:700;color:#5b4935}.scroll-cta b{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(91,73,53,.35);border-radius:50%;font-size:1rem;transition:transform .3s ease,background .3s ease}.scroll-cta:hover b{transform:translateY(4px);background:rgba(255,255,255,.4)}
.hero-meta{position:absolute;z-index:4;right:2.3rem;bottom:2rem;display:flex;gap:1rem;color:rgba(30,25,19,.54);font-size:.61rem;text-transform:uppercase;letter-spacing:.13em}.hero-meta span+span::before{content:"·";margin-right:1rem}

.chapter{position:relative;isolation:isolate}
.warm{min-height:110svh;display:flex;align-items:center;padding:8rem clamp(1.2rem,7vw,8rem);color:#fff;background:#4b3422;overflow:hidden}
.panorama{position:absolute;inset:-5%;z-index:-3;background-size:cover;background-position:center;will-change:transform}.panorama-village{background-image:url('https://media.dnd.faysk.dev/lore/seika/d072348c904509d2a20563f021a06d3c3d82cdbd99db86560e760587e14ece3b/wide-village.webp')}
.chapter-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(25,17,12,.78) 0 37%,rgba(25,17,12,.34) 57%,rgba(25,17,12,.02) 83%),linear-gradient(0deg,rgba(21,15,10,.44),transparent 40%)}
.story-frame{width:min(680px,54vw);padding:clamp(2rem,4vw,4rem);border-left:1px solid rgba(232,205,152,.45);background:linear-gradient(90deg,rgba(24,17,12,.5),rgba(24,17,12,.08));backdrop-filter:blur(3px)}
.story-frame h2,.section-heading h2,.philosophy-copy h2,.absence-copy h2,.codex-copy h2,.unanswered h2,.archive-head h2{font-family:var(--display);font-weight:400;line-height:.95;letter-spacing:-.045em;margin:0 0 1.6rem;font-size:clamp(3.1rem,6vw,7.2rem)}
.story-frame h2 span,.section-heading h2 em,.philosophy-copy h2 span,.absence-copy h2 em{color:var(--gold-soft);font-weight:400;font-style:italic}
.story-frame p{font-family:var(--display);font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.72;color:rgba(255,255,255,.78)}
.warm .chapter-kicker{color:var(--gold-soft)}
.two-lessons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.2rem}.two-lessons blockquote{margin:0;padding:1.1rem 1.2rem;border:1px solid rgba(231,207,154,.25);background:rgba(18,13,10,.28)}.two-lessons small{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:.55rem;color:var(--gold-soft);margin-bottom:.4rem}.two-lessons strong{font-family:var(--display);font-weight:400;font-style:italic;font-size:1.08rem}
.world-note{position:absolute;right:5vw;bottom:5vw;width:min(340px,30vw);padding:1.25rem 1.4rem;border-top:1px solid rgba(255,255,255,.34);color:rgba(255,255,255,.78);text-shadow:0 1px 12px rgba(0,0,0,.3)}.world-note span{text-transform:uppercase;letter-spacing:.2em;font-size:.57rem;color:var(--gold-soft)}.world-note p{font-family:var(--display);font-size:1rem;line-height:1.5;margin:.55rem 0 0}

.parchment{background:linear-gradient(180deg,#f0e7d7 0,#f5ecdd 55%,#e8decf 100%);padding:clamp(6rem,10vw,10rem) 0;overflow:hidden}
.parchment::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.23;background:radial-gradient(circle at 15% 14%,#fff 0 13%,transparent 35%),radial-gradient(circle at 80% 62%,rgba(178,151,106,.22),transparent 34%)}
.section-heading{width:min(1100px,88vw);margin:0 auto clamp(4rem,7vw,7rem)}
.section-heading .chapter-kicker{color:#80674b}.section-heading h2{font-size:clamp(3.6rem,7vw,8rem);color:#2c241e}.section-heading h2 em{color:#745e92}.lede{width:min(760px,80%);font-family:var(--display);font-size:clamp(1.1rem,1.6vw,1.45rem);line-height:1.7;color:#675b50}

.layered-scene{position:relative;width:min(1280px,91vw);aspect-ratio:4/3;margin:0 auto;overflow:hidden;border-radius:2px;box-shadow:var(--shadow);transform:translateZ(0);background:#241b16;isolation:isolate}.layered-scene::after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;box-shadow:inset 0 0 90px rgba(24,16,11,.18)}
.layered-back,.layered-subject{position:absolute;inset:-2%;will-change:transform}.layered-back img,.layered-subject img{width:100%;height:100%;object-fit:cover}.layered-subject{z-index:3;filter:drop-shadow(0 18px 18px rgba(32,21,14,.14))}.scene-light{position:absolute;inset:0;z-index:4;background:radial-gradient(circle at 70% 25%,rgba(255,227,169,.22),transparent 35%);mix-blend-mode:screen}
.scene-caption{position:absolute;z-index:8;right:0;bottom:0;width:min(480px,45%);padding:2rem 2.2rem;background:linear-gradient(135deg,rgba(250,244,232,.94),rgba(240,229,209,.86));backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.4);border-left:1px solid rgba(255,255,255,.4);color:#272019}.scene-caption h3{font-family:var(--display);font-size:clamp(1.8rem,2.8vw,3.4rem);font-weight:400;line-height:1;margin:.6rem 0}.scene-caption p{font-family:var(--display);font-size:1rem;line-height:1.55;color:#65584c}.memory-index{text-transform:uppercase;letter-spacing:.17em;font-size:.56rem;font-weight:700;color:#856b4c}
.lucky-ledger{width:min(1080px,88vw);margin:5rem auto;display:grid;grid-template-columns:1.2fr .9fr;gap:4rem;align-items:start}.luck-examples{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.1fr);gap:.75rem 1rem;align-items:center;border-top:1px solid rgba(57,43,30,.2);padding-top:1.5rem;color:#66584c}.luck-examples span,.luck-examples strong{padding:.6rem 0;border-bottom:1px solid rgba(57,43,30,.1);font-size:.87rem}.luck-examples strong{font-family:var(--display);font-size:1.05rem;font-weight:400;color:#332820}.luck-examples b{color:#967a55;font-weight:400}.quote-card{margin:0;padding:2.2rem 2.4rem;background:#292019;color:#f4ecdf;box-shadow:0 24px 55px rgba(42,31,24,.18);position:relative}.quote-card::before{content:"“";position:absolute;right:1rem;top:-1.4rem;font-family:var(--display);font-size:8rem;color:rgba(231,207,154,.13);line-height:1}.quote-card p{font-family:var(--display);font-size:clamp(1.45rem,2.2vw,2.2rem);line-height:1.28;font-style:italic;margin:0}.quote-card cite{display:block;margin-top:1rem;font-style:normal;text-transform:uppercase;letter-spacing:.16em;font-size:.6rem;color:var(--gold-soft)}
.cinematic-strip{position:relative;margin:6rem auto 0;width:min(1500px,96vw);overflow:hidden;background:#17110d;box-shadow:0 30px 70px rgba(35,24,17,.15)}.cinematic-strip img{width:100%;aspect-ratio:3.1/1;object-fit:cover;transform:scale(1.035);transition:transform 1.4s var(--ease)}.cinematic-strip.visible img{transform:scale(1)}.cinematic-strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:2.8rem clamp(1.4rem,4vw,4rem) 1.4rem;background:linear-gradient(0deg,rgba(20,14,10,.75),transparent);color:rgba(255,255,255,.78);font-family:var(--display)}.cinematic-strip figcaption span{display:block;color:#fff;font-size:1.35rem;margin-bottom:.3rem}

.philosophy-bridge{position:relative;padding:clamp(7rem,12vw,13rem) clamp(1.3rem,8vw,9rem);background:#191510;color:#eee4d5;overflow:hidden}.botanical-veil{position:absolute;inset:0;opacity:.11;background-image:radial-gradient(circle at 15% 25%,rgba(186,159,116,.35),transparent 21%),radial-gradient(circle at 88% 70%,rgba(141,107,178,.28),transparent 25%)}
.philosophy-copy{position:relative;max-width:1050px}.philosophy-copy .eyebrow{color:#b99a69}.philosophy-copy h2{font-size:clamp(4rem,8vw,9rem);color:#eee4d5}.philosophy-copy h2 span{color:#b99bd9}.philosophy-copy>p:last-child{max-width:680px;font-family:var(--display);font-size:1.25rem;line-height:1.6;color:#bfb3a6}
.method-triad{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:6rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}.method-triad article{background:#191510;padding:2.2rem;min-height:240px}.method-triad b{font-family:var(--display);font-weight:400;font-size:3rem;color:rgba(190,158,217,.35)}.method-triad h3{font-family:var(--display);font-size:2rem;font-weight:400;margin:.5rem 0}.method-triad p{line-height:1.6;color:#9f958a;font-size:.9rem}

.ritual{background:#171219;padding:clamp(7rem,10vw,11rem) 0;color:#f0e9f2;overflow:hidden}.ritual::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 18% 35%,rgba(138,91,171,.18),transparent 30%),linear-gradient(#18121a,#130f14)}
.section-heading-light .chapter-kicker{color:#c2a4e0}.section-heading-light h2{color:#f4ecf3}.section-heading-light h2 em{color:#c8abf0}.section-heading-light .lede{color:#b9acbb}
.ritual .layered-scene{box-shadow:0 35px 90px rgba(0,0,0,.42),0 0 80px rgba(142,96,188,.12)}
.spectral-layer{filter:drop-shadow(0 0 18px rgba(169,124,236,.35)) drop-shadow(0 20px 18px rgba(0,0,0,.3))}.ritual-aura{position:absolute;z-index:2;left:4%;top:0;width:55%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(180,128,238,.23),transparent 63%);filter:blur(18px);animation:breath 4.8s ease-in-out infinite}.scene-caption-dark{background:linear-gradient(135deg,rgba(28,18,30,.9),rgba(19,14,20,.82));color:#f4edf6;border-color:rgba(209,172,240,.18)}.scene-caption-dark p{color:#bdb1bf}.scene-caption-dark .memory-index{color:#c6a8e4}
.ritual-particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.spirit-particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#d8c4ff;box-shadow:0 0 12px #b891f0;opacity:0;animation:floatParticle var(--dur,7s) linear infinite;animation-delay:var(--delay,0s)}
.answered-moment{width:min(950px,85vw);margin:6rem auto;text-align:center;padding:4rem 2rem;border-top:1px solid rgba(191,152,222,.17);border-bottom:1px solid rgba(191,152,222,.17)}.answered-moment p{margin:.5rem;font-family:var(--display);font-size:1.25rem;color:#9e909f}.answered-moment strong{display:block;font-family:var(--display);font-weight:400;font-size:clamp(3rem,6vw,7rem);line-height:1;color:#dac5f1;margin:1.3rem 0;text-shadow:0 0 24px rgba(182,130,232,.15)}.answered-moment small{font-size:.65rem;text-transform:uppercase;letter-spacing:.17em;color:#776c7a}.cinematic-strip-night{box-shadow:0 30px 80px rgba(0,0,0,.35)}

.springs{padding:clamp(7rem,11vw,12rem) 0;background:#eee4d4;overflow:hidden}.spring-moon{position:absolute;right:-10vw;top:5rem;width:55vw;height:55vw;border-radius:50%;opacity:.12;background:radial-gradient(circle,#b99861 0 49%,transparent 50%),repeating-radial-gradient(circle at 60% 40%,transparent 0 4px,rgba(94,67,40,.5) 5px 6px);mix-blend-mode:multiply}
.spring-timeline{position:relative;width:min(920px,86vw);margin:0 auto 6rem}.spring-line{position:absolute;left:106px;top:0;bottom:0;width:1px;background:rgba(72,55,40,.18)}.spring-line span{position:absolute;left:-2px;top:0;width:5px;height:82px;background:linear-gradient(var(--gold),transparent)}
.spring-beat{display:grid;grid-template-columns:90px 1fr;gap:3rem;padding:1rem 0 4.5rem;position:relative}.spring-beat::before{content:"";position:absolute;left:102px;top:1.35rem;width:9px;height:9px;border:2px solid #a28355;background:#eee4d4;border-radius:50%}.spring-beat time{text-transform:uppercase;letter-spacing:.12em;font-size:.58rem;color:#846e55;padding-top:.25rem;text-align:right}.spring-beat h3{font-family:var(--display);font-size:clamp(2rem,3vw,3.1rem);font-weight:400;margin:0 0 .7rem;color:#31271f}.spring-beat p{font-family:var(--display);font-size:1.08rem;line-height:1.65;color:#6a5e52;margin:0;max-width:680px}.ren-rule{width:min(900px,86vw);margin:0 auto;padding:2.6rem 3rem;border:1px solid rgba(78,60,43,.17);background:rgba(255,255,255,.34);text-align:center}.ren-rule p{font-family:var(--display);font-size:clamp(1.7rem,3vw,3rem);font-style:italic;margin:0}.ren-rule small{display:block;margin-top:.9rem;text-transform:uppercase;letter-spacing:.15em;color:#89745b;font-size:.57rem}

.tavern{background:#1c1511;padding:clamp(7rem,10vw,11rem) 0;color:#efe8df;overflow:hidden}.tavern-warmth{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 20% 18%,rgba(222,150,70,.19),transparent 22%),radial-gradient(circle at 83% 52%,rgba(211,102,52,.14),transparent 28%)}
.spirit-blue{filter:drop-shadow(0 0 20px rgba(127,193,246,.33))}.blue-glow{position:absolute;z-index:2;left:45%;top:37%;width:27%;height:35%;border-radius:50%;background:radial-gradient(circle,rgba(154,211,255,.3),transparent 65%);filter:blur(18px);animation:breath 4s ease-in-out infinite}.tavern .scene-caption{background:linear-gradient(135deg,rgba(240,227,206,.93),rgba(220,197,166,.86))}
.investigation-card{width:min(980px,86vw);margin:5rem auto 0;border:1px solid rgba(219,183,134,.18);background:rgba(255,255,255,.035);display:grid;grid-template-columns:210px 1fr;min-height:190px}.investigation-tabs{display:flex;flex-direction:column;border-right:1px solid rgba(219,183,134,.15)}.investigation-tabs button{flex:1;background:transparent;border:0;border-bottom:1px solid rgba(219,183,134,.11);color:#8f8278;text-align:left;padding:1rem 1.4rem;text-transform:uppercase;letter-spacing:.13em;font-size:.61rem;cursor:pointer;transition:.3s}.investigation-tabs button:last-child{border-bottom:0}.investigation-tabs button.active{background:rgba(209,174,126,.08);color:#f3dec0}.investigation-copy{padding:2.2rem 2.6rem;align-self:center}.investigation-copy strong{display:block;font-family:var(--display);font-weight:400;font-size:2rem;color:#f1e8dc;margin-bottom:.7rem}.investigation-copy p{font-family:var(--display);font-size:1.02rem;line-height:1.6;color:#9e9389;margin:0;transition:opacity .2s ease}
.dialogue{width:min(720px,84vw);margin:4rem auto;text-align:center}.dialogue p{font-family:var(--display);font-size:clamp(1.4rem,2.4vw,2.2rem);margin:.5rem}.dialogue span{display:inline-block;width:68px;text-align:right;margin-right:1rem;font-family:var(--sans);font-size:.55rem;letter-spacing:.16em;color:#a9855a}.dialogue small{display:block;color:#6f6258;margin-top:1.3rem;font-style:italic}.cinematic-strip-tavern{margin-top:6rem}

.daily{min-height:115svh;background:#211713;color:#f2e9dc;padding:8rem 0 6rem;overflow:hidden;display:flex;align-items:flex-start}.daily-bg{position:absolute;inset:-4%;z-index:-3;background:url('https://media.dnd.faysk.dev/lore/seika/872179cb0089635bf5d8600d3433e745fccd0924df7f7c8ce55c5c8714665980/wide-tavern.webp') center/cover no-repeat;will-change:transform}.daily-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(19,13,10,.18),rgba(19,13,10,.6) 48%,rgba(19,13,10,.9) 100%),linear-gradient(0deg,rgba(18,12,9,.75),transparent 50%)}.story-frame-right{margin-left:auto;margin-right:6vw;border-left:0;border-right:1px solid rgba(232,205,152,.35);background:linear-gradient(-90deg,rgba(24,17,12,.62),rgba(24,17,12,.15))}.daily .chapter-kicker{color:#d9b780}.daily .story-frame h2 span{color:#d9b780}
.npc-weave{position:absolute;left:4vw;right:4vw;bottom:3.6rem;display:grid;grid-template-columns:repeat(6,minmax(145px,1fr));gap:.7rem}.npc-card{min-height:178px;background:rgba(20,14,11,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:transform .35s var(--ease),border-color .35s ease}.npc-card:hover{transform:translateY(-7px);border-color:rgba(223,188,136,.28)}.npc-photo{height:72px;background-size:370%;background-position:var(--crop-x) var(--crop-y);filter:saturate(.86) contrast(.96);opacity:.82}.family-crop{background-image:url('https://media.dnd.faysk.dev/lore/seika/03634e0ca91fc754d829d30c1d266814217c36d7f196a95fde077f990071923c/departure-background-village.webp')}.tavern-crop{background-image:url('https://media.dnd.faysk.dev/lore/seika/f77ab8a083f1b1ad130a3970359d4cf4672a0f3ce682dabfbeca8a8e66055f34/exorcism-background-tavern.webp')}.npc-card>div:last-child{padding:.8rem .9rem}.npc-card small{text-transform:uppercase;letter-spacing:.11em;font-size:.48rem;color:#b69a77}.npc-card h3{font-family:var(--display);font-size:1.25rem;font-weight:400;margin:.25rem 0}.npc-card p{font-size:.67rem;line-height:1.46;color:#9d9187;margin:0}.ren-sigil{display:grid;place-items:center;background:radial-gradient(circle at center,rgba(148,120,88,.17),transparent 55%),linear-gradient(135deg,#2d211a,#16110e);font-family:var(--display);font-size:2rem;color:#927551}.npc-ren{border-color:rgba(190,152,101,.12)}

.absence{position:relative;min-height:130svh;padding:clamp(8rem,14vw,15rem) clamp(1.2rem,7vw,8rem);color:#f3eee7;overflow:hidden;background:#1c2526}.absence-bg{position:absolute;inset:-3%;z-index:-4}.absence-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.45) brightness(.52) contrast(1.05)}.absence-cool{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(17,24,27,.92) 0 35%,rgba(21,27,29,.48) 62%,rgba(27,32,32,.68)),linear-gradient(0deg,rgba(15,20,22,.72),transparent 45%)}
.absence-copy{width:min(770px,62vw)}.absence-copy .chapter-kicker{color:#b5b0a1}.absence-copy h2{font-size:clamp(4.2rem,8.2vw,9rem);color:#f0ede6}.absence-copy h2 em{color:#b7b0c6}.absence-copy p{font-family:var(--display);font-size:1.18rem;line-height:1.7;color:#bfc0bc;max-width:650px}
.waiting-counter{display:grid;grid-template-columns:repeat(4,1fr);width:min(900px,80vw);margin:5rem 0 0;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}.waiting-counter div{padding:1.4rem;border-right:1px solid rgba(255,255,255,.1)}.waiting-counter div:last-child{border-right:0}.waiting-counter strong{display:block;font-family:var(--display);font-size:2.6rem;font-weight:400}.waiting-counter span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#c8c7c2}.waiting-counter small{display:block;margin-top:.5rem;color:#777c7d;font-size:.62rem}
.letters{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:min(980px,82vw);margin:6rem auto 0}.letter{position:relative;background:#e9dfce;color:#352d25;padding:2.7rem 2.6rem 2.3rem;box-shadow:0 25px 55px rgba(0,0,0,.2);transform:rotate(-1.2deg)}.letter-second{transform:rotate(1deg) translateY(1.5rem)}.letter::before{content:"";position:absolute;inset:10px;border:1px solid rgba(74,57,40,.12);pointer-events:none}.letter-thread{position:absolute;right:1.4rem;top:1.2rem;width:40px;height:40px;border-radius:50%;border:1px solid rgba(113,88,58,.25)}.letter small{text-transform:uppercase;letter-spacing:.14em;font-size:.56rem;color:#8c7255}.letter p{font-family:var(--display);font-size:1.06rem;line-height:1.65;color:#5d5146}.letter blockquote{font-family:var(--display);font-size:clamp(1.8rem,3vw,3rem);font-style:italic;margin:1.2rem 0;color:#2f2821}.letter i{display:block;text-align:right;font-size:.61rem;color:#938679}
.route-measure{width:min(1080px,88vw);margin:7rem auto 0;display:flex;align-items:center;gap:1rem;color:#9ca2a2;font-size:.61rem;text-transform:uppercase;letter-spacing:.12em}.route-measure strong{color:#d6d6d0;font-weight:500;white-space:nowrap}.route-dashes{height:1px;flex:1;background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 5px,transparent 5px 12px)}

.mantle{background:#efe6d8;padding:clamp(7rem,10vw,11rem) 0;color:#2d261f;overflow:hidden}.mantle::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.4),transparent 45%),repeating-linear-gradient(135deg,rgba(108,84,55,.025) 0 1px,transparent 1px 16px)}
.departure-layered{aspect-ratio:4/3}.golden-bloom{position:absolute;inset:0;z-index:4;background:radial-gradient(circle at 82% 18%,rgba(255,217,145,.28),transparent 34%);mix-blend-mode:screen}.packed-home{width:min(1080px,88vw);margin:5rem auto}.packed-home h3{font-family:var(--display);font-weight:400;font-size:2.3rem;margin:0 0 1.5rem}.packed-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(63,48,34,.15);border-left:1px solid rgba(63,48,34,.15)}.packed-grid span{padding:1.4rem;border-right:1px solid rgba(63,48,34,.15);border-bottom:1px solid rgba(63,48,34,.15)}.packed-grid b{display:block;font-family:var(--display);font-size:1.3rem;font-weight:400}.packed-grid small{display:block;margin-top:.35rem;color:#75675a;line-height:1.45}
.reference-frame{width:min(1050px,87vw);margin:6rem auto 0;display:grid;grid-template-columns:1.45fr .75fr;background:#1b1511;color:#eee5d8;box-shadow:var(--shadow)}.reference-frame img{width:100%;height:100%;object-fit:cover;min-height:410px}.reference-frame figcaption{padding:3rem;display:flex;flex-direction:column;justify-content:center}.reference-frame small{text-transform:uppercase;letter-spacing:.15em;font-size:.55rem;color:#a78a65}.reference-frame strong{font-family:var(--display);font-size:3rem;font-weight:400;margin:.5rem 0 1rem}.reference-frame span{font-family:var(--display);font-style:italic;color:#a99d91;line-height:1.55}

.departure-cinematic{height:420vh;background:#18120e;position:relative;color:white}.departure-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}.departure-pan{position:absolute;inset:-3%;will-change:transform}.departure-pan img{width:100%;height:100%;object-fit:cover;transform:scale(1.12) translateX(calc((var(--depart-progress,0) - .5) * -5%));filter:saturate(.95) contrast(1.02)}.departure-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,12,9,.72),rgba(18,12,9,.1) 52%,rgba(18,12,9,.35)),linear-gradient(0deg,rgba(16,11,8,.62),transparent 52%)}.departure-lines{position:relative;z-index:3;width:min(1040px,86vw);height:50vh;display:grid;place-items:center;text-align:center}.departure-lines p{position:absolute;margin:0;font-family:var(--display);font-size:clamp(2.5rem,5vw,6rem);font-style:italic;font-weight:400;opacity:0;transform:translateY(28px);transition:opacity .45s ease,transform .7s var(--ease);text-shadow:0 3px 28px rgba(0,0,0,.55)}.departure-lines p.active{opacity:1;transform:translateY(0)}.departure-lines .departure-main{font-size:clamp(2.2rem,4.1vw,5rem);font-style:normal;line-height:1.06}

.promise{position:relative;min-height:115svh;background:#e9e1d5;display:flex;align-items:center;justify-content:flex-end;padding:8rem clamp(1.2rem,7vw,8rem);overflow:hidden}.promise-ink{position:absolute;inset:0;z-index:0}.promise-ink img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.85)}.promise-wash{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(238,231,218,.05),rgba(238,231,218,.23) 40%,rgba(238,231,218,.92) 70%,rgba(238,231,218,.98))}.promise-copy{position:relative;z-index:2;width:min(660px,48vw);padding:3.4rem;border-left:1px solid rgba(91,70,48,.2);background:linear-gradient(90deg,rgba(243,236,225,.42),rgba(243,236,225,.75));backdrop-filter:blur(4px)}.promise-copy small{text-transform:uppercase;letter-spacing:.18em;color:#81684c}.promise-copy blockquote{font-family:var(--display);font-size:clamp(3.5rem,6vw,7rem);line-height:.9;font-style:italic;margin:1.5rem 0 2rem;color:#2c221b}.promise-copy p{font-family:var(--display);font-size:1.08rem;line-height:1.7;color:#66584b}.promise-last{font-style:italic;color:#352b23!important;border-top:1px solid rgba(70,52,36,.14);padding-top:1.2rem;margin-top:2rem!important}

.character-codex{position:relative;padding:clamp(7rem,10vw,11rem) clamp(1.2rem,7vw,8rem);background:#171310;color:#f1e9de;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:clamp(3rem,6vw,8rem);align-items:center;overflow:hidden}.character-codex::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 38%,rgba(140,106,174,.14),transparent 28%),radial-gradient(circle at 74% 80%,rgba(181,143,84,.09),transparent 24%)}.codex-portrait,.codex-copy{position:relative;z-index:1}.codex-portrait{display:flex;justify-content:center;max-height:850px}.codex-portrait img{max-height:800px;width:auto;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(0,0,0,.3))}.portrait-moon{position:absolute;z-index:-1;top:9%;left:50%;transform:translateX(-50%);width:75%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(202,168,109,.22);box-shadow:inset 0 0 0 24px rgba(202,168,109,.025)}
.codex-copy .chapter-kicker{color:#ad8f66}.codex-copy h2{font-size:clamp(4rem,7vw,8rem);color:#efe6db}.codex-lede{font-family:var(--display);font-size:clamp(1.25rem,1.8vw,1.65rem);line-height:1.55;color:#c7baad;max-width:680px}.principles{margin-top:2.4rem;border-top:1px solid rgba(255,255,255,.11)}.principles p{margin:0;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--display);font-size:1rem;color:#9e9389}.principles p::before{content:"✦";color:#9e7ebd;margin-right:.9rem;font-size:.6rem}
.roleplay-notes{grid-column:1/-1;position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.09);margin-top:1rem}.roleplay-notes article{background:#171310;padding:1.5rem 1.6rem}.roleplay-notes span{display:block;text-transform:uppercase;letter-spacing:.13em;color:#b59369;font-size:.55rem;margin-bottom:.65rem}.roleplay-notes p{font-family:var(--display);color:#9f9489;line-height:1.55;font-size:.94rem;margin:0}

.unanswered{padding:clamp(7rem,10vw,11rem) clamp(1.3rem,8vw,9rem);background:#ece4d8;color:#2c251e}.unanswered-head{max-width:950px}.unanswered h2{font-size:clamp(3.4rem,6.4vw,7.4rem)}.unanswered-head>p:last-child{font-family:var(--display);font-size:1.16rem;color:#6c6055;line-height:1.65;max-width:700px}.dm-vault{margin-top:4rem;border:1px solid rgba(61,46,33,.18);background:rgba(255,255,255,.3)}.dm-vault summary{list-style:none;cursor:pointer;padding:1.4rem 1.6rem;display:flex;align-items:center;gap:.8rem;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:700}.dm-vault summary::-webkit-details-marker{display:none}.dm-vault summary span{font-size:1.1rem;color:#765993}.dm-vault summary small{margin-left:auto;font-weight:400;color:#938577;text-transform:none;letter-spacing:0}.seal-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(61,46,33,.12)}.seal-grid article{padding:2rem;border-right:1px solid rgba(61,46,33,.1);border-bottom:1px solid rgba(61,46,33,.1)}.seal-grid b{font-family:var(--display);font-weight:400;font-size:2.3rem;color:rgba(112,83,143,.35)}.seal-grid h3{font-family:var(--display);font-size:1.5rem;font-weight:400;margin:.45rem 0}.seal-grid p{font-size:.83rem;line-height:1.55;color:#76695c}

.visual-archive{padding:clamp(7rem,10vw,11rem) clamp(1rem,4vw,5rem);background:#100d0b;color:#eee5da}.archive-head{width:min(1100px,90vw);margin:0 auto 4rem}.archive-head .chapter-kicker{color:#8d7456}.archive-head h2{font-size:clamp(3.4rem,6vw,7rem);color:#eee5da}.archive-head>p:last-child{font-family:var(--display);font-size:1.05rem;color:#877c72}.archive-grid{width:min(1500px,96vw);margin:auto;columns:4 260px;column-gap:.8rem}.archive-item{width:100%;display:inline-block;margin:0 0 .8rem;padding:0;background:#1b1612;color:#ddd2c5;border:1px solid rgba(255,255,255,.07);cursor:zoom-in;text-align:left;break-inside:avoid;overflow:hidden}.archive-item img{width:100%;max-height:330px;object-fit:cover;transition:transform .6s var(--ease),filter .45s ease;filter:saturate(.8)}.archive-item:hover img{transform:scale(1.025);filter:saturate(1)}.archive-item span{display:block;padding:.75rem .85rem;font-size:.58rem;letter-spacing:.07em;text-transform:uppercase;color:#9e9083}.archive-item.wide img{aspect-ratio:3/1;max-height:none}

.finale{padding:8rem 1.4rem 7rem;text-align:center;background:#0d0b09;color:#80756b;display:flex;flex-direction:column;align-items:center}.finale-mark{width:52px;height:52px;border-radius:50%;border:1px solid rgba(195,160,104,.3);display:grid;place-items:center;color:#9d7f55;margin-bottom:1.6rem}.finale p{font-size:.6rem;letter-spacing:.3em;margin:0 0 .5rem}.finale strong{font-family:var(--display);font-size:clamp(2.8rem,5vw,5rem);font-weight:400;color:#e6ddd2}.finale small{font-family:var(--display);font-size:.95rem;margin-top:.9rem;max-width:520px;line-height:1.55}.finale a{margin-top:2.7rem;text-transform:uppercase;letter-spacing:.14em;font-size:.55rem;color:#a8885c}

.lightbox{width:min(95vw,1700px);height:min(92vh,1100px);border:0;padding:0;background:rgba(12,9,8,.96);color:#fff;box-shadow:0 50px 140px rgba(0,0,0,.65)}.lightbox::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(9px)}.lightbox img{width:100%;height:calc(100% - 54px);object-fit:contain}.lightbox p{height:54px;margin:0;display:flex;align-items:center;justify-content:center;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:#a79b90}.lightbox-close{position:absolute;right:.7rem;top:.55rem;z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.5);color:#fff;font-size:1.45rem;cursor:pointer}

.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform 1s var(--ease)}.reveal.visible,.reveal-now{opacity:1;transform:none}.reveal:nth-child(2){transition-delay:.07s}.reveal:nth-child(3){transition-delay:.12s}.reveal:nth-child(4){transition-delay:.17s}

@keyframes breath{0%,100%{transform:scale(.96);opacity:.65}50%{transform:scale(1.05);opacity:1}}
@keyframes floatParticle{0%{opacity:0;transform:translate3d(0,40px,0) scale(.5)}15%{opacity:.7}75%{opacity:.4}100%{opacity:0;transform:translate3d(var(--drift,40px),-180px,0) scale(1.6)}}

@media (max-width:1100px){
  .chapter-nav{display:none;position:fixed;inset:72px 0 auto 0;background:rgba(17,13,11,.96);backdrop-filter:blur(20px);padding:1.5rem 2rem 2.2rem;flex-direction:column;align-items:flex-start;gap:.3rem;border-top:1px solid rgba(255,255,255,.08)}
  .chapter-nav.open{display:flex}.chapter-nav a{width:100%;padding:.75rem 0;font-size:.72rem}
  .menu-toggle{display:block}.season-rail{right:10px;opacity:.66}
  .hero-character{width:70vw;right:-9vw}.hero-copy{width:58vw}.hero h1{font-size:clamp(5rem,15vw,9rem)}
  .npc-weave{grid-template-columns:repeat(3,1fr);position:relative;left:auto;right:auto;bottom:auto;width:92vw;margin:30rem auto 0}.daily{display:block;min-height:auto}.story-frame-right{margin-left:auto}.daily-bg{background-position:37% center}
  .character-codex{grid-template-columns:.8fr 1.2fr}.roleplay-notes{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:800px){
  .site-chrome{height:62px}.chapter-nav{inset:62px 0 auto 0}.season-rail{display:none}
  .hero{min-height:100svh;padding:7rem 1.2rem 4rem;align-items:flex-start}.hero-ink img{object-position:55% center}.hero-haze{background:linear-gradient(180deg,rgba(242,236,226,.82) 0 46%,rgba(242,236,226,.24) 76%,rgba(242,236,226,.06))}.hero-character{width:105vw;height:68%;right:-28vw;bottom:-3vh;opacity:.95}.hero-copy{width:88vw;padding-left:0}.hero h1{font-size:clamp(5rem,24vw,8rem)}.hero-subtitle{font-size:clamp(2.3rem,10vw,4.2rem)}.hero-thesis{font-size:1rem}.hero-meta{display:none}
  .warm{padding:6rem 1rem 15rem;min-height:120svh;align-items:flex-start}.panorama-village{background-position:62% center}.chapter-shade{background:linear-gradient(180deg,rgba(23,16,11,.86),rgba(23,16,11,.35) 60%,rgba(23,16,11,.62))}.story-frame{width:100%;padding:1.8rem;border-left:1px solid rgba(232,205,152,.35);background:rgba(22,15,11,.42)}.story-frame h2{font-size:clamp(3.2rem,14vw,5rem)}.two-lessons{grid-template-columns:1fr}.world-note{width:70vw;right:1.4rem;bottom:2rem}
  .section-heading{width:88vw;margin-bottom:3.5rem}.section-heading h2,.philosophy-copy h2,.absence-copy h2,.codex-copy h2,.unanswered h2,.archive-head h2{font-size:clamp(3.2rem,13vw,5.4rem)}.lede{width:100%}
  .layered-scene{width:94vw;aspect-ratio:3/4}.layered-back img,.layered-subject img{object-position:center}.scene-caption{width:88%;right:6%;bottom:4%;padding:1.35rem}.scene-caption h3{font-size:1.9rem}.lucky-ledger{grid-template-columns:1fr;gap:2rem;margin:3rem auto}.luck-examples{grid-template-columns:1fr auto 1.2fr}.cinematic-strip{width:100vw;margin-top:4rem}.cinematic-strip img{aspect-ratio:1.65/1;object-position:center}.cinematic-strip figcaption{font-size:.78rem}
  .philosophy-bridge{padding:6rem 1.2rem}.method-triad{grid-template-columns:1fr}.method-triad article{min-height:auto}.answered-moment{padding:3rem 1rem}.answered-moment strong{font-size:clamp(2.8rem,14vw,5rem)}
  .spring-line{left:68px}.spring-beat{grid-template-columns:55px 1fr;gap:2rem}.spring-beat::before{left:64px}.spring-beat time{font-size:.48rem}.ren-rule{padding:2rem 1.3rem}
  .investigation-card{grid-template-columns:1fr}.investigation-tabs{flex-direction:row;border-right:0;border-bottom:1px solid rgba(219,183,134,.15)}.investigation-tabs button{border-bottom:0;border-right:1px solid rgba(219,183,134,.11);text-align:center;padding:1rem .4rem}.investigation-copy{padding:1.5rem}
  .daily{padding:5rem 0}.story-frame-right{margin:0 1rem 0 auto;width:calc(100% - 2rem)}.npc-weave{grid-template-columns:1fr 1fr;margin:23rem auto 0}.npc-card{min-height:165px}
  .absence{padding:6rem 1.2rem 7rem}.absence-copy{width:100%}.absence-bg img{object-position:60% center}.waiting-counter{width:100%;grid-template-columns:1fr 1fr}.waiting-counter div:nth-child(2){border-right:0}.waiting-counter div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.1)}.letters{grid-template-columns:1fr;width:94%;gap:1.2rem}.letter-second{transform:rotate(.5deg)}.route-measure{width:100%;flex-wrap:wrap;justify-content:center}.route-dashes{min-width:60px}
  .packed-grid{grid-template-columns:1fr 1fr}.reference-frame{grid-template-columns:1fr}.reference-frame img{min-height:0}.reference-frame figcaption{padding:2rem}.departure-cinematic{height:340vh}.departure-pan img{object-position:center}.departure-lines p{font-size:clamp(2rem,10vw,4rem)}.departure-lines .departure-main{font-size:clamp(1.7rem,7vw,3rem)}
  .promise{padding:5rem 1rem;align-items:flex-end}.promise-ink img{object-position:38% center}.promise-wash{background:linear-gradient(0deg,rgba(238,231,218,.98) 0 45%,rgba(238,231,218,.35) 75%,transparent)}.promise-copy{width:100%;padding:1.8rem;margin-top:42vh;border-left:0;border-top:1px solid rgba(91,70,48,.2)}.promise-copy blockquote{font-size:clamp(3.5rem,14vw,5rem)}
  .character-codex{grid-template-columns:1fr;padding:6rem 1.2rem}.codex-portrait{max-height:620px}.codex-portrait img{max-height:600px}.roleplay-notes{grid-template-columns:1fr}.seal-grid{grid-template-columns:1fr 1fr}.archive-grid{columns:2 150px}
}

@media (max-width:520px){
  .paper-grain{opacity:.045}.vignette{display:none}
  .hero-character{width:125vw;right:-48vw}.hero-copy{width:95vw}.hero h1{font-size:22vw}.hero-subtitle{font-size:9vw}.hero-rule{width:72%}
  .luck-examples{grid-template-columns:1fr;gap:0}.luck-examples b{transform:rotate(90deg);width:20px}.layered-scene{aspect-ratio:2.55/4}.scene-caption{width:92%;right:4%;bottom:3%}
  .npc-weave{grid-template-columns:1fr}.npc-photo{height:105px}.packed-grid{grid-template-columns:1fr}.seal-grid{grid-template-columns:1fr}.archive-grid{columns:1}.archive-item img{max-height:none}.dm-vault summary small{display:none}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .parallax-layer,.parallax-bg,.departure-pan img{transform:none!important}
  .reveal{opacity:1!important;transform:none!important}
}
.detour-note{width:min(900px,86vw);margin:5rem auto 0;padding:2.8rem clamp(1.4rem,4vw,4rem);text-align:center;border-top:1px solid rgba(69,52,37,.16);border-bottom:1px solid rgba(69,52,37,.16)}
.detour-note p{font-family:var(--display);font-size:1.1rem;line-height:1.65;color:#6b5e51;margin:0 auto 1.8rem;max-width:720px}.detour-note strong{display:block;font-family:var(--display);font-size:clamp(2rem,4vw,4rem);font-weight:400;color:#33281f}.detour-note small{display:block;margin-top:.65rem;font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:#998673}

/* Integration polish: preserve the full portrait and readable copy on phones. */
@media (max-width:800px){
  .hero{flex-direction:column;gap:1.5rem;padding-bottom:0}
  .hero-copy{order:0;width:100%}
  .hero-character{position:relative;inset:auto;order:1;width:min(100%,520px);height:auto;align-self:center;opacity:1}
  .hero-character img{height:auto;display:block}
  .site-chrome:not(.scrolled){color:#443b32}
  .menu-toggle{color:inherit}
}