.cx{height:var(--cx-h,46rem);max-height:80svh;font-family:var(--font-sans);--hand:var(--font-hand), "Caveat", "Segoe Print", cursive;position:relative;overflow:hidden;container-type:inline-size}.cx-scroll{scrollbar-width:thin;overscroll-behavior:contain;height:100%;position:relative;overflow:hidden auto}.cx .hand{font-family:var(--hand);font-weight:600}.cx button{font:inherit;color:inherit;cursor:pointer}.sm{color:#1a1a18;--moss:#3b6b4a;background:#f5f3ee}.sm-light{fill:#5d5a52;opacity:.26;mix-blend-mode:multiply;pointer-events:none;transform-origin:30% 0;width:100%;height:78cqw;animation:16s ease-in-out infinite alternate sm-sway;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 35%,#0000 95%);mask-image:linear-gradient(#000 35%,#0000 95%)}@keyframes sm-sway{0%{transform:translate(-1.2%)rotate(-.8deg)scale(1.02)}to{transform:translate(1.4%,-1%)rotate(.9deg)scale(1.07)}}.sm-top{justify-content:space-between;padding:3cqw 6cqw;font-size:clamp(.72rem,1.7cqw,.9rem);display:flex;position:relative}.sm-top .r{border-bottom:1px solid}.sm-hero{max-width:min(40rem,78cqw);margin:0 auto;padding:13cqw 0 6cqw;position:relative}.sm-hero h1{letter-spacing:-.015em;text-wrap:pretty;font-size:clamp(1.3rem,3.5cqw,2.1rem);font-weight:400;line-height:1.5}.sm-face{vertical-align:middle;object-fit:cover;object-position:50% 20%;transform-origin:20% 80%;border-radius:.3em;width:1.05em;height:1.45em;margin-left:.3em;transition:transform .6s cubic-bezier(.32,.72,0,1),box-shadow .6s;display:inline-block;position:relative;transform:rotate(-5deg);box-shadow:0 1px #0000001f}.sm-face:hover{z-index:3;transform:rotate(0)scale(3.2)translateY(-8%);box-shadow:0 12px 40px #00000040}.sm-pill{color:inherit;font:inherit;line-height:inherit;background:#1a1a1813;border:0;border-radius:.7em;padding:.02em .5em;transition:background .4s;display:inline-block;position:relative}.sm-pill:hover,.sm-pill[aria-expanded=true]{background:#3b6b4a33}.sm-tip{z-index:4;color:#f5f3ee;letter-spacing:0;text-align:left;opacity:0;pointer-events:none;background:#1a1a18;border-radius:.6rem;width:15rem;padding:.6rem .8rem;font-size:.8rem;font-weight:400;line-height:1.4;transition:opacity .3s,transform .3s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%,4px)}.sm-pill:hover .sm-tip,.sm-pill:focus-visible .sm-tip,.sm-tip[data-open=true]{opacity:1;transform:translate(-50%)}.sm-hero p{color:#5f5c54;margin-top:1.6rem;font-size:clamp(.88rem,1.7cqw,1.05rem);line-height:1.65}.sm-sig{width:fit-content;font-family:var(--hand);clip-path:inset(-10% 100% -10% 0);margin-top:2.4rem;font-size:clamp(2rem,6.5cqw,3.4rem);font-weight:600;line-height:1;transition:clip-path 1.8s cubic-bezier(.45,0,.2,1) .2s;position:relative;transform:rotate(-4deg)}.sm-sig[data-seen=true]{clip-path:inset(-10% -10% -10% 0)}.sm-sig i{border-bottom:2px solid #1a1a18;border-radius:0 0 50% 50%/0 0 100% 100%;height:.14em;margin-top:.05em;display:block}.sm-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#6a675f;font-size:.68rem}.sm-writing,.sm-resume{max-width:min(40rem,78cqw);margin:0 auto;padding:4cqw 0 5cqw;position:relative}.sm-writing>div{gap:.9rem;margin-top:1.2rem;display:grid}.sm-card{opacity:0;background:#ffffff8c;border:1px solid #dedad0;border-radius:1.1rem;gap:.35rem;padding:1.3rem 1.4rem;transition:opacity .8s cubic-bezier(.32,.72,0,1),transform .8s cubic-bezier(.32,.72,0,1),background .4s,box-shadow .4s;display:grid;transform:translateY(12px)}.sm-card[data-seen=true]{opacity:1;transform:none}.sm-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 10px 30px -14px #1a1a184d}.sm-card .tag{color:#2f5a3d;background:#3b6b4a24;border-radius:999px;width:fit-content;padding:.1rem .6rem;font-size:.7rem}.sm-card .t{letter-spacing:-.02em;font-size:clamp(1.1rem,2.6cqw,1.5rem);font-weight:500}.sm-card .d{color:#6a675f;font-size:.88rem}.sm-resume ul{margin-top:1rem}.sm-resume li{border-top:1px solid #dedad0;justify-content:space-between;gap:1rem;padding:.9rem 0;display:flex}.sm-resume b{font-weight:500;display:block}.sm-resume em{color:#6a675f;margin-top:.15rem;font-size:.85rem;font-style:normal;display:block}.sm-resume .y{font-family:var(--font-mono);color:#6a675f;white-space:nowrap;padding-top:.2rem;font-size:.72rem}.sm-foot{text-align:center;padding:6cqw 6cqw 3cqw;position:relative;overflow:hidden}.sm-foot b{letter-spacing:-.05em;color:#1a1a1812;font-size:clamp(3.4rem,21cqw,14rem);font-weight:700;line-height:.8;display:block}.sm-foot p{font-family:var(--hand);margin-top:-1.2rem;font-size:clamp(1.4rem,3.4cqw,2rem);font-weight:600}.sm-foot span{color:#5f5c54;justify-content:center;gap:1.4rem;margin-top:.8rem;font-size:.8rem;display:flex}.sm-foot span i{border-bottom:1px solid;font-style:normal}.sm-foot small{font-family:var(--font-mono);color:#8a8678;margin-top:2.4rem;font-size:.68rem;display:block}
.nk{--bg:#f6f4ef;--surface:#fbfaf7;--ink:#15171c;--mut:#6b6e76;--rule:#e1ded6;--blue:#2b4c8c;--sage:#4a7c5f;background:var(--bg);color:var(--ink)}.nk-top{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1rem;padding:2cqw 4cqw;font-size:clamp(.72rem,1.6cqw,.88rem);display:flex}.nk-top b{letter-spacing:-.01em;align-items:center;gap:.6rem;font-weight:600;display:flex}.nk-top b i{background:var(--ink);width:1.9rem;height:1.9rem;color:var(--bg);letter-spacing:.04em;border-radius:.35rem;place-items:center;font-size:.68rem;font-style:normal;font-weight:700;display:grid}.nk-top nav{color:var(--mut);gap:2.4cqw;display:flex}.nk-top nav span{border-bottom:1px solid #0000;padding-bottom:.15rem;transition:color .25s,border-color .25s}.nk-top nav span:hover{color:var(--ink);border-color:var(--ink)}.nk-clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--mut);white-space:nowrap;align-items:center;gap:.5rem;font-size:.72rem;display:inline-flex}.nk-clock i{background:var(--sage);border-radius:50%;width:.45rem;height:.45rem;animation:2s ease-in-out infinite nk-pulse}@keyframes nk-pulse{50%{opacity:.3}}.nk-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);font-size:.66rem}.nk-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:5cqw;padding:6.5cqw 4cqw 6cqw;display:grid}.nk-tag{font-family:var(--font-mono);letter-spacing:.18em;color:var(--blue);font-size:.68rem}.nk-hero h1{letter-spacing:-.045em;text-wrap:balance;margin-top:1.4cqw;font-size:clamp(2rem,6.2cqw,4.2rem);font-weight:600;line-height:1.04}.nk-hero h1 span{color:#8b8e96;display:block}.nk-sub{color:#4a4d55;max-width:31em;margin-top:2cqw;font-size:clamp(.88rem,1.8cqw,1.02rem);line-height:1.65}.nk-facts{border-block:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3cqw;display:grid}.nk-facts div{padding:1rem .9rem 1rem 0}.nk-facts div+div{border-left:1px solid var(--rule);padding-left:1rem}.nk-facts dt{letter-spacing:-.04em;color:var(--blue);font-size:clamp(1.4rem,3.6cqw,2.1rem);font-weight:600}.nk-facts dd{color:var(--mut);margin-top:.3rem;font-size:.72rem;line-height:1.4}.nk-cta{border:1px solid var(--ink);color:var(--ink);border-radius:.4rem;margin-top:2.4cqw;padding:.75em 1.3em;font-size:.8rem;font-weight:500;transition:background .25s,color .25s;display:inline-block}.nk-cta:hover,.nk-cta.solid{background:var(--ink);color:var(--bg)}.nk-cta.solid:hover{background:var(--blue);border-color:var(--blue)}.nk-frame{aspect-ratio:4/5;box-shadow:0 0 0 1px var(--rule), .9rem .9rem 0 -1px #ebe8e1, .9rem .9rem 0 0 var(--rule);background:#e9e6df;border-radius:.3rem;margin:0;position:relative;overflow:hidden}.nk-frame img{object-fit:cover;object-position:54% 20%;filter:saturate(.92)contrast(1.02);width:100%;height:100%;transition:transform 1.2s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.nk-frame:hover img{transform:scale(1.03)}.nk-frame figcaption{z-index:4;color:#fff;pointer-events:none;background:linear-gradient(#0000,#0e1016c7);flex-direction:column;gap:.15rem;padding:2.4rem 1rem .9rem;display:flex;position:absolute;inset:auto 0 0}.nk-frame figcaption b{font-family:var(--font-mono);letter-spacing:.16em;font-size:.68rem}.nk-frame figcaption span{color:#e3e5ea;font-size:.74rem}.nk-tape{border-block:1px solid var(--rule);background:var(--surface);overflow:hidden}.nk-tape div{width:max-content;padding:.95rem 0;animation:34s linear infinite nk-tape;display:flex}.nk-tape span{letter-spacing:.16em;white-space:nowrap;color:#4a4d55;padding-inline:2.6cqw;font-size:.74rem;font-weight:500}.nk-tape em{color:var(--rule);margin-left:.7rem;font-style:normal}@keyframes nk-tape{to{transform:translate(-50%)}}.nk-journey{padding:5.5cqw 4cqw}.nk-journey h2{letter-spacing:-.04em;text-wrap:balance;max-width:18em;margin-top:.7rem;font-size:clamp(1.5rem,4.4cqw,2.8rem);font-weight:600;line-height:1.1}.nk-journey ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:2cqw;margin-top:2.6rem;padding-top:2.2rem;display:grid;position:relative}.nk-journey ol:before,.nk-journey ol:after{content:"";height:1px;position:absolute;top:.45rem;left:0}.nk-journey ol:before{background:var(--rule);right:0}.nk-journey ol:after{background:var(--blue);transform-origin:0;width:100%;transition:transform 1.8s cubic-bezier(.23,1,.32,1) .2s;transform:scaleX(0)}.nk-journey[data-seen=true] ol:after{transform:scaleX(1)}.nk-journey li{opacity:.3;transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1);transition-delay:calc(var(--i) * .35s + .3s);position:relative;transform:translateY(10px)}.nk-journey[data-seen=true] li{opacity:1;transform:none}.nk-journey li i{border:1.5px solid var(--blue);background:var(--bg);border-radius:50%;width:.85rem;height:.85rem;position:absolute;top:-2.2rem;left:0}.nk-journey li .yr{font-family:var(--font-mono);letter-spacing:.14em;color:var(--blue);font-size:.7rem;display:block}.nk-journey li h3{letter-spacing:-.015em;margin-top:.45rem;font-size:clamp(.95rem,2cqw,1.15rem);font-weight:600}.nk-journey li p{color:#53565e;margin-top:.4rem;font-size:.82rem;line-height:1.55}.nk-list{border-top:1px solid var(--rule);background:var(--surface);padding:5cqw 4cqw}.nk-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:3cqw;margin-top:1.2rem;display:grid}.nk-list ul{border:1px solid var(--rule);background:var(--bg);border-radius:.5rem;overflow:hidden}.nk-list li.head,.nk-list li button{text-align:left;grid-template-columns:1.4fr 1.2fr .6fr;gap:1rem;width:100%;padding:.95rem 1.1rem;display:grid}.nk-list li.head{font-family:var(--font-mono);letter-spacing:.14em;color:var(--mut);background:#efece5;font-size:.62rem}.nk-list li+li{border-top:1px solid var(--rule)}.nk-list li button{background:0 0;border:0;font-size:clamp(.78rem,1.7cqw,.92rem);transition:background .25s}.nk-list li button b{letter-spacing:.02em;font-weight:600}.nk-list li button span{color:#5b5e66}.nk-list li[aria-selected=true] button{box-shadow:inset 3px 0 0 var(--blue);background:#fff}.nk-ticket{border:1px solid var(--rule);background:#fff;border-radius:.5rem;padding:1.4rem;animation:.45s cubic-bezier(.23,1,.32,1) both nk-in}@keyframes nk-in{0%{opacity:0;transform:translateY(8px)}}.nk-ticket h2{letter-spacing:.01em;margin-top:.8rem;font-size:clamp(1.1rem,2.6cqw,1.5rem);font-weight:600}.nk-ticket .r{color:var(--sage);margin-top:.3rem;font-size:.85rem;font-weight:500}.nk-ticket p:last-child{color:#4f525a;margin-top:1rem;font-size:.9rem;line-height:1.55}.nk-proof{padding:4.5cqw 4cqw}.nk-proof>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.2rem;display:grid}.nk-proof article{border:1px solid var(--rule);background:var(--surface);border-radius:.5rem;padding:1.2rem;transition:border-color .3s,transform .3s cubic-bezier(.23,1,.32,1)}.nk-proof article:hover{border-color:var(--blue);transform:translateY(-2px)}.nk-proof article span{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--blue);font-size:.64rem}.nk-proof article p{color:#2b2e35;margin-top:.6rem;font-size:.9rem;line-height:1.5}.nk-wave{text-align:center;border-top:1px solid var(--rule);background:var(--surface);padding:4cqw 4cqw 5.5cqw}.nk-wave h2{letter-spacing:-.045em;margin-top:.6rem;font-size:clamp(1.8rem,6cqw,3.6rem);font-weight:600}.nk-wave div{justify-content:center;align-items:center;gap:.35%;height:5.5rem;margin:1.6rem 0 1rem;display:flex}.nk-wave i{max-width:1.1%;height:var(--h);background:var(--ink);opacity:.8;transform-origin:50%;border-radius:99px;flex:1;transform:scaleY(.2)}.nk-wave[data-seen=true] i{animation:1.4s ease-in-out infinite alternate nk-bar;animation-delay:calc(var(--d) * -.14s)}@keyframes nk-bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.nk-wave>p:last-child{color:var(--mut);font-size:.85rem}.nk-foot{text-align:center;border-top:1px solid var(--rule);padding:5.5cqw 4cqw 4.5cqw}.nk-foot h2{letter-spacing:-.04em;margin-top:.7rem;font-size:clamp(1.4rem,4.2cqw,2.6rem);font-weight:600}.nk-foot .nk-cta{margin-top:1.4rem}.nk-foot small{font-family:var(--font-mono);letter-spacing:.06em;color:var(--mut);margin-top:1.1rem;font-size:.66rem;display:block}@container (max-width:38rem){.nk-hero{grid-template-columns:1fr}.nk-frame{width:calc(100% - 1rem);max-width:22rem;margin-inline:auto}.nk-grid,.nk-proof>div{grid-template-columns:1fr}.nk-journey ol{grid-template-columns:1fr;gap:1.6rem;padding:0 0 0 1.6rem}.nk-journey ol:before,.nk-journey ol:after{width:1px;height:auto;inset:0 auto 0 .4rem}.nk-journey ol:after{transform-origin:top;transform:scaleY(0)}.nk-journey[data-seen=true] ol:after{transform:scaleY(1)}.nk-journey li i{top:.2rem;left:-1.6rem}.nk-facts dt{font-size:1.3rem}}@container (max-width:32rem){.nk-top nav{display:none}}@media (prefers-reduced-motion:reduce){.nk-journey ol:after{transition:none;transform:none}.nk-journey li{opacity:1;transition:none;transform:none}.nk-tape div,.nk-wave i,.nk-clock i{animation:none}.nk-wave i{transform:scaleY(.6)}}
.xt{color:var(--xt-ink);font-family:var(--xt-font,var(--font-sans))}.xt h2,.xt h3{font-family:var(--xt-font,var(--font-sans));font-weight:500}.xt-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--xt-accent);font-size:.66rem}.xt-pad{padding-inline:4cqw}.xt-sub{color:var(--xt-soft);font-size:clamp(.84rem,1.7cqw,1rem);line-height:1.6}.xt-band{background:var(--xt-bg);padding:4cqw}.xt-band-frame{aspect-ratio:16/8;clip-path:inset(0 100% 0 0);background:#111;border-radius:.4rem;transition:clip-path 1.4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.xt-band[data-seen=true] .xt-band-frame{clip-path:inset(0)}.xt-band img{object-fit:cover;object-position:50% 22%;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.02)}.xt-band[data-seen=true] img{animation:18s ease-in-out infinite alternate xt-push}@keyframes xt-push{to{transform:scale(1.14)translateY(-2%)}}.xt-band-shade{background:linear-gradient(90deg,#0a0a0cd1 0%,#0a0a0c73 45%,#0000 75%);position:absolute;inset:0}.xt-band-copy{color:#fff;flex-direction:column;justify-content:center;max-width:52%;padding:0 5cqw;display:flex;position:absolute;inset:0}.xt-band-copy .xt-label{color:#e6c27a}.xt-band-copy h2{letter-spacing:-.03em;margin-top:.6rem;font-size:clamp(1.6rem,5.4cqw,3.6rem);font-weight:500;line-height:1.02}.xt-band-copy .xt-sub{color:#ffffffd1;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.8rem;display:-webkit-box;overflow:hidden}.xt-chips{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.xt-chips li{opacity:0;transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1);transition-delay:calc(.9s + var(--i) * .12s);border:1px solid #ffffff8c;border-radius:999px;padding:.3em .9em;font-size:.7rem;transform:translateY(8px)}.xt-band[data-seen=true] .xt-chips li{opacity:1;transform:none}.xt-film{background:var(--xt-bg);padding:3cqw 0 5cqw;overflow:hidden}.xt-film .xt-label{margin-bottom:1rem}.xt-film-window{border-block:1px solid var(--xt-rule);background:var(--xt-paper);padding-block:.9rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.xt-film-track{gap:.9rem;width:max-content;padding-left:.9rem;display:flex}.xt-film[data-seen=true] .xt-film-track{animation:46s linear infinite xt-reel}.xt-film-window:hover .xt-film-track{animation-play-state:paused}@keyframes xt-reel{to{transform:translate(-50%)}}.xt-film figure{aspect-ratio:3/4;width:clamp(7rem,20cqw,12rem);box-shadow:0 0 0 1px var(--xt-rule);background:#1b1b1b;border-radius:.2rem;flex:none;margin:0;position:relative;overflow:hidden}.xt-film figure img{object-fit:cover;filter:grayscale()contrast(1.05);width:100%;height:100%;transition:filter .5s}.xt-film figure:hover img{filter:none}.xt-film figure span{font-family:var(--font-mono);letter-spacing:.14em;color:#fff;mix-blend-mode:difference;font-size:.6rem;position:absolute;bottom:.4rem;left:.5rem}.xt-built{background:var(--xt-bg);padding:5cqw 4cqw}.xt-built h2{letter-spacing:-.035em;text-wrap:balance;max-width:16em;margin-top:.7rem;font-size:clamp(1.5rem,4.4cqw,2.8rem);line-height:1.1}.xt-built>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem;display:grid}.xt-built article{border:1px solid var(--xt-rule);background:var(--xt-paper);opacity:0;transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1),border-color .3s;transition-delay:calc(var(--i) * .14s);border-radius:.5rem;padding:1.2rem;transform:translateY(14px)}.xt-built[data-seen=true] article{opacity:1;transform:none}.xt-built article:hover{border-color:var(--xt-accent)}.xt-built h3{letter-spacing:-.02em;margin-top:.8rem;font-size:1.2rem}.xt-built .role{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--xt-accent);margin-top:.2rem;font-size:.64rem;display:block}.xt-built p{color:var(--xt-soft);margin-top:.5rem;font-size:.84rem;line-height:1.5}.xt-art{width:100%;height:5rem;display:block;overflow:visible}.xt-art .grid{stroke:var(--xt-rule);fill:none;stroke-width:1px}.xt-art .draw{fill:none;stroke:var(--xt-accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.xt-built[data-seen=true] .xt-art .draw{animation:2.4s cubic-bezier(.23,1,.32,1) .5s forwards xt-line}@keyframes xt-line{to{stroke-dashoffset:0}}.xt-art .draw{pathLength:1}.xt-art .dot{fill:var(--xt-accent)}.xt-art .solid{stroke:var(--xt-ink);fill:none;stroke-width:2.4px;stroke-linecap:round}.xt-art .ring{fill:none;stroke:var(--xt-accent);stroke-width:1.4px;opacity:0;transform-origin:60px 38px}.xt-built[data-seen=true] .xt-art .ring{animation:2.8s ease-out infinite xt-ring}.xt-art .r2{animation-delay:.9s!important}.xt-art .r3{animation-delay:1.8s!important}@keyframes xt-ring{0%{opacity:.8;transform:scale(.6)}to{opacity:0;transform:scale(3.6)}}.xt-art .bar{fill:var(--xt-accent);transform-box:fill-box;transform-origin:50%;transform:scaleY(.2)}.xt-built[data-seen=true] .xt-art .bar{animation:1.2s ease-in-out infinite alternate xt-bar;animation-delay:calc(var(--d) * -.13s)}@keyframes xt-bar{to{transform:scaleY(1)}}.xt-shelf{background:var(--xt-bg);padding:5cqw 6cqw}.xt-shelf ol{border-top:1px solid var(--xt-ink);margin-top:1.2rem}.xt-shelf li{border-bottom:1px solid var(--xt-rule);opacity:0;transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1),padding-left .3s;transition-delay:calc(var(--i) * .14s);grid-template-columns:3rem 1fr auto;align-items:start;gap:1rem;padding:1.4rem 0;display:grid;transform:translateY(12px)}.xt-shelf[data-seen=true] li{opacity:1;transform:none}.xt-shelf li:hover{padding-left:.6rem}.xt-shelf .num{font-family:var(--font-mono);color:var(--xt-accent);padding-top:.5rem;font-size:.8rem}.xt-shelf h3{letter-spacing:-.025em;font-size:clamp(1.2rem,3.4cqw,2rem);line-height:1.12}.xt-shelf p{color:var(--xt-soft);margin-top:.3rem;font-size:.82rem}.xt-shelf .line{background:var(--xt-accent);width:0;height:2px;margin-top:.9rem;transition:width 1.6s cubic-bezier(.23,1,.32,1) .4s;display:block}.xt-shelf[data-seen=true] .line{width:var(--w)}.xt-shelf .go{color:var(--xt-soft);align-self:center;font-size:1.3rem;transition:transform .3s cubic-bezier(.23,1,.32,1),color .3s}.xt-shelf li:hover .go{color:var(--xt-accent);transform:translate(6px)}.xt-book{background:var(--xt-paper);border-block:1px solid var(--xt-rule);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:5cqw;padding:5cqw 4cqw;display:grid}.xt-book .stage{perspective:1200px;place-items:center;height:clamp(14rem,36cqw,24rem);display:grid;position:relative}.xt-book .book{aspect-ratio:2/3;width:clamp(8rem,22cqw,13rem);transform-style:preserve-3d;opacity:0;transition:transform .9s cubic-bezier(.23,1,.32,1);position:relative;transform:rotateY(-26deg)rotateX(4deg)}.xt-book[data-seen=true] .book{opacity:1;animation:6s ease-in-out infinite xt-bookfloat}.xt-book .stage:hover .book{animation-play-state:paused;transform:rotateY(-4deg)rotateX(0)}@keyframes xt-bookfloat{0%,to{transform:rotateY(-26deg)rotateX(4deg)translateY(0)}50%{transform:rotateY(-20deg)rotateX(2deg)translateY(-10px)}}.xt-book .cover{color:#fbf0d3;backface-visibility:hidden;background:linear-gradient(160deg,#a77f23,#6c4f12);border-radius:.15rem .5rem .5rem .15rem;flex-direction:column;justify-content:space-between;padding:12% 10%;display:flex;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffeebe40}.xt-book .cover .rule{opacity:.7;background:#fbf0d3;width:34%;height:2px}.xt-book .cover b{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.1rem,3.4cqw,1.8rem);font-weight:400;line-height:1}.xt-book .cover em{opacity:.8;font-size:.5rem;font-style:normal;line-height:1.4}.xt-book .cover .by{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;font-size:.5rem}.xt-book .spine{transform-origin:0;background:linear-gradient(90deg,#5a410f,#7d5c18);width:14%;height:100%;position:absolute;top:0;left:0;transform:rotateY(-90deg)translate(-50%)}.xt-book .pages{transform-origin:100%;background:repeating-linear-gradient(90deg,#f6efd9 0 2px,#e4dbc0 2px 3px);width:8%;height:97%;position:absolute;top:1.5%;right:0;transform:rotateY(90deg)translate(50%)}.xt-book .shadow{filter:blur(4px);background:radial-gradient(closest-side,#1d1b1659,#0000);border-radius:50%;width:60%;height:1.4rem;position:absolute;bottom:8%}.xt-book h2{letter-spacing:-.03em;margin-top:.7rem;font-size:clamp(1.5rem,4.4cqw,2.8rem);font-weight:400;line-height:1.08}.xt-book ul{border-block:1px solid var(--xt-rule);grid-template-columns:repeat(2,minmax(0,1fr));margin:1.4rem 0;display:grid}.xt-book li{padding:1rem 0}.xt-book li+li{border-left:1px solid var(--xt-rule);padding-left:1rem}.xt-book li b{font-family:var(--font-display);color:var(--xt-accent);font-size:clamp(1.6rem,4.4cqw,2.6rem);font-weight:400;display:block}.xt-book li span{color:var(--xt-soft);font-size:.74rem}.xt-code{background:var(--xt-bg);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:5cqw;padding:5cqw 4cqw;display:grid}.xt-code h2{letter-spacing:-.03em;margin-top:.7rem;font-size:clamp(1.5rem,4.4cqw,2.8rem);font-weight:400;line-height:1.08}.xt-code .xt-sub{margin-top:.9rem}.xt-code pre{color:#e7e8f2;font-family:var(--font-mono);background:#1a1b22;border-radius:.5rem;margin:0;padding:1.2rem 1.4rem 1.6rem;font-size:clamp(.66rem,1.7cqw,.9rem);line-height:1.75;position:relative;box-shadow:0 30px 50px -34px #17181cb3}.xt-code .bar{gap:.35rem;margin-bottom:1rem;display:flex}.xt-code .bar i{background:#3a3c4a;border-radius:50%;width:.6rem;height:.6rem}.xt-code code{white-space:pre;border-right:0;width:0;display:block;overflow:hidden}.xt-code[data-seen=true] code{animation:.9s steps(34,end) forwards xt-type;animation-delay:calc(var(--i) * .95s + .3s)}@keyframes xt-type{to{width:100%}}.xt-code code:first-of-type,.xt-code code:nth-of-type(4){color:#a9acff}.xt-code code:nth-of-type(5){color:#8ad1b0}.xt-code .caret{background:#a9acff;width:.55rem;height:1rem;animation:1s step-end infinite xt-blink;position:absolute;bottom:1.2rem;right:1.4rem}@keyframes xt-blink{50%{opacity:0}}@container (max-width:40rem){.xt-band-frame{aspect-ratio:4/5}.xt-band-copy{justify-content:flex-end;max-width:100%;padding-bottom:6cqw}.xt-band-shade{background:linear-gradient(#0000 15%,#0a0a0c4d 40%,#0a0a0ce0 100%)}.xt-built>div,.xt-book,.xt-code{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.xt-band-frame{clip-path:none;transition:none}.xt-band[data-seen=true] img,.xt-film[data-seen=true] .xt-film-track,.xt-book[data-seen=true] .book,.xt-art .ring,.xt-art .bar,.xt-code .caret{animation:none!important}.xt-chips li,.xt-built article,.xt-shelf li,.xt-book .book{opacity:1;transition:none;transform:none}.xt-art .draw{stroke-dashoffset:0}.xt-shelf .line{width:var(--w);transition:none}.xt-code code{width:100%;animation:none!important}}
.jh{--bg:#faf8f2;--paper:#fffdf8;--ink:#1d1b16;--soft:#5d594e;--rule:#e4dfd0;--gold:#8a6a1f;--gold-soft:#f1e8cf;background:var(--bg);color:var(--ink)}.jh .grad{font-family:var(--font-display);color:var(--gold);letter-spacing:-.01em;font-style:italic;font-weight:400}.jh-label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-size:.66rem}.jh-top{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:2.2cqw 4cqw;font-size:clamp(.72rem,1.6cqw,.88rem);display:flex}.jh-top nav{color:var(--soft);gap:2.6cqw;display:flex}.jh-logo{border:1px solid var(--ink);width:2.3rem;height:2.3rem;font-family:var(--font-display);letter-spacing:.04em;border-radius:50%;place-items:center;font-size:.82rem;display:grid}.jh-cta{border:1px solid var(--ink);border-radius:.35rem;padding:.6em 1.3em;font-size:.8rem;font-weight:500;transition:background .25s,color .25s;display:inline-block}.jh-cta:hover,.jh-cta.solid{background:var(--ink);color:var(--bg)}.jh-cta.solid:hover{background:var(--gold);border-color:var(--gold)}.jh-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:5cqw;padding:6cqw 4cqw 5.5cqw;display:grid}.jh-pill{border-bottom:1px solid var(--gold);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);padding-bottom:.4rem;font-size:.66rem;display:inline-block}.jh-hero h1{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin-top:2.2cqw;font-size:clamp(2.2rem,6.6cqw,4.6rem);font-weight:400;line-height:1.02}.jh-hero h1 .grad{display:block}.jh-sub{max-width:30em;color:var(--soft);margin-top:2cqw;font-size:clamp(.9rem,1.8cqw,1.05rem);line-height:1.65}.jh-hero .jh-cta{margin-top:2.6cqw}.jh-photo{margin:0}.jh-photo img{aspect-ratio:4/5;object-fit:cover;object-position:50% 14%;width:100%;box-shadow:0 0 0 1px var(--rule), .8rem .8rem 0 -1px var(--gold-soft), .8rem .8rem 0 0 var(--rule);border-radius:.25rem;display:block}.jh-photo figcaption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-top:1.3rem;font-size:.64rem}.jh-stack{border:1px solid var(--rule);background:var(--paper);border-radius:.5rem;margin:0 4cqw;padding:2rem}.jh-sentence{font-family:var(--font-display);letter-spacing:-.015em;margin-top:.9rem;font-size:clamp(1.2rem,3.2cqw,1.9rem);line-height:1.6}.jh-sentence input{border:0;border-bottom:1px solid var(--gold);max-width:100%;color:var(--ink);font:inherit;text-align:center;background:0 0;border-radius:0;outline:none;padding:0 .15em;font-style:italic;transition:background .25s}.jh-sentence input:focus{background:var(--gold-soft)}.jh-track{border-top:1px solid var(--rule);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:2.4rem;margin-top:1.8rem;padding-top:1.6rem;display:grid}.jh-days{grid-template-columns:repeat(7,1fr);gap:.4rem;display:grid}.jh-days button{aspect-ratio:1;border:1px solid var(--rule);background:0 0;border-radius:.25rem;padding:0;transition:background .25s,border-color .25s,transform .2s cubic-bezier(.23,1,.32,1);position:relative}.jh-days button:hover{border-color:var(--gold)}.jh-days button:active{transform:scale(.94)}.jh-days button[data-on=true]{border-color:var(--gold);background:var(--gold)}.jh-days svg{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:26;stroke-dashoffset:26px;width:56%;height:56%;transition:stroke-dashoffset .4s cubic-bezier(.23,1,.32,1);position:absolute;inset:22%}.jh-days button[data-on=true] svg{stroke-dashoffset:0}.jh-btn{background:var(--ink);color:#faf8f2;border:0;border-radius:.35rem;margin-top:1.1rem;padding:.7em 1.5em;font-size:.82rem;font-weight:500;transition:background .25s,transform .15s;position:relative;overflow:hidden}.jh-btn:hover{background:var(--gold)}.jh-btn:active{transform:scale(.97)}.jh-read b{font-family:var(--font-display);letter-spacing:-.04em;color:var(--gold);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,7cqw,4rem);font-weight:400;line-height:1;display:block}.jh-read>span{color:var(--soft);margin-top:.4rem;font-size:.78rem;display:block}.jh-curve{width:100%;height:5.2rem;margin-top:1rem;display:block;overflow:visible}.jh-curve .area{fill:var(--gold-soft);opacity:.8}.jh-curve .line{fill:none;stroke:var(--gold);stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;animation:2.2s cubic-bezier(.23,1,.32,1) .3s forwards jh-draw}.jh-curve circle{fill:var(--ink);stroke:var(--paper);stroke-width:1.2px;transition:cx .4s,cy .4s}@keyframes jh-draw{to{stroke-dashoffset:0}}.jh-read small{font-family:var(--font-mono);letter-spacing:.1em;color:var(--soft);margin-top:.5rem;font-size:.62rem;display:block}.jh h2{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.7rem,5vw,3.1rem);font-weight:400;line-height:1.05}.jh-laws{padding:6cqw 4cqw 4cqw}.jh-laws h2{margin-top:.7rem}.jh-laws>div{border-top:1px solid var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2.4rem;display:grid}.jh-laws article{align-content:start;gap:.5rem;padding:1.3rem 1.2rem 1.5rem 0;display:grid;position:relative}.jh-laws article+article{border-left:1px solid var(--rule);padding-left:1.2rem}.jh-laws .n{font-family:var(--font-display);color:var(--gold);font-size:1.1rem}.jh-ico{width:2.6rem;height:2.6rem;color:var(--ink);margin:.4rem 0;transition:color .3s,transform .4s cubic-bezier(.23,1,.32,1)}.jh-laws article:hover .jh-ico{color:var(--gold);transform:translateY(-3px)}.jh-laws b{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.05rem,2.4cqw,1.4rem);font-weight:400;line-height:1.12}.jh-laws em{color:var(--soft);font-size:.84rem;font-style:normal;line-height:1.5}.jh-mail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:5cqw;padding:3cqw 4cqw 6cqw;display:grid}.jh-mail-card{border:1px solid var(--rule);background:var(--paper);border-radius:.4rem;padding:1.4rem 1.6rem;box-shadow:0 24px 40px -30px #1d1b1659}.jh-mail-head{border-bottom:1px solid var(--ink);font-family:var(--font-display);justify-content:space-between;align-items:baseline;padding-bottom:.9rem;font-size:1.2rem;display:flex}.jh-mail-head i{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:.62rem;font-style:normal}.jh-mail-card .row{border-bottom:1px solid var(--rule);grid-template-columns:2.4rem 1fr;align-items:baseline;gap:.8rem;padding:.95rem 0;display:grid}.jh-mail-card .row:last-child{border-bottom:0;padding-bottom:0}.jh-mail-card .row b{font-family:var(--font-display);color:var(--gold);font-size:1.9rem;font-weight:400;line-height:1}.jh-mail-card .row span{color:var(--ink);font-size:.92rem}.jh-mail-copy p{color:var(--soft);margin-top:.9rem;font-size:.95rem}.jh-mail-copy .jh-cta{margin-top:1.4rem}.jh-nums{border-block:1px solid var(--rule);background:var(--paper);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.jh-nums div{text-align:center;opacity:0;transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1);transition-delay:calc(var(--i) * .1s);padding:2rem 1.2rem;transform:translateY(8px)}.jh-nums div+div{border-left:1px solid var(--rule)}.jh-nums[data-seen=true] div{opacity:1;transform:none}.jh-nums b{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);font-size:clamp(1.6rem,4.6cqw,2.8rem);font-weight:400;display:block}.jh-nums span{color:var(--soft);margin-top:.4rem;font-size:.74rem;line-height:1.4;display:block}.jh-foot{text-align:center;padding:6cqw 4cqw 4.5cqw}.jh-foot p{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.6rem,5vw,3rem)}.jh-foot small{font-family:var(--font-mono);letter-spacing:.08em;color:var(--soft);margin-top:1.4rem;font-size:.64rem;display:block}@container (max-width:40rem){.jh-hero{grid-template-columns:1fr}.jh-photo{width:calc(100% - 1rem);max-width:18rem;margin-inline:auto}.jh-track{grid-template-columns:1fr;gap:1.6rem}.jh-stack{padding:1.3rem}.jh-laws>div{grid-template-columns:repeat(2,minmax(0,1fr))}.jh-laws article:nth-child(3){border-left:0;padding-left:0}.jh-laws article:nth-child(n+3){border-top:1px solid var(--rule)}.jh-mail{grid-template-columns:1fr}.jh-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.jh-nums div:nth-child(3){border-left:0}.jh-nums div:nth-child(n+3){border-top:1px solid var(--rule)}}@container (max-width:32rem){.jh-top nav{display:none}}@media (prefers-reduced-motion:reduce){.jh-curve .line{stroke-dashoffset:0;animation:none}.jh-nums div{opacity:1;transition:none;transform:none}}.jh-btn-label{z-index:1;color:#faf8f2;position:relative}.jh-ripple{background:#e6c27abf;border-radius:50%;width:1px;height:1px;animation:.7s cubic-bezier(.23,1,.32,1) forwards jh-ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes jh-ripple{to{opacity:0;width:14rem;height:14rem}}.jh-days button.just{animation:.55s cubic-bezier(.34,1.56,.64,1) jh-pop}.jh-days button.just:after{content:"";border:2px solid var(--gold);opacity:0;border-radius:.3rem;animation:.8s ease-out jh-halo;position:absolute;inset:-2px}@keyframes jh-pop{0%{transform:scale(.7)}60%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes jh-halo{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.jh-days button[data-on=true]{animation:5s ease-in-out infinite jh-sheen;animation-delay:calc(var(--i,0) * .18s);background-image:linear-gradient(115deg,#0000 30%,#ffffff47 50%,#0000 70%);background-position:120% 0;background-size:250% 100%}@keyframes jh-sheen{0%,60%{background-position:120% 0}to{background-position:-120% 0}}.jh-streak{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--soft);align-items:center;gap:.5rem;margin-top:.9rem;font-size:.66rem;display:flex}.jh-streak i{background:var(--gold);border-radius:50%;width:.5rem;height:.5rem;animation:2s ease-in-out infinite jh-beat}@keyframes jh-beat{50%{opacity:.45;transform:scale(1.7)}}.jh-curve circle{filter:drop-shadow(0 0 3px #8a6a1fcc);transition:cx .7s cubic-bezier(.23,1,.32,1),cy .7s cubic-bezier(.23,1,.32,1)}@media (prefers-reduced-motion:reduce){.jh-days button[data-on=true],.jh-days button.just,.jh-days button.just:after,.jh-streak i,.jh-ripple{animation:none!important}}
.pg{--bg:#fbfaf7;--paper:#fffefb;--ink:#17181c;--soft:#5c5e66;--rule:#e3e1da;--indigo:#4a4f9c;--indigo-soft:#ebecf7;background:var(--bg);color:var(--ink)}.pg h1,.pg h2,.pg h3,.pg .title,.pg-foot p{font-family:var(--font-display);font-weight:400}.pg-top{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:2.2cqw 4cqw;font-size:clamp(.72rem,1.6cqw,.88rem);display:flex}.pg-top nav{color:var(--soft);gap:2.6cqw;display:flex}.pg-doodle{fill:none;width:2.2rem;height:2.2rem;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.pg-rss{border:1px solid var(--ink);font-family:var(--font-mono);letter-spacing:.14em;border-radius:.3rem;padding:.35em .9em;font-size:.66rem}.pg-hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:5cqw;padding:6cqw 4cqw 5.5cqw;display:grid}.pg-kicker{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--indigo);font-size:.66rem}.pg-name{letter-spacing:-.035em;margin-top:1.6cqw;font-size:clamp(2.6rem,9cqw,6rem);line-height:.98}.pg-mark{color:var(--indigo);font-style:italic;display:block}.pg-line{max-width:30em;color:var(--soft);margin-top:2.2cqw;font-size:clamp(.9rem,1.8cqw,1.05rem);line-height:1.65}.pg-chips{flex-wrap:wrap;gap:.5rem;margin-top:2.2cqw;display:flex}.pg-chips span{border:1px solid var(--rule);color:var(--soft);background:var(--paper);border-radius:999px;padding:.4em .9em;font-size:.72rem}.pg-sticker{margin:0}.pg-sticker img{aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;width:100%;box-shadow:0 0 0 1px var(--rule), .8rem .8rem 0 -1px var(--indigo-soft), .8rem .8rem 0 0 var(--rule);border-radius:.25rem;display:block}.pg-sticker figcaption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--soft);margin-top:1.3rem;font-size:.64rem}.pg-machine{padding:0 4cqw 5.5cqw}.pg-machine-card{border:1px solid var(--rule);background:var(--paper);border-radius:.5rem;padding:1.6rem 1.8rem;box-shadow:0 24px 40px -32px #17181c59}.pg-machine-top{border-bottom:1px solid var(--ink);font-family:var(--font-mono);letter-spacing:.16em;color:var(--indigo);justify-content:space-between;padding-bottom:.9rem;font-size:.62rem;display:flex}.pg-reel{min-height:6.4rem;padding:1.4rem 0 1.2rem}.pg-reel .chip{border-bottom:1px solid var(--indigo);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--indigo);padding-bottom:.25rem;font-size:.64rem;display:inline-block}.pg-reel .title{letter-spacing:-.025em;text-wrap:balance;margin-top:.9rem;font-size:clamp(1.4rem,4.2cqw,2.4rem);line-height:1.12}.pg-reel[data-spin=true] .title{opacity:.45;filter:blur(1.5px);transition:opacity .15s,filter .15s}.pg-pull{background:var(--ink);color:var(--bg);border:0;border-radius:.35rem;align-items:center;gap:.6rem;padding:.7em 1.4em;font-size:.82rem;font-weight:500;transition:background .25s,transform .15s;display:inline-flex}.pg-pull:hover:not(:disabled){background:var(--indigo)}.pg-pull:active:not(:disabled){transform:scale(.97)}.pg-pull:disabled{opacity:.7}.pg-pull i{font-style:normal;transition:transform .3s cubic-bezier(.23,1,.32,1)}.pg-pull:hover:not(:disabled) i{transform:translate(3px)}.pg-machine-note{color:var(--soft);margin-top:.9rem;font-size:.74rem}.pg-h{letter-spacing:-.03em;font-size:clamp(1.6rem,4.8cqw,3rem);line-height:1.05}.pg-topics{border-top:1px solid var(--rule);padding:4cqw 4cqw 5cqw}.pg-topics>div{border-top:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.8rem;display:grid}.pg-shelf{padding:1.3rem 1.2rem 1.5rem 0}.pg-shelf+.pg-shelf{border-left:1px solid var(--rule);padding-left:1.2rem}.pg-shelf h3{letter-spacing:-.02em;color:var(--indigo);font-size:clamp(1.1rem,2.6cqw,1.5rem);font-style:italic}.pg-shelf ul{margin-top:.9rem}.pg-shelf li{border-top:1px solid var(--rule);grid-template-columns:2.8rem 1fr;gap:.5rem;padding:.55rem 0;font-size:.84rem;line-height:1.4;transition:color .25s,padding-left .3s cubic-bezier(.23,1,.32,1);display:grid}.pg-shelf li:hover{color:var(--indigo);padding-left:.3rem}.pg-shelf li span{font-family:var(--font-mono);color:var(--soft);padding-top:.12rem;font-size:.68rem}.pg-time{background:var(--paper);border-block:1px solid var(--rule);padding:5cqw 4cqw}.pg-time ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:2cqw;margin-top:2.4rem;padding-top:2.2rem;display:grid;position:relative}.pg-time ol:before,.pg-time ol:after{content:"";height:1px;position:absolute;top:.45rem;left:0}.pg-time ol:before{background:var(--rule);right:0}.pg-time ol:after{background:var(--indigo);transform-origin:0;width:100%;transition:transform 1.8s cubic-bezier(.23,1,.32,1) .2s;transform:scaleX(0)}.pg-time[data-seen=true] ol:after{transform:scaleX(1)}.pg-time li{opacity:.3;transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1);transition-delay:calc(var(--k) * .35s + .3s);position:relative;transform:translateY(10px)}.pg-time[data-seen=true] li{opacity:1;transform:none}.pg-time li i{border:1.5px solid var(--indigo);background:var(--paper);border-radius:50%;width:.85rem;height:.85rem;position:absolute;top:-2.2rem;left:0}.pg-time .yr{font-family:var(--font-mono);letter-spacing:.14em;color:var(--indigo);font-size:.7rem;display:block}.pg-time b{font-family:var(--font-display);letter-spacing:-.015em;margin-top:.4rem;font-size:clamp(1rem,2.2cqw,1.3rem);font-weight:400;display:block}.pg-time em{color:var(--soft);margin-top:.4rem;font-size:.8rem;font-style:normal;line-height:1.55;display:block}.pg-books{padding:5cqw 4cqw 4cqw}.pg-books>div{border-bottom:3px solid var(--ink);align-items:flex-end;gap:.5rem;margin-top:2rem;padding:0 1rem;display:flex}.pg-books .spine{color:#fff;writing-mode:vertical-rl;border-radius:.15rem .15rem 0 0;justify-content:center;align-items:flex-end;width:clamp(2.6rem,8cqw,3.6rem);padding:.8rem .3rem;transition:transform .4s cubic-bezier(.23,1,.32,1);display:flex;transform:rotate(180deg)}.pg-books .spine:hover{transform:rotate(180deg)translate(-.9rem)}.pg-books .spine b{font-family:var(--font-display);letter-spacing:.02em;font-size:.82rem;font-weight:400}.pg-books>p{color:var(--soft);margin-top:.9rem;font-size:.72rem}.pg-foot{text-align:center;border-top:1px solid var(--rule);padding:5cqw 4cqw 4.5cqw}.pg-foot p{letter-spacing:-.03em;font-size:clamp(1.5rem,4.6cqw,2.8rem)}.pg-btn{background:var(--ink);color:var(--bg);border-radius:.35rem;margin-top:1.2rem;padding:.7em 1.4em;font-size:.82rem;font-weight:500;display:inline-block}.pg-foot small{font-family:var(--font-mono);letter-spacing:.08em;color:var(--soft);margin-top:1.2rem;font-size:.64rem;display:block}@container (max-width:40rem){.pg-hero{grid-template-columns:1fr}.pg-sticker{width:calc(100% - 1rem);max-width:18rem;margin-inline:auto}.pg-topics>div{grid-template-columns:1fr}.pg-shelf+.pg-shelf{border-left:0;border-top:1px solid var(--rule);padding-left:0}.pg-time ol{grid-template-columns:1fr;gap:1.6rem;padding:0 0 0 1.6rem}.pg-time ol:before,.pg-time ol:after{width:1px;height:auto;inset:0 auto 0 .4rem}.pg-time ol:after{transform-origin:top;transform:scaleY(0)}.pg-time[data-seen=true] ol:after{transform:scaleY(1)}.pg-time li i{top:.2rem;left:-1.6rem}}@container (max-width:32rem){.pg-top nav{display:none}}@media (prefers-reduced-motion:reduce){.pg-time ol:after{transition:none;transform:none}.pg-time li{opacity:1;transition:none;transform:none}}