:root{--il-paper:#f0eadf;--il-ink:#141518;--il-red:#e24a3b;--il-blue:#2a86a4;--il-gold:#d5a42f}.il-contents h3{margin:1.75rem 0 .7rem;color:#aaa69e;font:700 .72rem ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.il-contents h3:first-child{margin-top:0}.il-hero{background:var(--il-paper);color:var(--il-ink);padding:clamp(7rem,12vw,12rem) clamp(1.5rem,6vw,7rem) 4rem;border-bottom:1px solid rgba(20,21,24,.16)}.il-hero>p{color:var(--il-red)}.il-hero h1{font-family:Georgia,serif;font-size:clamp(6rem,18vw,18rem);font-weight:400;letter-spacing:-.09em;line-height:.61;margin:2rem 0 4rem}.il-hero h1 i{color:var(--il-red);font-weight:400}.il-hero>div{display:grid;grid-template-columns:minmax(280px,620px) 1fr;gap:clamp(2rem,9vw,10rem);align-items:end}.il-hero>div>p{font-family:Georgia,serif;font-size:clamp(1.5rem,3vw,3rem);line-height:1.15}.il-hero dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.il-hero dt{font:700 .7rem ui-monospace,monospace;text-transform:uppercase;letter-spacing:.12em}.il-hero dd{margin:.4rem 0 0;font-size:1rem}.il-frame{background:#0d0e10;padding:clamp(1rem,4vw,4rem)}.inkline{max-width:1200px;margin:auto;color:var(--il-paper)}.il-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 0 1rem;font:700 .72rem ui-monospace,monospace;letter-spacing:.1em}.il-bar div{display:flex;gap:.5rem}.il-bar button,.il-result button,.il-pause button,.il-restart{min-height:44px;border:1px solid #55575d;background:#1d1e21;color:var(--il-paper);padding:.65rem 1rem;font:700 .72rem ui-monospace,monospace;cursor:pointer}.il-bar button:focus-visible,.il-result button:focus-visible,.il-touch button:focus-visible{outline:3px solid var(--il-blue);outline-offset:3px}.il-bar button[aria-pressed=true]{background:var(--il-blue);color:#fff}.il-bar button:disabled{opacity:.35;cursor:not-allowed}.il-stage{position:relative;background:var(--il-paper);box-shadow:0 30px 90px #0006}.il-stage canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none}.il-pause{position:absolute;inset:0;background:#141518c7;display:grid;place-content:center;text-align:center;gap:1rem;font:800 1.4rem ui-monospace,monospace}.il-touch{display:none;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-top:.75rem}.il-touch button{min-height:52px;border:1px solid #55575d;background:#1d1e21;color:var(--il-paper);font:700 .68rem ui-monospace,monospace;touch-action:none}.il-restart{display:block;margin:1rem auto 0;border-color:var(--il-red)}.il-select{display:grid;grid-template-columns:minmax(250px,.78fr) 1.22fr;gap:clamp(2rem,7vw,7rem);padding:clamp(2rem,6vw,6rem) 0}.il-intro h2,.il-result h2{font-family:Georgia,serif;font-size:clamp(2.7rem,6vw,5.4rem);font-weight:400;line-height:.93;margin:1rem 0 2rem}.il-intro>p:not(.eyebrow){max-width:48ch;color:#bbb8b0;line-height:1.7}.il-keys{font:600 .74rem ui-monospace,monospace}.il-select ol{list-style:none;padding:0;margin:0;border-top:1px solid #44464b}.il-select li button{width:100%;display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1rem;text-align:left;border:0;border-bottom:1px solid #44464b;background:transparent;color:var(--il-paper);padding:1.2rem .5rem;cursor:pointer}.il-select li button:hover:not(:disabled){background:#202125}.il-select li button:focus-visible{outline:3px solid var(--il-blue);outline-offset:-3px}.il-select li button:disabled{opacity:.3;cursor:not-allowed}.il-select li span,.il-select li small{font:700 .7rem ui-monospace,monospace}.il-select li strong{font:400 1.35rem Georgia,serif}.il-result{padding:clamp(4rem,9vw,9rem);text-align:center}.il-result>p{color:#aaa}.il-result>div{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.il-result button.primary{background:var(--il-red);border-color:var(--il-red);color:#fff}.il-notes{background:var(--il-paper);color:var(--il-ink);padding:clamp(5rem,11vw,11rem) clamp(1.5rem,6vw,7rem)}.il-notes>p{color:var(--il-red)}.il-notes>h2{font-family:Georgia,serif;font-size:clamp(3rem,7vw,7rem);font-weight:400;line-height:.94;letter-spacing:-.04em;max-width:1000px}.il-notes>div{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:6rem}.il-notes article{border-top:2px solid var(--il-ink);padding-top:1rem}.il-notes article>b{color:var(--il-red);font:700 .75rem ui-monospace,monospace}.il-notes h3{font:400 1.5rem Georgia,serif}.il-notes article p{line-height:1.65;color:#55524d}@media(max-width:760px){.il-hero>div,.il-select{grid-template-columns:1fr}.il-hero dl{grid-template-columns:repeat(3,1fr)}.il-touch{display:grid}.il-bar{align-items:flex-start;flex-direction:column}.il-notes>div{grid-template-columns:1fr 1fr}.il-frame{padding:1rem}.il-select{padding:3rem 0}.il-select li button{grid-template-columns:2.2rem 1fr auto}}@media(max-width:460px){.il-notes>div{grid-template-columns:1fr}.il-touch{grid-template-columns:repeat(3,1fr)}.il-touch button:first-child,.il-touch button:last-child{grid-row:2}.il-hero dl{grid-template-columns:1fr}.il-hero h1{font-size:28vw}}@media(prefers-reduced-motion:reduce){.inkline *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.il-key-art{display:block;width:100%;height:auto;margin:0 0 clamp(2rem,6vw,5rem);border:1px solid rgba(20,21,24,.22);object-fit:cover}.il-spotlight{width:min(calc(100% - (var(--layout-gutter) + var(--layout-gutter))),var(--layout-canvas-max));margin:0 auto var(--space-16);padding-block:var(--space-12);border-block:1px solid rgba(20,21,24,.22)}.il-spotlight h2{max-width:16ch;margin:var(--space-4) 0 var(--space-8);font-size:clamp(2.5rem,6vw,5rem);line-height:.95}.il-spotlight>div{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);max-width:58rem;color:#55524d;font-size:var(--text-lg)}@media(max-width:700px){.il-spotlight>div{grid-template-columns:1fr}}