.kan{--void:#070605;--lapis:#071630;--paper:#dbc184;--paper-2:#e9d9a8;--white:#e8dcbf;--ink:#26221c;--ink-2:#4a4034;--red:#c8382c;--red-2:#8f2a20;--ochre:#d9a441;--amber:#c8956c;--bone:#efe6d2;--muted:#efe6d28c;--hand:var(--font-alegreya), "Alegreya", Georgia, serif;--book:var(--font-literata), "Literata", Georgia, serif;--journey:1500vh;--vh:100vh;--ui:#efe6d2}@supports (height:100dvh){.kan{--vh:100dvh}}.kan *{box-sizing:border-box}.kan{background:var(--void);color:var(--bone);-webkit-text-size-adjust:100%;z-index:1;font-family:var(--hand);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.4;position:relative}.kan a{color:inherit;text-decoration:none}.kan button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.kan::selection,.kan ::selection{background:#c8382c59}.kan .kan-world{height:var(--journey);position:relative}.kan .stage{height:var(--vh);background:var(--void);isolation:isolate;width:100%;position:sticky;top:0;overflow:hidden}.kan .gl{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.kan .vid{opacity:.01;pointer-events:none;width:2px;height:2px;position:absolute;top:0;left:0}.kan .veil{z-index:1;opacity:0;pointer-events:none;position:absolute;inset:0}.kan .veil.paper{background:#dcc386 url(/paper-tile-v2.webp) 50%/1200px}.kan .veil.white{background:#e6d9bb url(/whitewash-v2.webp) 50%/1200px}.kan .veil.lamp{background:radial-gradient(at 50% 58%,#ffcd8c47 0%,#ffcd8c14 26%,#0000 55%)}.kan .grain{z-index:12;pointer-events:none;opacity:.09;mix-blend-mode:screen;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.9  0 0 0 0 0.85  0 0 0 0 0.75  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:220px 220px;animation:.9s steps(3,end) infinite kan-grain;position:absolute;inset:-40px}.kan .thread{z-index:4;pointer-events:none;will-change:transform;width:max(100vw,100vh);height:calc(7.7*max(100vw,100vh));position:absolute;top:0;left:50%;overflow:visible;transform:translate(-50%)}.kan .thread path.line{fill:none;stroke:var(--red);stroke-width:var(--tw,2.6);stroke-linecap:round;stroke-linejoin:round}.kan .thread path.shade{fill:none;stroke:var(--red-2);stroke-width:calc(var(--tw,2.6) * 1.6);stroke-linecap:round;stroke-linejoin:round;opacity:.35}.kan .thread text{font-family:var(--hand);fill:var(--bone);letter-spacing:.01em;paint-order:stroke;stroke:#070605d9;stroke-width:7px;stroke-linejoin:round;font-size:25px;font-style:italic;font-weight:500}.kan .thread .knot{fill:var(--red);stroke:var(--red-2);stroke-width:1px}.kan .cap{z-index:6;width:max-content;font-family:var(--hand);color:var(--bone);opacity:0;visibility:hidden;text-wrap:pretty;text-shadow:0 1px 1px #0009,0 0 12px #0000008c,0 0 32px #00000073;pointer-events:none;max-width:min(30ch,88vw);margin:0;font-size:clamp(1.15rem,2.3vw,1.85rem);font-weight:400;line-height:1.3;position:absolute}.kan .cap:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#070605a8 0%,#07060575 28%,#0706052e 56%,#07060500 76%);position:absolute;inset:-60% -40%}.kan .cap em{color:var(--ochre);font-style:italic}.kan .cap strong{color:var(--bone);font-weight:600}.kan .cap.ink{color:var(--ink);text-shadow:0 0 1px #e4d09ee6,0 0 9px #e4d09ef2,0 0 20px #e4d09ed9}.kan .cap.ink:before{background:radial-gradient(#e6d4a6eb 0%,#e6d4a6bd 28%,#e6d4a657 56%,#e6d4a600 76%)}.kan .cap.ink em{color:var(--red)}.kan .cap.big{letter-spacing:-.012em;max-width:min(18ch,90vw);font-size:clamp(2rem,5.4vw,4.4rem);font-weight:500;line-height:1.04}.kan .cap.big:before{inset:-50% -28%}.kan .cap.whisper{color:var(--muted);letter-spacing:.02em;max-width:min(40ch,88vw);font-size:clamp(.95rem,1.5vw,1.15rem);font-style:italic}.kan .cap.ink.whisper{color:var(--ink-2)}.kan .cap.ask{font-family:var(--book);color:var(--ochre);font-variation-settings:"opsz" 24;max-width:min(30ch,88vw);font-size:clamp(1.2rem,2.4vw,1.95rem);font-style:italic}.kan .cap.book{font-family:var(--book);color:var(--bone);font-variation-settings:"opsz" 36;max-width:min(26ch,90vw);font-size:clamp(1.35rem,3vw,2.4rem);font-style:italic;font-weight:400;line-height:1.28}.kan .cap.book small{font-family:var(--hand);letter-spacing:.16em;text-transform:uppercase;color:var(--amber);margin-top:.9em;font-size:.72rem;font-style:normal;display:block}.kan .cap.label{letter-spacing:.2em;text-transform:uppercase;color:var(--amber);max-width:min(60ch,88vw);font-size:.72rem;font-weight:500}.kan .cap.label:before{inset:-120% -30%}.kan .anemi{z-index:5;opacity:0;visibility:hidden;pointer-events:none;width:min(56vmin,480px);height:min(56vmin,480px);position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.kan .anemi svg{width:100%;height:100%;overflow:visible}.kan .anemi .wood{fill:none;stroke:#4a3520;stroke-width:3.6px;stroke-linecap:round;stroke-linejoin:round}.kan .anemi .wood.thin{stroke-width:2px}.kan .anemi .yarn{fill:none;stroke:var(--red);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.kan .anemi .page{aspect-ratio:3/2;opacity:0;visibility:hidden;background-position:0;background-size:cover;width:26%;position:absolute;box-shadow:0 12px 30px #26221c59,0 0 0 1px #26221c1f}.kan .anemi .page.p1{top:6%;left:-34%;transform:rotate(-6deg)}.kan .anemi .page.p2{top:14%;right:-36%;transform:rotate(4deg)}.kan .anemi .page.p3{bottom:-2%;left:-28%;transform:rotate(3deg)}.kan .anemi .page.p4{bottom:-6%;right:-30%;transform:rotate(-5deg)}.kan .log{z-index:6;font-family:var(--hand);color:var(--ink-2);gap:.5rem;margin:0;padding:0;font-size:clamp(.95rem,1.4vw,1.1rem);list-style:none;display:grid;position:absolute;top:12vh;left:6vw}.kan .log li{opacity:0;visibility:hidden;align-items:baseline;gap:.6rem;display:flex}.kan .log li:before{content:"";background:var(--red);border-radius:2px;flex:none;width:14px;height:2px;transform:translateY(-.28em)}.kan .reading{z-index:3;opacity:0;visibility:hidden;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.kan .reading .spread{aspect-ratio:2;background:#f4ecdb 50%/cover no-repeat;width:min(84vw,980px,112vh);transform:rotateX(6deg);box-shadow:0 40px 120px #000000b3,0 0 0 1px #ffdcaa14;-webkit-mask-image:radial-gradient(at 50% 45%,#000 40%,#00000059 75%,#00000014 100%);mask-image:radial-gradient(at 50% 45%,#000 40%,#00000059 75%,#00000014 100%)}.kan .readwrap{perspective:1400px}.kan .final{z-index:7;text-align:center;opacity:0;visibility:hidden;width:min(90vw,760px);color:var(--ink);justify-items:center;gap:1.4rem;display:grid;position:absolute;top:50%;left:50%}.kan .final .ask{font-family:var(--hand);letter-spacing:-.012em;max-width:16ch;margin:0;font-size:clamp(2rem,5.6vw,4.2rem);font-weight:500;line-height:1.04}.kan .final .go{font-family:var(--hand);color:var(--bone);background:var(--red);pointer-events:auto;border-radius:999px;margin-top:.4rem;padding:.55em 1.5em .6em;font-size:clamp(1.2rem,2.4vw,1.6rem);font-weight:500;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .35s;display:inline-block;position:relative;box-shadow:0 14px 40px #8f2a2059}.kan .final .go:hover{background:#b12f24;transform:translateY(-2px)}.kan .final .go:active{transform:translateY(0)}.kan .final .under{color:var(--ink-2);max-width:44ch;margin:0;font-size:clamp(.98rem,1.5vw,1.15rem)}.kan .final .after{letter-spacing:.08em;color:var(--ink-2);flex-wrap:wrap;justify-content:center;gap:.5rem 1.4rem;margin:1rem 0 0;font-size:.8rem;display:flex}.kan .final .after span:before{content:"·";color:var(--red);margin-right:.6em}.kan .final .after span:first-child:before{content:none}.kan .final .sig{color:var(--ink-2);margin:1.4rem 0 0;font-size:.95rem;font-style:italic}.kan .final .sig small{letter-spacing:.22em;text-transform:uppercase;color:var(--red);margin-top:.5rem;font-size:.66rem;font-style:normal;display:block}.kan .ui{z-index:20;pointer-events:none;position:absolute;inset:0}.kan .mark{left:5.5vw;top:calc(env(safe-area-inset-top,0px) + 3.6vh);font-family:var(--hand);letter-spacing:.06em;color:var(--ui);pointer-events:auto;align-items:baseline;gap:.7em;font-size:1.15rem;font-weight:600;transition:color .6s;display:flex;position:absolute}.kan .mark small{letter-spacing:.2em;text-transform:uppercase;opacity:.8;font-size:.66rem;font-weight:400}.kan .snd{right:5.5vw;top:calc(env(safe-area-inset-top,0px) + 3.6vh);font-family:var(--hand);letter-spacing:.2em;text-transform:uppercase;color:var(--ui);opacity:.75;pointer-events:auto;align-items:center;gap:.55em;font-size:.72rem;transition:color .6s;display:flex;position:absolute}.kan .snd i{border:1px solid;border-radius:50%;width:7px;height:7px;display:inline-block}.kan .snd.on{opacity:1}.kan .snd.on i{background:var(--red);border-color:var(--red);box-shadow:0 0 10px #c8382cb3}.kan .skip{right:5.5vw;bottom:calc(env(safe-area-inset-bottom,0px) + 3.6vh);font-family:var(--hand);letter-spacing:.18em;text-transform:uppercase;color:var(--ui);opacity:0;pointer-events:auto;font-size:.74rem;transition:opacity .6s,color .6s;position:absolute}.kan .skip:hover{color:var(--ochre)}.kan .cue{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 5vh);width:20px;height:44px;color:var(--ui);opacity:0;animation:2.4s ease-in-out infinite kan-cue;position:absolute;transform:translate(-50%)}.kan [data-el=w0],.kan [data-el=w1],.kan [data-el=w2],.kan [data-el=w3]{text-align:center;top:50%;left:50%}.kan [data-el=w4]{top:12vh;left:6vw}.kan [data-el=w5]{text-align:right;bottom:14vh;right:6vw}.kan [data-el=w6a],.kan [data-el=w6],.kan [data-el=w9a]{top:12vh;left:6vw}.kan [data-el=w7]{text-align:center;max-width:min(16ch,88vw);top:42%;left:50%}.kan [data-el=w8]{bottom:12vh;left:6vw}.kan [data-el=w9]{text-align:center;top:66%;left:50%}.kan [data-el=w10]{text-align:center;top:10vh;left:50%}.kan [data-el=w11]{text-align:right;max-width:34ch;bottom:9vh;right:6vw}.kan [data-el=w16]{text-align:right;max-width:26ch;bottom:13vh;right:6vw}.kan [data-el=w17]{text-align:center;top:10vh;left:50%}.kan [data-el=w24]{text-align:right;max-width:34ch;bottom:8vh;right:6vw}.kan [data-el=w12]{top:10vh;left:6vw}.kan [data-el=w13]{max-width:30ch;bottom:10vh;left:6vw}.kan [data-el=w14]{max-width:32ch;bottom:10vh;left:6vw}.kan [data-el=w18]{text-align:center;bottom:8vh;left:50%}.kan [data-el=w19]{text-align:center;top:9vh;left:50%}.kan [data-el=w20]{text-align:center;bottom:9vh;left:50%}.kan [data-el=w23]{text-align:center;top:50%;left:50%}.kan [data-el=w15]{text-align:center;top:9vh;left:50%}.kan [data-el=w21],.kan [data-el=w22]{text-align:right;max-width:30ch;bottom:11vh;right:6vw}.kan [data-el=w25]{text-align:center;top:50%;left:50%}.kan [data-el=w26]{text-align:right;top:14vh;right:6vw}.kan .still,.kan.reduce .kan-world,.kan:not(.js) .kan-world{display:none}.kan.reduce .still,.kan:not(.js) .still{color:var(--ink);background:#dcc386 url(/paper-tile-v2.webp) 50%/1200px;padding:12vh 6vw 14vh;display:block}.kan .still .inner{gap:1.5rem;max-width:680px;margin:0 auto;display:grid}.kan .still img{width:100%;height:auto;display:block}.kan .still h1{font-family:var(--hand);margin:0;font-size:clamp(2.2rem,6vw,4rem);font-weight:500;line-height:1.04}.kan .still p{color:var(--ink-2);margin:0;font-size:1.12rem;line-height:1.5}.kan .still .q{font-family:var(--book);color:var(--ink);font-size:1.4rem;font-style:italic}.kan .still .cta{background:var(--red);color:var(--bone);border-radius:999px;justify-self:start;padding:.7em 1.4em;font-size:1.15rem;font-weight:500;display:inline-block}.kan .still .thread-line{background:var(--red);border-radius:3px;width:40%;height:3px}@media (max-width:760px){.kan{--journey:1600vh}.kan .cap{max-width:26ch;font-size:clamp(1.1rem,4.6vw,1.45rem)}.kan .cap.big{max-width:14ch;font-size:clamp(1.9rem,9vw,2.7rem)}.kan .cap.book{max-width:22ch;font-size:clamp(1.3rem,6vw,1.9rem)}.kan [data-el=w9]{top:62%}.kan .thread text{font-size:29px}.kan .anemi{width:78vmin;height:78vmin;top:46%}.kan .anemi .page{width:34%}.kan .anemi .page.p1{top:-6%;left:-18%}.kan .anemi .page.p2{top:2%;right:-16%}.kan .anemi .page.p3{bottom:-20%;left:-14%}.kan .anemi .page.p4{bottom:-26%;right:-18%}.kan .log{gap:.35rem;font-size:.9rem;top:auto;bottom:9vh;left:6vw}.kan .reading .spread{width:min(92vw,112vh)}.kan .final{gap:1rem;width:92vw}.kan .final .after{font-size:.72rem}.kan [data-el=w4],.kan [data-el=w6],.kan [data-el=w6a],.kan [data-el=w9a]{top:10vh;right:6vw}.kan [data-el=w5],.kan [data-el=w8]{text-align:left;max-width:88vw;bottom:9vh;left:6vw;right:6vw}.kan [data-el=w26],.kan [data-el=w16]{text-align:left;max-width:88vw;top:10vh;left:6vw;right:6vw}.kan [data-el=w7]{top:40%}.kan [data-el=w21],.kan [data-el=w22]{text-align:left;max-width:88vw;inset:auto 6vw 15vh}.kan [data-el=w11]{max-width:30ch}.kan [data-el=w24],.kan .anemi .page.p3,.kan .anemi .page.p4{display:none}}@keyframes kan-grain{0%{transform:translate(0)}33%{transform:translate(-14px,9px)}66%{transform:translate(11px,-12px)}to{transform:translate(0)}}@keyframes kan-cue{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.kan .anemi{margin:0}.kan .anemi .page,.kan .log li{animation:none}.kan .cap{z-index:6}