@font-face{font-family:KRAECO Sans;src:url(/_astro/KraecoSans-Regular.DYAMryoY.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:KRAECO Sans;src:url(/_astro/KraecoSans-Bold.BekE8LL2.woff2)format("woff2");font-weight:700;font-display:swap}:root{--golden:#e9a54a;--cream:#0a0908;--paper:#141210;--wood:#6b4226;--ink:#f3ede3;--ink-soft:#a39a8d;--rule:#f3ede329;--accent:#fff;--sans:"KRAECO Sans", ui-sans-serif, system-ui, sans-serif;--mono:var(--sans);--serif:var(--sans);--gutter:clamp(16px, 4vw, 40px);--measure:1120px}*,:before,:after{box-sizing:border-box}html{color-scheme:dark;background:var(--cream);color:var(--ink);font:16px/1.5 var(--sans);-webkit-text-size-adjust:100%;text-rendering:optimizelegibility}body{background:var(--cream);min-height:100svh;margin:0}.ambience{z-index:0;pointer-events:none;background:radial-gradient(640px circle at var(--mx,70%) var(--my,20%), #ffffff0f, transparent 70%), radial-gradient(120% 70% at 85% -10%, #ffffff0a, transparent 60%);transition:background .12s linear;position:fixed;inset:0}.ambience:after{content:"";opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0}.backdrop canvas{width:100%;height:100%}.reveal{opacity:0;transition:opacity .8s,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--rd,0s);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.doc-title .ch{opacity:0;animation:.9s cubic-bezier(.16,1,.3,1) forwards ch-in;animation-delay:calc(var(--i) * 38ms + 80ms);display:inline-block;transform:translateY(.5em)rotate(4deg)}@keyframes ch-in{to{opacity:1;transform:none}}[data-tilt]{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);will-change:transform;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}[data-tilt]:hover{transition:transform .12s linear,box-shadow .5s;box-shadow:0 30px 80px -20px #ffffff24}@media (prefers-reduced-motion:reduce){.reveal,.doc-title .ch{opacity:1;transition:none;animation:none;transform:none}.ambience:after{animation:none}}::view-transition-old(root){animation:.26s both page-out}::view-transition-new(root){animation:.52s cubic-bezier(.16,1,.3,1) both page-in}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}.kx-dot,.kx-ring{z-index:9999;pointer-events:none;display:none;position:fixed;top:0;left:0}.kx-cursor body:has(:is(.doc,.world)) .kx-dot,.kx-cursor body:has(:is(.doc,.world)) .kx-ring{display:block}.kx-cursor body:has(:is(.doc,.world)),.kx-cursor body:has(:is(.doc,.world)) a,.kx-cursor body:has(:is(.doc,.world)) button,.kx-cursor body:has(:is(.doc,.world)) canvas{cursor:none}.kx-dot{mix-blend-mode:difference;background:#fff;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px}.kx-ring{border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:38px;height:38px;margin:-19px 0 0 -19px;transition:width .4s cubic-bezier(.16,1,.3,1),height .4s cubic-bezier(.16,1,.3,1),margin .4s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s;display:none}.kx-cursor body:has(:is(.doc,.world)) .kx-ring{display:grid}.kx-ring.on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);width:66px;height:66px;margin:-33px 0 0 -33px}.kx-ring.word{background:var(--accent);border-color:var(--accent);width:84px;height:84px;margin:-42px 0 0 -42px}.kx-ring span{color:#0a0908;font:700 12px var(--sans);opacity:0;transition:opacity .25s,transform .4s cubic-bezier(.16,1,.3,1);transform:scale(.6)}.kx-ring.word span{opacity:1;transform:none}.kx-ring.down{transform-origin:50%;scale:.85}.button,.preview,.doc-nav a,.listen-follow,.enter{transition-property:translate,transform,color,background,border-color;transition-duration:.5s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.kx-roll{vertical-align:bottom;display:inline-grid;position:relative;overflow:hidden}.kx-roll>span{grid-area:1/1;transition:transform .55s cubic-bezier(.16,1,.3,1)}.kx-roll>span+span{color:var(--accent);transform:translateY(105%)}a:hover .kx-roll>span:first-child{transform:translateY(-105%)}a:hover .kx-roll>span+span{transform:none}.doc-title,.all .t,.next-title,.track .t{transform:skewY(calc(var(--skew,0) * .6deg))}.kx-progress{z-index:40;background:var(--accent);transform-origin:0;height:2px;box-shadow:0 0 12px var(--accent);display:none;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}body:has(:is(.doc,.world)) .kx-progress{display:block}.kx-heart{z-index:10000;pointer-events:none;animation:1.6s cubic-bezier(.1,.8,.3,1) forwards kx-burst;position:fixed;translate:-50% -50%}@keyframes kx-burst{0%{opacity:1;transform:translate(0)scale(.2)rotate(0)}70%{opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + 120px)) scale(1) rotate(var(--r));opacity:0}}.kx-prism body{animation:3s linear infinite kx-prism}@keyframes kx-prism{to{filter:hue-rotate(360deg)}}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img{max-width:100%;height:auto;display:block}.doc{z-index:1;max-width:var(--measure);padding:0 var(--gutter) calc(96px + env(safe-area-inset-bottom));margin:0 auto;position:relative}.doc-head{border-bottom:1px solid var(--rule);letter-spacing:.04em;color:var(--ink-soft);justify-content:space-between;gap:12px;padding:18px 0 10px;font-size:12px;display:flex}.doc-head a{text-decoration:none}.doc-title{font:700 clamp(64px, 15vw, 190px) / .88 var(--sans);letter-spacing:-.035em;text-wrap:balance;margin:clamp(40px,9vw,110px) 0 clamp(24px,4vw,48px)}.doc-title em{color:var(--accent)}.label{letter-spacing:.02em;color:var(--ink-soft);font-size:13px}.rule{border:0;border-top:1px solid var(--rule);margin:32px 0}.doc-foot{border-top:1px solid var(--rule);flex-wrap:wrap;gap:8px 20px;margin-top:64px;padding-top:14px;font-size:13px;display:flex}.button{border:1px solid var(--ink);background:var(--ink);min-height:46px;color:var(--cream);font:700 14px/1 var(--sans);letter-spacing:.01em;cursor:pointer;isolation:isolate;border-radius:999px;align-items:center;gap:10px;padding:12px 22px;text-decoration:none;transition:transform .3s cubic-bezier(.16,1,.3,1),color .3s,border-color .3s;display:inline-flex;position:relative;overflow:hidden}.button:before{content:"";z-index:-1;background:var(--accent);transition:transform .42s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translateY(101%)}.button:hover{color:#0a0908;border-color:var(--accent);transform:translateY(-2px)}.button:hover:before{transform:none}.button:active{transform:translateY(0)scale(.98)}.button.ghost{color:var(--ink);border-color:var(--rule);background:0 0}.button.ghost:hover{color:#0a0908}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (hover:none) and (pointer:coarse){input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select{font-size:max(16px,1em)!important}}