.immersive{--paper:#f4e3bc;--paperink:#17383d;--gold:#e4ad55;--edge:#a95a35;--night:#123b42;--light:#fff3d4;font-family:'Cormorant Garamond',Georgia,serif;font-size:21px;background:var(--night);color:var(--light)}.immersive h1,.immersive h2,.immersive h3{font-family:var(--display);font-weight:400;letter-spacing:0;line-height:1.12;text-transform:none}.immersive h2{font-size:clamp(2.8rem,5.5vw,6.3rem)}.immersive h3{font-size:1.8rem}.immersive p{line-height:1.6}.eyebrow{font:600 11px/1.7 system-ui!important;text-transform:uppercase;letter-spacing:.24em;color:inherit;opacity:.8}.masthead{position:absolute;inset:0 0 auto;z-index:20;padding:23px 5%;display:flex;justify-content:space-between;gap:1rem;color:var(--light);font:700 11px/1.5 system-ui;letter-spacing:.13em;background:linear-gradient(#051317bb,transparent)}.masthead a{text-decoration:none}.masthead span{font-weight:400;opacity:.65}.masthead progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:20;appearance:none;border:0}.chapter-nav{position:fixed;left:17px;top:50%;transform:translateY(-50%);z-index:15;display:grid;gap:15px}.chapter-nav a{display:flex;align-items:center;gap:8px;text-decoration:none;font:11px system-ui}.chapter-nav span{width:28px;height:28px;border:1px solid #dec28a;background:#17383dec;color:#fff5d5;display:grid;place-items:center;border-radius:50%}.chapter-nav b{display:none;background:#17383d;color:#fff;padding:4px 7px}.chapter-nav a:hover b,.chapter-nav a:focus-visible b{display:block}.chapter-nav a.current span{background:var(--gold);color:#111;box-shadow:0 0 0 4px #dec28a44}.arrival{height:108svh;min-height:680px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-start;justify-content:center;text-align:center}.arrival-art{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(#03161a7a,transparent 55%,#071b2350),var(--hero);background-size:cover;background-position:center;transform:scale(1.05) translateY(calc(var(--scroll,0)*.13px))}.arrival-title{width:min(1000px,88%);margin-top:15vh;text-shadow:0 2px 20px #031819}.arrival h1{font-size:clamp(4rem,9vw,10rem);max-width:12ch;margin:.2em auto}.arrival-title>p:not(.eyebrow){font-size:1.35rem}.arrival-title>a{display:inline-flex;gap:1.5rem;align-items:center;text-decoration:none;font:11px system-ui;text-transform:uppercase;letter-spacing:.18em;margin-top:1rem;border-bottom:1px solid currentColor;padding:.7rem}.arrival-title>a span{font-size:28px}.arrival-foreground{position:absolute;bottom:-4px;left:-3%;width:106%;height:14%;background:var(--paper);clip-path:polygon(0 62%,5% 67%,14% 51%,22% 64%,30% 55%,43% 71%,56% 45%,68% 63%,76% 40%,86% 62%,96% 48%,100% 58%,100% 100%,0 100%)}.chapter{position:relative;isolation:isolate;padding:110px max(8%,calc((100% - 1250px)/2));scroll-margin-top:20px;overflow:hidden;min-height:850px}.chapter:before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--world);background-size:cover;background-position:center}.chapter:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.origin{display:grid;grid-template-columns:1.2fr 1fr;gap:9%;align-items:center;background:var(--paper);color:var(--paperink)}.origin:before{opacity:.25;background-position:center 45%}.paper{padding:clamp(24px,4vw,65px);background:var(--paper);color:var(--paperink);box-shadow:0 22px 50px #0004;position:relative;transform:rotate(-1.5deg);border:1px solid #b89c6b}.paper:before{content:"";position:absolute;inset:12px;border:1px solid #94764955;pointer-events:none}.paper p{position:relative}.exhibit{transform:rotate(5deg)}.immersive .object-plate{float:none;width:100%;margin:0;padding:30px;background:var(--paper);color:var(--paperink);border:9px ridge var(--gold);box-shadow:0 18px 25px #0005;font-size:1rem;transform:none;border-radius:0}.immersive .object-plate svg{height:240px;max-height:none;filter:drop-shadow(3px 8px 3px #0003)}.immersive .object-plate figcaption{padding-top:1rem}.section-heading{text-align:center;max-width:950px;margin:0 auto 65px}.myth{background:var(--night)}.myth:before{background-attachment:fixed;opacity:.6;background-position:center bottom}.myth:after{background:linear-gradient(var(--night),transparent 30%,var(--night))}.story-scroll{display:grid;grid-template-columns:1fr 1fr;gap:40px 12%;align-items:start}.story-scroll>p{padding:30px 36px;background:var(--paper);color:var(--paperink);box-shadow:8px 10px 0 #0002;transform:rotate(-2deg);margin:0}.story-scroll>p:nth-child(even){margin-top:130px;transform:rotate(2deg)}.story-scroll>p:first-child:first-letter{float:left;font-family:var(--display);font-size:4.5rem;line-height:1;margin:.05em .1em 0 0;color:var(--edge)}.cast{background:var(--paper);color:var(--paperink);padding-bottom:0}.cast:before{opacity:.13;background-position:center 40%}.cast-stage{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;min-height:500px}.actors{width:100%;align-self:end;filter:drop-shadow(8px 10px 7px #0003);transform:translateY(calc(var(--shift,0)*-.1px))}.cast-book{padding:30px 35px;border-block:1px solid var(--edge);align-self:center;margin-bottom:60px}.cast-book [role=tablist]{display:flex;gap:7px;flex-wrap:wrap}.cast-book button{background:transparent;color:var(--paperink);border:1px solid var(--edge);padding:10px 14px;font:11px system-ui;text-transform:uppercase;letter-spacing:.08em}.cast-book button[aria-selected=true]{background:var(--paperink);color:var(--paper)}.threshold{padding-block:150px;min-height:1000px;display:flex;align-items:center;justify-content:flex-end;background:#081b22}.threshold:before{background-position:center bottom}.threshold:after{background:linear-gradient(90deg,transparent,#051217c4)}.threshold-art{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 22% 60%,#6dcbd322,transparent 60%);transform:translateX(calc(var(--shift,0)*.05px))}.omen{width:52%}.immersive .instrument{background:#071c24e8;color:#fff3d4;border:1px solid var(--gold);padding:22px;font-size:17px;--accent:var(--gold);--bg:#152d38;--surface:#27424c;--ink:#fff5dc;--line:#bba775}.immersive .settings button{font-size:11px}.science{background:var(--paper);color:var(--paperink);display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:center}.science:before{opacity:.25;background-position:center 55%}.science .fieldbook{transform:rotate(1deg)}.relic{margin:0}.relic>.object-plate{width:70%;margin:auto;transform:rotate(-6deg);margin-bottom:35px}.relic>figcaption{font-size:18px}.ledger{background:var(--night)}.ledger:before{opacity:.2;background-position:center bottom}.trail{list-style:none;margin:0 auto;padding:0;max-width:1050px;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:55px 120px}.trail:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed var(--gold)}.trail li{padding:26px 30px;background:var(--paper);color:var(--paperink);box-shadow:0 8px 20px #0004;position:relative;font-size:19px;margin:0;transform:rotate(-2deg)}.trail li:nth-child(even){transform:rotate(2deg);top:65px}.trail span{font:35px var(--display);display:block;color:var(--edge);margin-bottom:10px}.departure{padding:130px 12% 60px;text-align:center;background:var(--paper);color:var(--paperink);border-top:15px double var(--edge)}.departure h2{font-size:clamp(2rem,4vw,4rem);max-width:850px;margin:1rem auto 3rem}.departure a{text-decoration:none}.colophon{font:11px system-ui;margin:60px auto 0;opacity:.7}
.bell.immersive{--paper:#e6e1ce;--paperink:#172333;--gold:#b94c36;--edge:#af3527;--night:#142a43;--light:#f8ebcd}.bell .arrival-title{text-align:left;margin-left:12%;margin-top:18vh}.bell .arrival h1{margin-left:0;max-width:8ch}.bell .origin .paper{border-block:12px solid var(--edge);box-shadow:none}.bell .threshold:after{background:linear-gradient(90deg,#091c28dd,transparent)}.bell .threshold{justify-content:flex-start}.bell .story-scroll{display:block;max-width:800px;margin:auto}.bell .story-scroll p{margin:60px 0;transform:none;background:#e6e1cef0;border-left:6px solid var(--edge)}.bell .cast{border-bottom:25px solid var(--night)}.bell .cast-stage{direction:rtl}.bell .cast-book{direction:ltr}
.mirror.immersive{--paper:#191024;--paperink:#f4d5fc;--gold:#d9ff43;--edge:#fb47c5;--night:#06030d;--light:#f4fbdd;font-family:'Space Mono',monospace;font-size:16px}.mirror .arrival h1{font-size:clamp(3.5rem,11vw,12rem);letter-spacing:-.08em;text-shadow:4px 0 #fc3ba5,-4px 0 #14e3bc}.mirror .arrival-title{margin-top:23vh}.mirror .arrival-art{filter:saturate(1.4)}.mirror .arrival-foreground{clip-path:polygon(0 30%,33% 30%,33% 70%,66% 70%,66% 10%,100% 10%,100% 100%,0 100%)}.mirror h2{font-size:clamp(2rem,4vw,4.5rem);letter-spacing:-.06em}.mirror .paper,.mirror .story-scroll>p{transform:none;border:1px solid var(--edge);box-shadow:10px 10px 0 #a5126d55}.mirror .cast-book{border:1px solid var(--gold)}.mirror .chapter:before{filter:saturate(1.6)}.mirror .story-scroll>p{font-size:16px}.mirror .threshold{justify-content:center}.mirror .omen{width:75%;text-align:center}.mirror .threshold:after{background:#05021099}.mirror .relic .object-plate{box-shadow:0 0 45px #ef29cb55}.mirror .trail li{border:1px solid var(--edge);font-size:15px}
.wood.immersive{--paper:#fff0ce;--paperink:#4c3029;--gold:#bd633e;--edge:#9e3e54;--night:#243d2a;--light:#fff3cd}.wood .arrival-title{margin-top:13vh}.wood .arrival h1{font-size:clamp(3rem,7vw,7rem);max-width:12ch}.wood .origin{border-radius:0}.wood .paper{border-radius:45% 45% 6px 6px/35px 35px 6px 6px;padding-top:70px}.wood .story-scroll>p{border-radius:2px 30px 2px 30px}.wood .cast-stage{grid-template-columns:1.3fr 1fr}.wood .threshold{justify-content:flex-start}.wood .threshold:after{background:linear-gradient(90deg,#102016dd,transparent)}.wood .ledger{background:#773c4c}.wood .trail li{border-radius:25px 2px 25px 2px}
.storm.immersive{--paper:#ffe49a;--paperink:#191c36;--gold:#ffe23f;--edge:#ce2b37;--night:#172568;--light:#fff49e;font-family:Arial,sans-serif;font-size:18px}.storm.immersive h1,.storm.immersive h2{letter-spacing:.015em;text-transform:uppercase}.storm .arrival h1{font-size:clamp(5rem,14vw,16rem);transform:rotate(-7deg);text-shadow:6px 7px #11235b,-2px -2px #11235b;color:#ffe438}.storm .arrival-title{margin-top:22vh}.storm .arrival-foreground{background:#ffe438;clip-path:polygon(0 90%,14% 5%,20% 55%,46% 10%,43% 70%,70% 20%,74% 65%,100% 10%,100% 100%,0 100%)}.storm .chapter{border-bottom:9px solid #080e28}.storm .paper,.storm .story-scroll>p,.storm .trail li{border:4px solid #141d3d;box-shadow:10px 10px #131a36}.storm .cast{background:#ffcf41}.storm .cast-book{background:#fff0bd;padding:25px;border:4px solid #151e3b;transform:rotate(2deg)}.storm .threshold .omen>h2{color:#ffe43e;transform:rotate(-4deg)}.storm .ledger:after{background-image:radial-gradient(#fff3 1px,transparent 2px);background-size:8px 8px}.storm .departure{background:#d62f3d;color:#fff1ad}
@media(max-width:760px){.masthead{padding:20px 6%;font-size:9px}.masthead span{display:none}.chapter-nav{left:5px;gap:9px}.chapter-nav span{width:22px;height:22px;font-size:9px}.arrival{height:92svh;min-height:650px}.arrival-title{margin-top:20vh!important;width:85%}.arrival h1{font-size:clamp(3rem,13vw,5.5rem)}.chapter{padding:80px 10% 80px 12%;min-height:0}.origin,.science{display:block}.paper{padding:35px 25px}.exhibit{width:70%;margin:50px auto 0}.story-scroll{display:block}.story-scroll>p,.story-scroll>p:nth-child(even){margin:28px 0;padding:25px;font-size:19px}.cast-stage,.wood .cast-stage{display:flex;flex-direction:column}.actors{max-height:380px;object-fit:contain}.cast-book{margin:20px 0 40px;padding:25px 5px}.threshold{min-height:780px}.omen,.mirror .omen{width:100%}.threshold:after{background:#051217a6!important}.relic{margin:60px 15px 0}.trail{display:block}.trail:before{left:18px}.trail li,.trail li:nth-child(even){top:0;margin:35px 0 35px 28px;transform:none}.section-heading{margin-bottom:35px}.immersive .object-plate svg{height:180px}.bell .arrival-title{margin-left:8%}.mirror .arrival h1{font-size:17vw}.departure{padding-inline:12%}.immersive .settings button{font-size:10px}.immersive .instrument{padding:14px}.immersive h2{font-size:2.7rem}.storm .arrival h1{font-size:23vw}.myth:before{background-attachment:scroll}}
@media(prefers-reduced-motion:reduce){.arrival-art,.actors,.threshold-art{transform:none!important}}
.arrival-art{transform:scale(1.13) translate(calc(var(--px,0)*-8px),calc(var(--scroll,0)*.10px + var(--py,0)*-5px));will-change:transform}
.scenery{position:absolute;inset:-4%;width:108%;height:108%;object-fit:fill;pointer-events:none;z-index:4;transform:translate(calc(var(--px,0)*18px),calc(var(--scroll,0)*-.035px + var(--py,0)*9px));filter:drop-shadow(0 9px 10px #0003)}
.hero-actors{position:absolute;bottom:4%;left:3%;width:37%;max-height:48%;object-fit:contain;object-position:bottom;z-index:2;filter:drop-shadow(0 18px 20px #0005);transform:translate(calc(var(--px,0)*-13px),calc(var(--scroll,0)*-.065px));pointer-events:none}
.arrival-title{position:relative;z-index:3}.arrival-foreground{z-index:5}.atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle at 20% 65%,#ffeab9bb 0 1px,transparent 2px),radial-gradient(circle at 70% 30%,#fff8 0 1px,transparent 2px),radial-gradient(ellipse at 40% 80%,#e7fcff35,transparent 50%);background-size:163px 191px,227px 241px,100% 100%;transform:translate(calc(var(--px,0)*6px),calc(var(--scroll,0)*-.12px))}
.floating-relic{position:fixed;right:18px;bottom:22px;width:78px;height:78px;padding:5px;border:1px solid var(--gold);border-radius:50%;background:var(--night);z-index:20;box-shadow:0 4px 22px #0005;animation:levitate 6s ease-in-out infinite}.floating-relic svg{width:100%;height:100%}.floating-relic:hover{box-shadow:0 0 0 4px var(--gold)}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-10px) rotate(5deg)}}.artifact-dialog{background:var(--paper);color:var(--paperink);padding:35px;width:min(520px,90vw);max-height:86svh;border:4px double var(--gold);font:20px/1.5 'Cormorant Garamond',Georgia}.artifact-dialog::backdrop{background:#06151cce;backdrop-filter:blur(6px)}.close-dialog{float:right;font-size:32px;border:0;background:transparent;color:inherit}.artifact-dialog .object-plate{clear:both}.motion-toggle{font:10px system-ui;color:inherit;background:transparent;border:1px solid #fff7;padding:5px 8px;margin-right:12px;cursor:pointer}.chapter:before{background-position:center calc(50% + var(--shift,0)*.06px);transform:scale(1.045) translateY(calc(var(--shift,0)*.035px))}.threshold-scenery{inset:0;width:100%;height:100%;transform:translateY(calc(var(--shift,0)*-.09px));z-index:1}.omen{position:relative;z-index:2}.cast .actors{transform:translate(calc(var(--px,0)*8px),calc(var(--shift,0)*-.1px))}.bell .hero-actors{left:auto;right:2%;width:42%}.mirror .hero-actors{left:auto;right:3%;width:31%}.storm .hero-actors{width:41%}.wood .hero-actors{width:36%}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}.motion-paused .scenery,.motion-paused .hero-actors,.motion-paused .atmosphere,.motion-paused .arrival-art,.motion-paused .chapter:before,.motion-paused .actors{transform:none!important}
@media(max-width:760px){.hero-actors,.bell .hero-actors,.mirror .hero-actors,.wood .hero-actors,.storm .hero-actors{width:63%;max-height:30%;bottom:5%;left:3%;right:auto}.scenery{object-fit:cover;opacity:.85}.floating-relic{width:56px;height:56px;right:10px;bottom:14px}.motion-toggle{font-size:8px;margin-right:5px}.masthead{font-size:8px}.arrival-title{margin-top:17vh!important}.arrival-title>a{background:#10232d66}.threshold-scenery{object-fit:fill;opacity:.5}}
@media(prefers-reduced-motion:reduce){.scenery,.hero-actors,.atmosphere,.chapter:before{transform:none!important}}
/* Candlequay lives in water and lantern light, throughout the journey. */
.tide.immersive{--paper:#144a56;--paperink:#e2f5ef;--gold:#f6bb75;--edge:#ef8d6d;--night:#07333f;--light:#e7fff9}
.tide .arrival-foreground{background:#17616b}
.tide .origin{background:#17616b;color:#e2f5ef}
.tide .origin:before{opacity:.74}
.tide .origin:after{background:linear-gradient(90deg,#07333f88,#18778233)}
.tide .paper{background:#083c49ed;border:1px solid #68aaa5;box-shadow:0 20px 55px #001b2855}
.tide .paper:before{border-color:#66b1ad44}
.tide .story-scroll>p{background:#0c4651ed;border-top:2px solid #ec9b74;box-shadow:0 18px 28px #021b2466;color:#e8fff6}
.tide .myth{background:#082d3d}
.tide .myth:before{opacity:.65;background-attachment:scroll}
.tide .myth:after{background:linear-gradient(#062e3f88,transparent,#062e3f88)}
.tide .cast{background:#317c83;color:#e7fff7}
.tide .cast:before{opacity:.5}
.tide .cast:after{background:linear-gradient(0deg,#12535d,#12535d33)}
.tide .cast-book{background:#093a46d9;border-color:#79bcb6;box-shadow:0 18px 40px #07252f55}
.tide .cast-book button{border-color:#96cbc0}
.tide .cast-book button[aria-selected=true]{background:#f0ad84;color:#163742}
.tide .science{background:#165962;color:#e7fff7}
.tide .science:before{opacity:.5}
.tide .science:after{background:linear-gradient(90deg,#06424f88,#156c7544)}
.tide .ledger{background:#082f43}
.tide .trail li{background:#195363e8;color:#e2fff5;border:1px solid #599a9c;border-top:3px solid #e6ad7e}
.tide .departure{background:#092d3e;color:#b9ece5;border-color:#6da6a2}
.tide .instrument{border-color:#8fc1be;background:#092c3ce8}
.tide .eyebrow{color:#a5dcd2;opacity:1}
.tide .object-plate{background:#0f4551;color:#e2fff3}
.floating-relic{animation:none}.floating-relic>svg,.floating-relic>img{animation:levitate 6s ease-in-out infinite}.floating-relic:hover>*,.floating-relic:focus-visible>*{animation-play-state:paused}
.immersive .painted-artifact{background:transparent!important;border:0!important;box-shadow:none!important;padding:0;transform:none!important;color:inherit}.painted-artifact>img{display:block;width:100%;height:340px;object-fit:contain;filter:drop-shadow(0 20px 15px #001b2d66);transform:rotate(-6deg);animation:artifact-drift 9s ease-in-out infinite}.painted-artifact figcaption{max-width:310px;margin:15px auto;font-size:19px;text-shadow:0 1px 12px #0002}.painted-artifact figcaption strong{font-family:var(--display);font-size:1.5em;font-weight:400}.exhibit:has(.painted-artifact){transform:none}.relic>.painted-artifact{width:100%;transform:none}.painted-artifact figcaption{border-top:1px solid currentColor;padding-top:20px}.floating-relic>img{width:100%;height:100%;object-fit:contain}.artifact-dialog .painted-artifact>img{height:260px}@keyframes artifact-drift{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-2deg)}}@media(max-width:760px){.painted-artifact>img{height:260px}.exhibit:has(.painted-artifact){width:90%}}
.character-theatre{position:relative;width:100%;aspect-ratio:1.25;align-self:end;isolation:isolate}
.character-slice{position:absolute;bottom:0;width:42%;height:100%;padding:0;background:none;border:0;cursor:pointer;transform-origin:bottom center;transition:left .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1),filter .6s,opacity .6s;left:calc(var(--i)*29%);transform:scale(.78);opacity:.65;filter:saturate(.6) brightness(.8);z-index:1}
.character-slice span{display:block;width:100%;height:100%;background-image:var(--portrait);background-repeat:no-repeat;background-size:300% 100%;background-position:calc(var(--i)*50%) center;filter:drop-shadow(3px 10px 7px #0005)}
.character-slice[aria-pressed=true]{left:29%;transform:scale(1.08);opacity:1;filter:saturate(1.1) brightness(1.08);z-index:3}
.character-theatre[data-selected="0"] .character-slice[data-character="1"]{left:0}
.character-theatre[data-selected="0"] .character-slice[data-character="2"]{left:60%}
.character-theatre[data-selected="1"] .character-slice[data-character="0"]{left:0}
.character-theatre[data-selected="1"] .character-slice[data-character="2"]{left:60%}
.character-theatre[data-selected="2"] .character-slice[data-character="0"]{left:0}
.character-theatre[data-selected="2"] .character-slice[data-character="1"]{left:60%}
.character-slice:hover{filter:brightness(1.12);opacity:1}.character-slice:focus-visible{outline:2px dashed var(--gold);outline-offset:-6px}
.cast-stage{padding-top:25px}.cast-book [role=tabpanel]{animation:text-arrive .35s ease-out}@keyframes text-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:760px){.character-theatre{width:100%;aspect-ratio:1.1;margin:0 auto}.character-slice[aria-pressed=true]{transform:scale(1.03)}}
.paper,.story-scroll>p,.trail li,.cast-book{
 background-image:url('art/paper-grain.svg'),radial-gradient(ellipse at 10% 2%,#fff1 0%,transparent 55%),radial-gradient(ellipse at 95% 90%,#001b2633,transparent 65%)!important;
 background-blend-mode:soft-light,normal,multiply;
 box-shadow:inset 0 0 32px #00192730,0 15px 30px #001b283b;
}
.fieldbook{
 background-image:url('art/paper-grain.svg'),repeating-linear-gradient(0deg,transparent 0 32px,#83b3ae18 33px,transparent 34px),linear-gradient(90deg,#001b2630,transparent 9%,transparent 95%,#001b2633)!important;
 background-blend-mode:soft-light,normal,multiply;
 border-radius:2px 8px 10px 1px;
 border-left:6px double #79a8a155;
}
.fieldbook:after{content:"";position:absolute;inset:auto 6px -7px 8px;height:7px;border-block:1px solid #78918a66;background:var(--paper);z-index:-1;transform:rotate(.25deg)}
.bell .paper,.bell .story-scroll>p{background-blend-mode:multiply,normal,multiply}
.wood .paper,.wood .story-scroll>p{background-blend-mode:multiply,normal,multiply}
.storm .paper,.storm .story-scroll>p,.storm .trail li{background-image:radial-gradient(#15275620 .8px,transparent 1.2px),url('art/paper-grain.svg')!important;background-size:5px 5px,360px 360px;background-blend-mode:multiply}
.mirror .paper,.mirror .story-scroll>p{background-image:repeating-linear-gradient(0deg,transparent 0 3px,#ef31bd12 4px),url('art/paper-grain.svg')!important;background-blend-mode:screen,soft-light}
.immersive .trail{display:block;max-width:1100px}
.immersive .trail:before{left:50%;border:0;width:140px;transform:translateX(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='400' viewBox='0 0 140 400'%3E%3Cpath d='M70 0C-25 100 165 200 70 400' fill='none' stroke='%23a6c5b8' stroke-width='2' stroke-dasharray='3 8'/%3E%3C/svg%3E") repeat-y center top;opacity:.6}
.immersive .trail li.illustrated-beat{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;top:0;margin:30px 0;padding:0;background:none!important;border:0;box-shadow:none;transform:none;color:var(--light);min-height:320px}
.immersive .trail li:nth-child(even) .beat-art{grid-column:2;grid-row:1}
.immersive .trail li:nth-child(even) .beat-copy{grid-column:1;grid-row:1}
.beat-art{height:330px;position:relative;filter:drop-shadow(0 15px 15px #0005)}
.beat-art>img{width:100%;height:100%;object-fit:contain}
.landscape .beat-art>img,.landscape-end .beat-art>img{object-fit:cover;clip-path:ellipse(48% 44% at 50% 50%);border:0}
.landscape-end .beat-art>img{object-position:center bottom}
.beat-portrait{width:65%;height:100%;margin:auto;background-size:300% 100%;background-repeat:no-repeat}
.beat-copy{font-size:clamp(20px,1.7vw,25px);line-height:1.6;position:relative}
.immersive .trail .beat-copy>span{font-size:clamp(4rem,8vw,8rem);line-height:1;color:var(--gold);opacity:.7;margin-bottom:16px}
.beat-copy b{display:block;font-family:var(--display);font-size:1.4em;font-weight:400;margin-bottom:14px;color:var(--light)}
.mirror .beat-copy{font-size:16px}.storm .beat-art{transform:rotate(-5deg)}.storm .landscape .beat-art>img,.storm .landscape-end .beat-art>img{clip-path:polygon(0 10%,95% 0,100% 90%,5% 100%)}.bell .landscape .beat-art>img,.bell .landscape-end .beat-art>img{clip-path:inset(0 7% 0 7%);filter:grayscale(.4)}.wood .beat-art{filter:drop-shadow(0 15px 20px #15231866)}
@media(max-width:760px){.immersive .trail:before{left:22px;transform:none;opacity:.35}.immersive .trail li.illustrated-beat{display:flex;flex-direction:column;gap:12px;margin:30px 0 70px;padding-left:25px}.beat-art{height:260px;width:100%}.beat-copy{width:100%}.immersive .trail .beat-copy>span{font-size:4rem;float:left;margin:0 18px 3px 0}.beat-copy b{font-size:1.2em}}
.bell .instrument{background:#f1f0e8;color:#243e4c;--ink:#243e4c;--surface:#e3e6df;--bg:#f1f0e8;--accent:#28586a;--line:#8b9b9c;border:1px solid #a9b8b4;padding:24px;box-shadow:0 15px 40px #00121a66;font-family:Arial,sans-serif}
.bell .instrument legend{background:#f1f0e8;padding:7px 12px;color:#243e4c}
.bell .instrument-art.textbook{height:auto;aspect-ratio:800/460;background:#f1f0e8}
.bell .instrument .reading{font:15px/1.6 Arial,sans-serif;border-top:1px solid #afbab6;padding-top:12px}
.bell .instrument .settings button{font-size:12px;background:#e0e5df;color:#284550}
.bell .instrument .settings button[aria-pressed=true]{background:#28586a;color:white}
.bell .collapse-annotation,.bell .release-annotation{opacity:0;transition:opacity .3s}
.bell .instrument[data-state="1"] .collapse-annotation,.bell .instrument[data-state="2"] .release-annotation{opacity:1}
.bell .instrument[data-state="1"] .slab{transform:translateY(9px)}
.bell .instrument[data-state="2"] .slab{transform:translate(53px,31px)}
.bell .instrument[data-state="1"] .weak-layer{fill:#c98252}
.bell .omen{width:70%}@media(max-width:760px){.bell .omen{width:100%}.bell .instrument{padding:10px}.bell .instrument .settings button{font-size:10px}}
/* Separate editorial systems for each tale. */
.bell.immersive{font-family:'Kaisei Tokumin',Georgia,serif;font-size:18px;--display:'Yuji Syuku'!important;--paper:#eeeee4;--paperink:#192b3d}
.bell .origin{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);padding-inline:16%;background:#c7d4d3;gap:12%}
.bell .origin .paper{transform:none;border:0;border-inline:14px solid #c3c7b2;border-radius:0;background-color:#eceee3;padding:65px 36px 50px;box-shadow:10px 20px 35px #17273844}
.bell .origin .paper:before,.bell .origin .paper:after{content:"";position:absolute;left:-30px;right:-30px;height:16px;inset-block-start:-12px;inset-block-end:auto;border:0;border-radius:10px;background:linear-gradient(#384244,#182425 60%,#4e5e5d);box-shadow:0 5px 8px #0004;pointer-events:none}
.bell .origin .paper:after{top:auto;bottom:-12px}
.bell .origin h2{font-size:clamp(2.7rem,4vw,4.5rem)}
.bell .origin .paper p{line-height:1.9;font-size:18px}
.bell .paper .eyebrow{color:#af372b}
.bell .paper{transform:none;border-radius:0}
.bell .myth .story-scroll{background:#eef0e3e8;padding:25px 50px;border-inline:10px solid #b7c4bd}
.bell .myth .story-scroll>p{margin:0;padding:25px 0;border:0;background:none!important;box-shadow:none;font-size:19px;line-height:1.9}
.mountain-cast{background:#193448;color:#eff2e7}
.route-people{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;border-top:1px solid #93aaa7}
.route-people article{padding:25px 0;border-bottom:1px solid #93aaa7}
.route-people h3{color:#f2b79d}.mountain-cast:before{opacity:.2}
.mirror-register{background:#0f061e;color:#f3dcff}
.mirror-register:before{opacity:.35}
.mirror-register>h2{max-width:800px;font-size:clamp(2.5rem,5vw,5.5rem)}
.encounter{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}
.encounter details{border:1px solid #e638bc;padding:22px;background:#190a28d9}
.encounter summary{list-style:none;display:block;text-align:center}
.encounter summary::-webkit-details-marker{display:none}
.door-portrait{height:330px;display:block;width:65%;margin:auto;background-image:url('art/mirror-cast.png');background-size:300% 100%;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent,black 12%,black 82%,transparent)}
.encounter b{display:block;color:#e5ff64;font-size:1.8rem}.encounter small{display:block;margin:10px 0;font-size:13px}
.encounter details[open]{box-shadow:0 0 30px #e536ad22;border-color:#d9ff43}
.witnesses{margin:35px 0 0;padding:20px 0;border-top:1px dashed #d9ff43;max-width:800px}
.witnesses h3{font-size:1.2rem}.mirror .hero-actors{display:none}
.root-family{background:#37553a;color:#fff1d1}
.root-family:before{opacity:.25}
.family{max-width:820px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px 45px}
.family article:first-child{grid-column:1/-1;text-align:center;border-bottom:1px solid #c9c990;padding-bottom:20px}
.family article{padding:25px 0}.family h3{color:#ffcf96}
.root-line{display:none}.wood .hero-actors{display:none}
.evidence-board{background:#e8bb51;color:#17223d}
.evidence-board:before{opacity:.2}
.witness-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.witness-grid article{background:#fff0b4;padding:30px;border:4px solid #182244;box-shadow:6px 6px #182244;transform:rotate(-1deg)}
.witness-grid article:nth-child(even){transform:rotate(1deg)}
.witness-grid span{font:12px monospace;letter-spacing:.15em;background:#d83541;color:#fff;padding:5px 10px}
.witness-grid h3{font-size:2.3rem}.storm .hero-actors,.bell .hero-actors{display:none}
.beat-portrait{mask-image:linear-gradient(90deg,transparent 0%,black 9%,black 78%,transparent 89%)}
.bell .trail li.illustrated-beat{grid-template-columns:150px 1fr;gap:25px;min-height:0;margin:0;padding:24px 0;border-bottom:1px solid #829eaa}
.bell .trail li:nth-child(even) .beat-art,.bell .trail li:nth-child(even) .beat-copy{grid-column:auto;grid-row:auto}
.bell .beat-art{height:160px}.bell .beat-copy{font-size:17px}.bell .trail .beat-copy>span{float:left;font-size:2.3rem;margin:0 18px 5px 0}
.bell .beat-copy b{font-family:'Kaisei Tokumin';font-size:1.1em}.bell .trail:before{display:none}
.bell .ledger{padding-block:65px}.bell .ledger .section-heading{margin-bottom:20px}
.mirror-scrubber{margin-top:20px}.mirror-scrubber label{font:12px 'Space Mono';display:block;color:#e6fd89;margin-bottom:15px}
.mirror-scrubber input{appearance:none;width:100%;height:10px;border-radius:10px;background:linear-gradient(90deg,#fc30b1,#ad66ff,#aaf94f);outline-offset:12px;cursor:ew-resize;margin:32px 0}
.mirror-scrubber input::-webkit-slider-thumb{appearance:none;width:58px;height:80px;background:url('art/mirror-artifact.png') center/contain no-repeat;filter:drop-shadow(0 0 8px #fc2bb6);cursor:grab}
.mirror-scrubber input::-moz-range-thumb{width:45px;height:65px;background:#d927ab;border:3px solid #deff54;border-radius:50%}
.scrub-labels{display:flex;justify-content:space-between;font:10px 'Space Mono';color:#dab7f3}.mirror .instrument{background:#12051ee6;border:1px solid #ff39bf;box-shadow:0 0 50px #ba12a622}.mirror .instrument .reading{font:15px/1.7 'Space Mono';margin-top:25px}
@media(max-width:760px){.bell .origin{padding-inline:14%;display:block}.bell .origin .paper{padding:40px 24px;border-inline-width:7px}.bell .origin .paper p{font-size:16px}.bell .myth .story-scroll{padding:10px 20px}.bell .myth .story-scroll>p{font-size:17px}.route-people,.witness-grid{grid-template-columns:1fr}.encounter{gap:15px}.encounter details{padding:10px}.door-portrait{width:100%;height:220px}.encounter b{font-size:1.3rem}.encounter small{font-size:10px}.encounter p{font-size:12px}.family{display:block}.family article{padding:12px 0}.bell .trail li.illustrated-beat{display:grid;grid-template-columns:90px 1fr;gap:15px;margin:0;padding:18px 0}.bell .beat-art{height:120px}.bell .beat-copy{font-size:15px}.bell .trail .beat-copy>span{font-size:2rem}.bell .beat-copy b{font-size:1em}}
/* Each hero has its own motion vocabulary. */
.tide .arrival-art{animation:harbor-pan 30s ease-in-out infinite alternate}
@keyframes harbor-pan{from{background-position:44% center;transform:scale(1.13) translateX(-1%)}to{background-position:58% center;transform:scale(1.13) translateX(1%)}}
.bell .arrival-art{transform:scale(calc(1.03 + var(--scroll,0)*.0001));animation:none}
.bell .atmosphere{background-size:170px 160px,260px 210px,100% 100%;animation:snow-wind 18s linear infinite}
@keyframes snow-wind{from{background-position:0 0,0 0,0 0}to{background-position:340px 320px,260px 420px,0 0}}
.mirror .arrival-art{animation:mirage-breath 16s ease-in-out infinite alternate;transform-origin:center}
@keyframes mirage-breath{from{transform:scale(1.06) skewX(-.5deg);filter:saturate(1.2)}to{transform:scale(1.1) skewX(.5deg);filter:saturate(1.5)}}
.wood .arrival-art{transform:scale(1.04);animation:none}
.wood .near{animation:forest-breeze 9s ease-in-out infinite alternate;transform-origin:50% 0}
@keyframes forest-breeze{from{transform:rotate(-.8deg) translateX(-4px)}to{transform:rotate(.8deg) translateX(5px)}}
.wood .atmosphere{animation:firefly-drift 14s ease-in-out infinite alternate}
@keyframes firefly-drift{from{transform:translate(-10px,10px);opacity:.45}to{transform:translate(20px,-20px);opacity:.95}}
.storm .arrival-art{animation:storm-pressure 12s ease-in-out infinite alternate}
@keyframes storm-pressure{from{transform:scale(1.07) translateY(-.5%);filter:brightness(.9)}to{transform:scale(1.07) translateY(.5%);filter:brightness(1.12)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.mountain-cast,.root-family,.evidence-board{min-height:0;padding-block:65px}
.root-family:after{background:#183c2580}.mountain-cast:after{background:#132f4380}
.mirror-register .witnesses{background:#10051dc9;padding:20px 24px}
/* Tactile materials are specific to the place, rather than universal parchment. */
.tide .paper{border:0;border-left:17px solid transparent;border-right:17px solid transparent;border-image:url('art/rope.svg') 0 15 repeat;box-shadow:inset 0 0 35px #00293288,0 14px 35px #001e2c66}
.tide .paper:before{border:0;background:radial-gradient(ellipse at 90% 2%,#d8f1de16,transparent 40%),radial-gradient(ellipse at 15% 95%,#bddbd223,transparent 55%)}
.tide .cast-book{border-inline:1px solid #519d9d;background-image:repeating-linear-gradient(90deg,#05273222 0 1px,transparent 2px 90px),url('art/paper-grain.svg')!important}
.water-reflection{position:absolute;bottom:3%;left:0;right:0;height:20%;z-index:1;background-image:var(--hero);background-size:100% 500%;background-position:center bottom;transform:scaleY(-1);filter:blur(1.4px) saturate(.7);opacity:.22;mask-image:linear-gradient(transparent,#0008);pointer-events:none;animation:water-refraction 12s ease-in-out infinite alternate}
@keyframes water-refraction{from{transform:scaleY(-1) skewX(-1deg)}to{transform:scaleY(-1) skewX(1deg)}}
.bell .paper{background-image:url('art/paper-grain.svg'),repeating-linear-gradient(90deg,transparent 0 4px,#6274720d 5px)!important;background-blend-mode:multiply}
.bell .origin .paper{border-color:#526360}
.bell .cast-book{background:#eaece0}
.mirror .paper:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,#dbffe508 39%,#f8dfff28 42%,transparent 46%,transparent 70%,#b4ebff0a 73%,transparent 77%);pointer-events:none;transform:translateX(calc(var(--px,0)*9px))}
.mirror .paper{border-color:#bc89b4;box-shadow:inset 1px 1px 1px #ffffff66,inset -2px -2px 3px #5b3b6e,8px 8px 0 #710e6655}
.mirror .paper:before{border-color:#8aa6ac44}
.mirror .witnesses{background-image:linear-gradient(125deg,transparent,#bcf3ff0d,transparent)}
.wood .paper{border:3px solid transparent;border-image:linear-gradient(125deg,#855d27,#ead291,#ac7d31,#f3dda5,#88612b) 1;background-color:#f3e7c5}
.wood .paper:before{border-color:#b7945055;inset:14px}
.wood .root-family{background:#314f33}
.storm .paper{border-color:#272b36;box-shadow:7px 7px #121a37,inset 0 0 0 5px #cf9445}
.storm .paper:before{border:0;background:radial-gradient(circle at 0 0,#805b37 0 3px,#e8bc6d 4px 6px,transparent 7px),radial-gradient(circle at 100% 0,#805b37 0 3px,#e8bc6d 4px 6px,transparent 7px),radial-gradient(circle at 0 100%,#805b37 0 3px,#e8bc6d 4px 6px,transparent 7px),radial-gradient(circle at 100% 100%,#805b37 0 3px,#e8bc6d 4px 6px,transparent 7px)}
.story-crest{position:absolute;width:150px;height:190px;object-fit:contain;top:-90px;right:-35px;z-index:3;filter:drop-shadow(0 12px 7px #0004);pointer-events:none}
.fieldbook:has(.story-crest){margin-top:50px;padding-top:80px}
.bell .story-crest{width:105px;right:-20px;top:-85px}.mirror .story-crest{width:135px;right:-45px;top:-70px}
.wood .story-crest{width:180px;right:-50px;top:-100px}
.storm .story-crest{width:140px;right:-50px;transform:rotate(8deg)}
@media(max-width:760px){.story-crest,.wood .story-crest{width:120px;height:150px;right:-15px;top:-75px}.fieldbook:has(.story-crest){padding-top:65px}.tide .paper{border-inline-width:10px}}
@media(max-width:760px){.bell .instrument-art.textbook{display:block;overflow-x:auto;aspect-ratio:auto;height:auto}.bell .instrument-art.textbook svg{width:640px;max-width:none;height:auto}}