.jl{--paper: #fafaf7;--ink: #1a1a1a;--mute: #9b9590;--serif: "Playfair Display", "Georgia", "Times New Roman", serif;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;position:relative;width:100%;min-height:100dvh;height:100dvh;background:var(--paper);color:var(--ink);font-family:var(--serif);overflow:hidden;cursor:default;animation:jl-page-in 1.4s ease}@keyframes jl-page-in{0%{opacity:0}to{opacity:1}}.jl-corner{position:fixed;z-index:60;font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.32em;color:var(--ink);padding:24px 32px;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;animation:jl-corner-in 1.6s ease .4s forwards}.jl-corner--tl{top:0;left:0}.jl-corner--br{bottom:0;right:0}@keyframes jl-corner-in{to{opacity:.6}}.jl-stage-wrap{position:absolute;inset:0}.jl-name{position:absolute;top:50%;left:50%;margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(72px,13vw,200px);line-height:1;letter-spacing:-.028em;color:var(--ink);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;transform:translate(-50%,-50%)}.jl-name__dot{display:inline-block;margin-left:-.04em}.jl-name--entering-in{animation:jl-name-in 1.2s cubic-bezier(.16,1,.3,1) .2s both}@keyframes jl-name-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.96);filter:blur(10px)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}.jl-name--entering-up{animation:jl-name-enter-up .85s cubic-bezier(.16,1,.3,1) both}@keyframes jl-name-enter-up{0%{opacity:0;transform:translate(-50%,calc(-50% + 90px));filter:blur(8px)}to{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}}.jl-name--entering-down{animation:jl-name-enter-down .85s cubic-bezier(.16,1,.3,1) both}@keyframes jl-name-enter-down{0%{opacity:0;transform:translate(-50%,calc(-50% - 90px));filter:blur(8px)}to{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}}.jl-name--entering-left{animation:jl-name-enter-left .85s cubic-bezier(.16,1,.3,1) both}@keyframes jl-name-enter-left{0%{opacity:0;transform:translate(calc(-50% + 120px),-50%);filter:blur(8px)}to{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}}.jl-name--entering-right{animation:jl-name-enter-right .85s cubic-bezier(.16,1,.3,1) both}@keyframes jl-name-enter-right{0%{opacity:0;transform:translate(calc(-50% - 120px),-50%);filter:blur(8px)}to{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}}.jl-name--leaving-up{animation:jl-name-leave-up .7s cubic-bezier(.4,0,.2,1) forwards}@keyframes jl-name-leave-up{0%{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}to{opacity:0;transform:translate(-50%,calc(-50% - 90px));filter:blur(8px)}}.jl-name--leaving-down{animation:jl-name-leave-down .7s cubic-bezier(.4,0,.2,1) forwards}@keyframes jl-name-leave-down{0%{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}to{opacity:0;transform:translate(-50%,calc(-50% + 90px));filter:blur(8px)}}.jl-name--leaving-left{animation:jl-name-leave-left .7s cubic-bezier(.4,0,.2,1) forwards}@keyframes jl-name-leave-left{0%{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}to{opacity:0;transform:translate(calc(-50% - 120px),-50%);filter:blur(8px)}}.jl-name--leaving-right{animation:jl-name-leave-right .7s cubic-bezier(.4,0,.2,1) forwards}@keyframes jl-name-leave-right{0%{opacity:1;transform:translate(-50%,-50%);filter:blur(0)}to{opacity:0;transform:translate(calc(-50% + 120px),-50%);filter:blur(8px)}}.jl-vis-wrap{position:absolute;top:calc(50% + clamp(90px,10vw,160px));left:50%;transform:translate(-50%);pointer-events:none;z-index:10;width:clamp(300px,42vw,520px);display:flex;justify-content:center;animation:jl-vis-frame-in .9s cubic-bezier(.16,1,.3,1) both}@keyframes jl-vis-frame-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.jl-vis{width:100%;height:auto;color:var(--ink);overflow:visible}.jl-vis-line{stroke-dasharray:400;stroke-dashoffset:400;animation:jl-vis-draw 1s cubic-bezier(.16,1,.3,1) var(--d, 0s) forwards;stroke-linecap:round}@keyframes jl-vis-draw{to{stroke-dashoffset:0}}.jl-vis-outline{stroke-dasharray:100;stroke-dashoffset:100;animation:jl-vis-outline-draw 1.4s cubic-bezier(.16,1,.3,1) var(--d, 0s) forwards}@keyframes jl-vis-outline-draw{to{stroke-dashoffset:0}}.jl-vis-annex{opacity:0;animation:jl-vis-annex-in 1s ease var(--d, 0s) forwards}@keyframes jl-vis-annex-in{0%{opacity:0}to{opacity:.35}}.jl-vis-doodle{opacity:0;animation:jl-vis-annex-in .9s ease var(--d, 0s) forwards}.jl-vis-hand{font-family:Caveat,Bradley Hand,Marker Felt,cursive;font-weight:500;font-size:22px;letter-spacing:.5px;fill:currentColor}.jl-vis-hand--tiny{font-size:13px;font-weight:400;opacity:.6}.jl-vis--doodle text.jl-vis-hand{paint-order:stroke}.jl-vis-text{opacity:0;animation:jl-vis-fade .6s ease var(--d, 0s) forwards}@keyframes jl-vis-fade{to{opacity:1}}.jl-vis-dot{transform-origin:center;transform-box:fill-box;transform:scale(0);opacity:0;animation:jl-vis-dot .5s cubic-bezier(.34,1.56,.64,1) var(--d, 0s) forwards}@keyframes jl-vis-dot{to{transform:scale(1);opacity:1}}.jl-vis-star{transform-origin:center;transform-box:fill-box;opacity:0;animation:jl-vis-star .9s cubic-bezier(.16,1,.3,1) var(--d, 0s) forwards}@keyframes jl-vis-star{0%{opacity:0;transform:rotate(-90deg) scale(.4)}to{opacity:1;transform:rotate(0) scale(1)}}.jl-vis-wrap--blog .jl-vis,.jl-vis-wrap--daily .jl-vis,.jl-vis-wrap--docs .jl-vis,.jl-vis-wrap--home .jl-vis{color:var(--ink)}@media (max-width: 720px){.jl-corner{padding:16px 20px;font-size:9px;letter-spacing:.28em}.jl-name{font-size:clamp(60px,18vw,120px)}.jl-vis-wrap{top:calc(50% + 70px);width:clamp(240px,80vw,380px)}}@media (prefers-reduced-motion: reduce){.jl-name{animation:jl-name-fade .4s ease both!important}.jl-vis-wrap,.jl-vis-line,.jl-vis-text,.jl-vis-dot,.jl-vis-star{animation:jl-name-fade .4s ease both!important;stroke-dashoffset:0!important;transform:none!important;opacity:1!important}@keyframes jl-name-fade{0%{opacity:0}to{opacity:1}}}
