.jf{--forest:#1e3f2e;--cream:#fff3d8;--paper:#f8f1e2;--ink:#1e3f2e;--line:#1e3f2e24;--edge:#fff3d829;--ease:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.3, .5, 1);background:var(--forest);min-height:100vh;color:var(--cream);padding:clamp(76px,9vh,104px) clamp(1.1rem,4vw,3rem) clamp(3rem,8vh,6rem);position:relative;overflow:hidden}.jf__index[data-dim="1"]{display:none}.jf__mono{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#fff3d89e;font-size:.68rem}.jf__top{border-bottom:1px solid var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:.25rem;margin-bottom:clamp(1rem,3vh,1.8rem);padding-bottom:.6rem;display:flex}.jf__top .jf__mono{white-space:nowrap}.jf__head{max-width:46rem;margin-bottom:clamp(1.1rem,2.6vh,1.8rem)}.jf__crumb{margin:0 0 .6rem}.jf__h1{font-family:var(--font-sunborn);text-transform:uppercase;letter-spacing:-.01em;color:var(--cream);margin:0;font-size:clamp(2.2rem,6vw,4.7rem);font-weight:400;line-height:1.02}.jf__sub{max-width:42rem;font-family:var(--font-body);color:#fff3d8b8;margin:.7rem 0 0;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.45}.jf__subq{color:var(--cream);margin-bottom:.35rem;font-weight:700;display:block}@property --pop{syntax:"<length>";inherits:false;initial-value:0}@property --lift{syntax:"<length>";inherits:false;initial-value:0}.jf__stack{flex-direction:column;padding-top:34px;display:flex;position:relative}.jf__folder{transition:margin-top .46s var(--ease);animation:folderIn .5s var(--ease) backwards;margin-top:-30px;position:relative}.jf__folder:first-child{margin-top:0}@keyframes folderIn{0%{opacity:0;transform:translateY(34px)}to{opacity:1}}.jf__open{width:100%;color:inherit;cursor:pointer;text-align:left;font-family:var(--font-body);background:0 0;border:0;padding:0;display:block;position:relative}.jf__tab{z-index:2;margin-left:calc(var(--tab,4%) + 13px);max-width:calc(100% - var(--tab,4%) - 3rem);background:var(--fc);color:var(--fi);border-radius:9px 9px 0 0;align-items:center;padding:.34rem clamp(.8rem,1.6vw,1.2rem) .4rem;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff3d829}.jf__tab:before,.jf__tab:after{content:"";background:var(--fc);width:13px;height:13px;position:absolute;bottom:0}.jf__tab:before{left:-13px;-webkit-mask:radial-gradient(13px at 0 0,#0000 98%,#000);mask:radial-gradient(13px at 0 0,#0000 98%,#000)}.jf__tab:after{right:-13px;-webkit-mask:radial-gradient(13px at 100% 0,#0000 98%,#000);mask:radial-gradient(13px at 100% 0,#0000 98%,#000)}.jf__tabname{font-family:var(--font-sunborn);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.82rem,1.35vw,1.12rem);font-weight:400;line-height:1;display:block;overflow:hidden}.jf__face{z-index:1;background:var(--fc);width:100%;min-height:clamp(48px,6.4vh,60px);color:var(--fi);border-radius:4px;margin-top:-2px;padding:0 clamp(1.1rem,3vw,2rem);display:block;position:relative;box-shadow:0 -1px #1e3f2e24,0 22px 40px -34px #000000b3}.jf__exp{opacity:0;max-height:0;transition:max-height .46s var(--ease), opacity .3s var(--ease), padding .46s var(--ease);grid-template-columns:1fr auto auto;align-items:start;gap:clamp(.9rem,3vw,2.6rem);padding:0;display:grid;overflow:hidden}.jf__folder[data-preview="1"] .jf__exp,.jf__folder:focus-within .jf__exp{opacity:1;max-height:260px;padding:clamp(.85rem,2vh,1.25rem) 0 clamp(2.1rem,4vh,2.7rem)}.jf__code{letter-spacing:.12em;color:color-mix(in srgb, var(--fi) 66%, transparent);align-self:start;padding-top:.15rem;font-size:.72rem}.jf__note{font-family:var(--font-body);max-width:54ch;color:color-mix(in srgb, var(--fi) 90%, transparent);font-size:clamp(.86rem,1.15vw,.98rem);line-height:1.5}.jf__expmeta{white-space:nowrap;color:color-mix(in srgb, var(--fi) 58%, transparent);flex-direction:column;align-items:flex-end;gap:.15rem;display:flex}.jf__expmeta i{opacity:.82;font-style:normal}.jf__cue{border:1.5px solid color-mix(in srgb, var(--fi) 38%, transparent);width:2rem;height:2rem;transition:transform .4s var(--ease), background .35s var(--ease);border-radius:50%;flex:none;align-self:start;place-items:center;margin-right:.5rem;display:grid}.jf__cue svg{width:.95rem;height:.95rem}.jf__folder[data-preview="1"],.jf__folder:focus-within{z-index:50}.jf__folder[data-preview="1"] .jf__face,.jf__folder:focus-within .jf__face{box-shadow:0 30px 60px -26px #000000db}.jf__folder[data-preview="1"] .jf__cue,.jf__folder:focus-within .jf__cue{background:color-mix(in srgb, var(--fi) 14%, transparent)}@media (hover:hover) and (pointer:fine){.jf__folder:hover{z-index:50}.jf__folder:hover .jf__exp{opacity:1;max-height:260px;padding:clamp(.85rem,2vh,1.25rem) 0 clamp(2.1rem,4vh,2.7rem)}.jf__folder:hover .jf__face{box-shadow:0 30px 60px -26px #000000db}.jf__folder:hover .jf__cue{background:color-mix(in srgb, var(--fi) 14%, transparent)}}.jf__foot{margin:clamp(2rem,5vh,3.5rem) 0 0}.jf__file{z-index:2;animation:fileIn .34s var(--ease) both;margin-top:-2px;padding-top:clamp(.4rem,1.4vh,.9rem);scroll-margin-top:clamp(108px,13vh,140px);position:relative}@keyframes fileIn{0%{opacity:0}to{opacity:1}}.jf__index[data-open="1"] .jf__head,.jf__stack[data-open="1"] .jf__folder:not([data-active="1"]){display:none}.jf__folder[data-active="1"]{margin-top:0;scroll-margin-top:clamp(96px,12vh,128px)}.jf__folder[data-active="1"] .jf__face{display:none}.jf__drag{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.jf__drag.is-dragging{cursor:grabbing;box-shadow:0 40px 80px -30px #000000b3}.jf__grab{z-index:3;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--ink) 48%, transparent);opacity:0;transition:opacity .25s var(--ease);pointer-events:none;align-items:center;gap:.3rem;font-size:.56rem;display:inline-flex;position:absolute;top:.7rem;right:.85rem}.jf__grab:before{content:"⠿";letter-spacing:0;font-size:.9rem}.jf__drag:hover .jf__grab{opacity:1}.jf__rtop{justify-content:space-between;align-items:center;margin-bottom:clamp(1rem,2.6vh,1.5rem);display:flex}.jf__back{cursor:pointer;color:var(--cream);transition:opacity .3s var(--ease);background:0 0;border:0;align-items:center;gap:.5rem;display:inline-flex}.jf__back:hover{opacity:.68}.jf__backarrow{font-size:1rem}.jf__rcode{color:color-mix(in srgb, var(--fc) 85%, var(--cream))}.jf__rcrumb{margin:0 0 .9rem}.jf__rtitle{max-width:24ch;font-family:var(--font-sunborn);text-transform:uppercase;letter-spacing:.01em;color:var(--cream);margin:0 0 clamp(1.2rem,3vh,1.9rem);font-size:clamp(1.9rem,4.6vw,3.3rem);font-weight:400;line-height:.96}.jf__byline{color:color-mix(in srgb, var(--fc) 82%, var(--cream));margin:0 0 clamp(1.3rem,3.5vh,2.1rem)}.jf__byline .jf__bylang{color:#fff3d880}.jf__toolbar{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:clamp(1rem,2.6vh,1.6rem);display:flex}.jf__toolbar .jf__modes{margin-bottom:0}.jf__langs .jf__mode{text-align:center;letter-spacing:.08em;min-width:3rem}.jf__modes{border:1px solid var(--edge);border-radius:999px;gap:3px;margin-bottom:clamp(1.4rem,4vh,2.4rem);padding:3px;display:inline-flex}.jf__mode{font-family:var(--font-body);letter-spacing:.03em;color:#fff3d899;cursor:pointer;transition:background .25s var(--ease), color .25s var(--ease);background:0 0;border:0;border-radius:999px;padding:.42rem 1.15rem;font-size:.82rem}.jf__mode:hover{color:var(--cream)}@media (pointer:coarse){.jf__mode{position:relative}.jf__mode:before{content:"";position:absolute;inset:-6px 0}}.jf__mode[aria-selected=true]{background:var(--fc);color:var(--fi)}.jf__mode:focus-visible{outline:2px solid var(--fc);outline-offset:2px}.jf__article{max-width:54rem;animation:articleIn .5s var(--ease) both;margin:0 auto}.jf__ameta{color:#fff3d880;margin:0 0 1.5rem}.jf__article p{font-family:var(--font-body);color:#fff3d8e6;margin:0 0 1.4rem;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.75}.jf__article p:first-of-type:first-letter{float:left;font-family:var(--font-sunborn);color:var(--fc);margin:.06em .14em 0 0;font-size:3.4em;line-height:.72}@keyframes articleIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.jf__book{perspective:2400px;transform-style:preserve-3d;transform-origin:50% 0;animation:bookExtract .6s var(--ease) 20ms both;position:relative}@keyframes bookExtract{0%{opacity:0;transform:perspective(2400px)rotateX(24deg)translateY(96px)scale(.9)}60%{opacity:1}to{opacity:1;transform:perspective(2400px)rotateX(0)translateY(0)scale(1)}}.jf__desk{background:var(--fc);border-radius:8px;min-height:clamp(560px,74vh,760px);position:relative;overflow:hidden;box-shadow:0 40px 90px -40px #000000bf,inset 46px 0 64px -52px #0000008c}.jf__cover{z-index:30;pointer-events:none;text-align:center;background:linear-gradient(100deg, color-mix(in srgb, var(--fc) 68%, black) 0, color-mix(in srgb, var(--fc) 88%, black) 5%, var(--fc) 15%, var(--fc) 100%);box-shadow:inset 0 2px 0 color-mix(in srgb, var(--fc) 55%, white), 22px 0 55px -22px #00000080;transform-origin:0;transform-style:preserve-3d;backface-visibility:hidden;animation:bookOpen .72s var(--ease) .48s both;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:2rem;display:flex;position:absolute;inset:0}.jf__covername{font-family:var(--font-sunborn);text-transform:uppercase;letter-spacing:.015em;color:var(--fi);font-size:clamp(1.6rem,5vw,2.6rem);font-weight:400;line-height:1}.jf__covercode{color:color-mix(in srgb, var(--fi) 66%, transparent)}@keyframes bookOpen{0%{opacity:1;transform:rotateY(0)}55%{opacity:1}to{opacity:0;transform:rotateY(-118deg)}}@media (prefers-reduced-motion:reduce){.jf__book{animation:none}.jf__cover{display:none}}.jf__filetab{z-index:5;writing-mode:vertical-rl;font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;animation:tabIn .6s var(--ease) .82s both;border-radius:6px 0 0 6px;padding:.95rem .5rem;font-size:.62rem;font-weight:600;position:absolute;right:0}.jf__filetab--a{background:color-mix(in srgb, var(--fi) 82%, black);color:var(--fc);top:44px}.jf__filetab--b{background:color-mix(in srgb, var(--fc) 34%, black);color:color-mix(in srgb, var(--fc) 88%, white);top:232px}.jf__doc{font-family:var(--font-body);color:var(--ink);position:absolute;box-shadow:0 30px 60px -32px #0009}.jf__doc--paper{overscroll-behavior:contain;background:repeating-linear-gradient(transparent, transparent 30px, var(--line) 30px, var(--line) 31px), var(--paper);width:54%;height:clamp(420px,62vh,600px);animation:paperIn .7s var(--spring) .5s both;border-radius:2px;padding:2.2rem 2rem 2rem 3rem;top:52px;right:6%;overflow-y:auto}.jf__punch{background:color-mix(in srgb, var(--fc) 60%, var(--paper));width:12px;height:12px;box-shadow:0 90px 0 color-mix(in srgb, var(--fc) 60%, var(--paper)), 0 180px 0 color-mix(in srgb, var(--fc) 60%, var(--paper)), 0 270px 0 color-mix(in srgb, var(--fc) 60%, var(--paper));border-radius:50%;position:absolute;top:30px;left:18px}.jf__filetag{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--fi) 82%, black);border:1.5px solid color-mix(in srgb, var(--fi) 42%, transparent);border-radius:3px;padding:.28rem .5rem;font-size:.62rem;font-weight:600;position:absolute;top:1.5rem;right:1.5rem}.jf__dochead{font-family:var(--font-sunborn);text-transform:uppercase;letter-spacing:.01em;color:var(--ink);margin:0 0 1rem;font-size:1.6rem;font-weight:400;line-height:1}.jf__ptext{color:#1e3f2ee6;margin:0 0 .9rem;font-size:.96rem;line-height:1.62}.jf__stamp{color:#1e3f2e6b;position:absolute;bottom:1.3rem;left:3rem}.jf__doc--card{background:color-mix(in srgb, var(--fc) 55%, var(--paper));border:1px solid color-mix(in srgb, var(--fi) 18%, transparent);width:45%;animation:cardIn .7s var(--spring) .68s backwards;border-radius:2px;padding:1.7rem 1.6rem;top:180px;left:5%;transform:rotate(-1.4deg)}.jf__cardkicker{color:color-mix(in srgb, var(--fi) 62%, transparent);margin-bottom:.5rem;display:block}.jf__cardhead{font-family:var(--font-sunborn);text-transform:uppercase;color:var(--ink);margin:0 0 .8rem;font-size:1.5rem;font-style:normal;font-weight:400;line-height:1}.jf__cardmeta{color:color-mix(in srgb, var(--fi) 58%, transparent);margin-top:.9rem;display:block}.jf__receipt{z-index:8;color:#3a3320;--tooth:9px;width:156px;-webkit-mask:conic-gradient(from -45deg at 50% var(--tooth), #0000 25%, #000 0) 0 0 / calc(var(--tooth) * 2) 100% repeat-x, conic-gradient(from 135deg at 50% calc(100% - var(--tooth)), #0000 25%, #000 0) 0 100% / calc(var(--tooth) * 2) 100% repeat-x, linear-gradient(#000 0 0) padding-box;-webkit-mask-composite:source-over;-webkit-mask:conic-gradient(from -45deg at 50% var(--tooth), #0000 25%, #000 0) 0 0 / calc(var(--tooth) * 2) 100% repeat-x, conic-gradient(from 135deg at 50% calc(100% - var(--tooth)), #0000 25%, #000 0) 0 100% / calc(var(--tooth) * 2) 100% repeat-x;mask:conic-gradient(from -45deg at 50% var(--tooth), #0000 25%, #000 0) 0 0 / calc(var(--tooth) * 2) 100% repeat-x, conic-gradient(from 135deg at 50% calc(100% - var(--tooth)), #0000 25%, #000 0) 0 100% / calc(var(--tooth) * 2) 100% repeat-x;animation:receiptSlide .8s var(--spring) .92s backwards;background:repeating-linear-gradient(#0000,#0000 15px,#3a33200d 15px 16px),#fdeec0;flex-direction:column;gap:.15rem;padding:1rem .9rem;display:flex;position:absolute;top:24px;left:2.5%;transform:rotate(-2.6deg);box-shadow:0 20px 40px -18px #0000008c}.jf__clip{z-index:7;border:2px solid #8f8f8f;border-bottom-color:#0000;border-radius:7px;width:13px;height:34px;position:absolute;top:-16px;left:20px;transform:rotate(-9deg);box-shadow:0 2px 3px #0000004d}.jf__clip:after{content:"";border:2px solid #b9b9b9;border-bottom-color:#0000;border-radius:5px;position:absolute;inset:3px 3px 9px}.jf__rhead{font-family:var(--font-sunborn);text-transform:uppercase;letter-spacing:.02em;color:#3a3320;margin-bottom:.5rem;font-size:1rem;font-weight:400}.jf__rrow{border-bottom:1px dotted #3a332040;justify-content:space-between;gap:.5rem;padding:.22rem 0;font-size:.72rem;display:flex}.jf__rrow span{color:#3a332099;text-transform:uppercase;letter-spacing:.08em;align-self:center;font-size:.6rem}.jf__rrow b{font-weight:600}.jf__rsign{opacity:.75;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 24'%3E%3Cpath d='M2 17 q7 -15 13 -2 q3 8 8 0 q4 -12 12 -1 q3 9 9 1 q5 -8 12 2 q6 7 14 -7' fill='none' stroke='%233a3320' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 0/auto 100% no-repeat;height:22px;margin-top:.6rem}@keyframes paperIn{0%{opacity:0;transform:translate(30px,24px)rotate(1.6deg)}to{opacity:1;transform:none}}@keyframes cardIn{0%{opacity:0;transform:translate(-34px,20px)rotate(-5deg)}to{opacity:1;transform:rotate(-1.4deg)}}@keyframes receiptSlide{0%{opacity:0;transform:translate(500px,190px)rotate(8deg)scale(1.05)}22%{opacity:1}to{opacity:1;transform:translate(0)rotate(-2.6deg)scale(1)}}@keyframes tabIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.jf__index,.jf__reader,.jf__folder,.jf__tab,.jf__doc,.jf__receipt,.jf__filetab,.jf__article{transition:none;animation:none}.jf__index[data-dim="1"]{filter:brightness(.72);transform:none}}@media (max-width:820px){.jf__desk{flex-direction:column;gap:1rem;min-height:0;padding:clamp(1rem,4vw,1.4rem);display:flex}.jf__doc,.jf__doc--paper,.jf__doc--card{width:auto;min-height:0;animation:none;position:relative;inset:auto;transform:none}.jf__doc--paper{padding:1.6rem 1.3rem 3.2rem 2.4rem}.jf__doc--card{order:-1;transform:none}.jf__receipt{align-self:flex-end;animation:none;position:static;transform:rotate(3deg)}.jf__clip,.jf__filetab,.jf__grab{display:none}.jf__drag{cursor:default;touch-action:auto}.jf__punch{display:none}.jf__face{grid-template-columns:auto 1fr auto;gap:.7rem;height:auto;padding:.7rem clamp(1rem,3vw,2rem)}.jf__facemeta{display:none}.jf__folder{margin-top:-26px}}.jf__sources{opacity:.85;letter-spacing:.04em;border-top:1px solid;flex-wrap:wrap;align-items:baseline;gap:.4rem 1.1rem;margin-top:1.4rem;padding-top:.9rem;font-size:.95rem;display:flex}.jf__sources a{color:inherit;text-underline-offset:.22em;transition:opacity .2s var(--ease-out-momi);text-decoration:underline}.jf__sources a:hover{opacity:.7}.jf__srcline{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.2rem;margin:0 0 clamp(1.3rem,3.5vh,2.1rem);display:flex}.jf__srclabel{color:#fff3d88c}.jf__srclink{font-family:var(--font-sunborn);text-transform:uppercase;letter-spacing:.02em;color:color-mix(in srgb, var(--fc) 82%, var(--cream));text-underline-offset:.18em;transition:color .2s var(--ease-out-momi);font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.1;text-decoration:underline;text-decoration-thickness:2px}.jf__srclink:hover{color:var(--cream)}