:root{--paper:#f3ecdc;--paper-2:#ebe1cb;--paper-3:#e0d3b6;--ink:#1f1a14;--ink-soft:#5a4f40;--rule:#cbbb97;--gold:#8a5a10;--gold-soft:#b8893a;--rubric:#8e2a1c;--night:#0a1020;--on-art:#eef3f8;--shadow:0 18px 50px #3c2c142e;--f-display:"IM Fell English SC", "IM Fell English", Georgia, serif;--f-fell:"IM Fell English", Georgia, serif;--f-body:"Alegreya", Georgia, serif;--step--1:clamp(.88rem, .84rem + .2vw, .98rem);--step-0:clamp(1.05rem, .98rem + .35vw, 1.22rem);--step-1:clamp(1.25rem, 1.1rem + .6vw, 1.55rem);--step-2:clamp(1.8rem, 1.4rem + 1.6vw, 2.9rem);--step-4:clamp(3rem, 1.6rem + 6vw, 7.6rem);--gutter:clamp(16px, 5vw, 72px);--measure:66ch;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#0b1122;--paper-2:#111a30;--paper-3:#1a2542;--ink:#e4ebf2;--ink-soft:#9fb2c6;--rule:#2b3754;--gold:#e0b24e;--gold-soft:#b58a38;--rubric:#e27a5c;--shadow:0 24px 60px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#0b1122;--paper-2:#111a30;--paper-3:#1a2542;--ink:#e4ebf2;--ink-soft:#9fb2c6;--rule:#2b3754;--gold:#e0b24e;--gold-soft:#b58a38;--rubric:#e27a5c;--shadow:0 24px 60px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img{max-width:100%;display:block}a{color:var(--gold)}cite{font-style:italic}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}h1,h2,h3{margin:0;font-weight:400;line-height:1.08}h2{font-family:var(--f-display);font-size:var(--step-2)}h3{font-family:var(--f-fell);font-size:var(--step-1)}.masthead{z-index:10;padding:12px var(--gutter);color:var(--on-art);background:linear-gradient(#060a16b3,#060a1600);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.masthead.solid{color:var(--ink);background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}.masthead.solid nav a{color:var(--ink-soft)}.masthead.solid nav a:hover{color:var(--ink)}.masthead.solid .nav-play{color:var(--gold);border-color:var(--gold-soft)}.masthead{transition:background .2s,color .2s}.mark{color:inherit;font-family:var(--f-display);align-items:center;gap:10px;font-size:1.15rem;text-decoration:none;display:inline-flex}.mark img{border-radius:6px}.masthead nav{align-items:center;gap:clamp(8px,1.6vw,24px);display:flex}.masthead nav a{color:#d4dde8;font-size:var(--step--1);text-decoration:none}.masthead nav a:hover{color:#fff}.masthead .nav-play{color:#f0d49a;border:1px solid #e0b24eb3;border-radius:3px;padding:4px 14px}.button{min-height:48px;color:inherit;font-size:var(--step-0);border:1px solid;border-radius:3px;align-items:center;padding:10px 22px;text-decoration:none;transition:background .16s,color .16s;display:inline-flex}.button.primary{background:var(--gold);border-color:var(--gold);color:var(--paper)}.button.primary:hover{background:var(--gold-soft);border-color:var(--gold-soft)}.opening{min-height:100svh;color:var(--on-art);background:var(--night);align-items:end;display:grid;position:relative;overflow:hidden}.opening-art{object-fit:cover;object-position:45% 55%;width:100%;height:100%;animation:38s ease-in-out infinite alternate slow-drift;position:absolute;inset:0}@keyframes slow-drift{to{transform:scale(1.06)translate(-.8%,-.4%)}}.opening:after{content:"";background:linear-gradient(90deg,#040710c7 0%,#04071059 42%,#0000 70%),linear-gradient(#0000 55%,#04071099);position:absolute;inset:0}.opening-words{z-index:1;padding:0 var(--gutter) clamp(40px, 10vh, 110px);max-width:60rem;position:relative}.kicker{font-family:var(--f-fell);font-style:italic;font-size:var(--step-1);color:#cfdbe8;margin:0 0 .6em}.opening h1{font-family:var(--f-display);font-size:var(--step-4);letter-spacing:-.01em;text-shadow:0 4px 30px #0009;line-height:.88}.lede{font-size:var(--step-1);color:#e4ebf2;max-width:34ch;margin:.7em 0 1.4em}.actions{flex-wrap:wrap;gap:12px;display:flex}.opening .button.primary{color:#1a1206;background:#e0b24e;border-color:#e0b24e}.opening .button:not(.primary){color:#eef3f8;background:#060a1659;border-color:#eef3f880}.fine{font-size:var(--step--1);color:#b9c7d6;margin:1em 0 0}.verse-mark{font-family:var(--f-fell);color:var(--rubric);font-style:italic;font-size:var(--step-0);margin:0 0 .5em}.section-head{max-width:var(--measure);margin:0 0 clamp(28px,5vw,56px)}.section-head p:not(.verse-mark){color:var(--ink-soft);margin:.6em 0 0}section:not(.opening){padding:clamp(64px, 10vw, 140px) var(--gutter)}.experiment{background:var(--paper)}.experiment-head{max-width:58rem;margin:0 0 clamp(28px,5vw,56px)}.experiment-lede{font-size:var(--step-1);margin:.6em 0 0;line-height:1.5}.experiment-lede q{font-family:var(--f-fell);color:var(--rubric);font-style:italic}.making{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:clamp(20px,3vw,36px);margin:0;padding:0;list-style:none;display:grid}.making li{counter-increment:step;border-top:2px solid var(--gold-soft);padding-top:1.1em}.making li:before{content:counter(step, decimal-leading-zero);font-family:var(--f-display);font-size:var(--step-2);color:var(--gold);margin-bottom:.3em;line-height:1;display:block}.making h3{margin-bottom:.35em}.making p{color:var(--ink-soft);margin:0}.experiment-note{max-width:var(--measure);color:var(--ink-soft);margin:clamp(28px,4vw,48px) 0 0;font-style:italic}.honour{background:radial-gradient(1200px 600px at 20% 0%, color-mix(in srgb, var(--gold-soft) 10%, transparent), transparent 70%), var(--paper-2)}.folio{background:var(--paper);border:1px solid var(--rule);max-width:64rem;box-shadow:var(--shadow);outline:1px solid var(--rule);outline-offset:-10px;margin:0 auto;padding:clamp(28px,5vw,64px)}.folio h2{margin-bottom:.6em}.folio>p{max-width:var(--measure)}.drop:first-letter{float:left;font-family:var(--f-display);color:var(--rubric);padding:.06em .1em 0 0;font-size:4.6em;line-height:.82}.ledger{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(20px,4vw,48px);margin:2em 0;padding:1.6em 0;display:grid}.ledger h3{color:var(--gold);margin-bottom:.5em}.ledger ul{margin:0;padding-left:1.1em}.ledger li{margin:0 0 .45em}.ledger li::marker{color:var(--rubric)}.disclaimer{font-size:var(--step--1);color:var(--ink-soft);margin:0;font-style:italic}.descent{counter-reset:depth;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:clamp(20px,3vw,36px);margin:0;padding:0;list-style:none;display:grid}.descent li{counter-increment:depth}.descent img{aspect-ratio:16/11;object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:3px}.descent h3{margin:.7em 0 .25em}.descent h3:before{content:counter(depth, upper-roman) ". ";color:var(--rubric)}.descent p{color:var(--ink-soft);margin:0}.party{background:var(--paper-2)}.rank{margin:0 calc(var(--gutter) * -1);padding:0 var(--gutter) 12px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:thin;grid-auto-columns:clamp(170px,18vw,230px);grid-auto-flow:column;gap:18px;list-style:none;display:grid;overflow-x:auto}.rank li{scroll-snap-align:start}.rank img{aspect-ratio:4/5;object-fit:cover;width:100%;box-shadow:var(--shadow);border-radius:3px}.rank h3{margin:.6em 0 .1em}.rank p{font-size:var(--step--1);color:var(--ink-soft);margin:0}.play{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.play-art{margin:0}.play-art img{width:100%;box-shadow:var(--shadow);border-radius:3px}.play-art figcaption{font-family:var(--f-fell);color:var(--ink-soft);margin-top:.6em;font-style:italic}.play dl{margin:1em 0 1.6em}.play dt{font-family:var(--f-fell);font-size:var(--step-1);color:var(--gold);margin-top:.8em}.play dd{color:var(--ink-soft);max-width:48ch;margin:.15em 0 0}.next{background:var(--paper-2)}.roadmap{border-top:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0;margin:0 0 clamp(48px,8vw,96px);padding:0;list-style:none;display:grid}.roadmap li{border-bottom:1px solid var(--rule);padding:1.2em 1.4em 1.2em 0}.roadmap h3{margin-bottom:.3em}.roadmap p{color:var(--ink-soft);margin:0}.closing{color:var(--on-art);box-shadow:var(--shadow);border-radius:4px;position:relative;overflow:hidden}.closing img{object-fit:cover;width:100%;height:clamp(320px,42vw,560px)}.closing>div{text-shadow:0 2px 14px #000000b3;background:linear-gradient(90deg,#080a14d1 0%,#080a1473 45%,#0000 75%),linear-gradient(#0000 40%,#080a148c);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(24px,5vw,56px);display:flex;position:absolute;inset:0}.closing h3{font-family:var(--f-display);font-size:var(--step-2)}.closing p{color:#e8edf3;max-width:44ch;margin:.4em 0 1.2em}.closing .button.primary{color:#1a1206;background:#e0b24e;border-color:#e0b24e}.foot{padding:40px var(--gutter) 56px;border-top:1px solid var(--rule);font-size:var(--step--1);color:var(--ink-soft)}.foot p{max-width:80ch;margin:0 0 .5em}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(14px)}.reveal.seen{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.opening-art{animation:none}}@media (width<=760px){.masthead nav a:not(.nav-play){display:none}.play{grid-template-columns:1fr}.opening:after{background:linear-gradient(#0000 20%,#040710d9 70%)}}