.reading-ref{-webkit-font-smoothing:auto;font-family:initial;font-size:16px;line-height:normal}.reading-ref :where(:not(svg,svg *)){all:revert}.reading-ref :before,.reading-ref :after{all:revert;box-sizing:content-box}@property --m{syntax:"<percentage>";inherits:false;initial-value:0%}.reading-ref{--page:#f1ead9;--page-2:#e9e0ca;--graphite:#2c2b2a;--pen:#1f2430;--soft:#6b6457;--hand:var(--font-journal-exact),cursive;--hand2:var(--font-hand-exact),cursive;--serif:var(--font-serif-exact),Georgia,serif;--sans:var(--font-reading-sans-exact),system-ui,sans-serif;--note:var(--font-note-exact),cursive;--hl-y:#f6dd7a;--hl-b:#bcd7f5;--hl-p:#f3c1c6;--rust:#8b5a2b}.reading-ref *{box-sizing:border-box;margin:0;padding:0}html:has(.reading-ref){background:#2a1d14}.reading-ref{color:var(--pen);cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34'><g transform='rotate(45 17 17)'><rect x='14' y='0' width='6' height='24' fill='%23d9a441' stroke='%23332' stroke-width='1'/><polygon points='14,24 20,24 17,32' fill='%23e8cfa0' stroke='%23332' stroke-width='1'/><polygon points='16,29 18,29 17,32' fill='%23222'/></g></svg>") 4 30,auto;background-color:#0000;background-image:radial-gradient(60% 50% at 50% 45%,#5a3d27 0%,#2a1d14 70%),repeating-linear-gradient(93deg,#0000 0 3px,#00000018 3px 5px,#0000 5px 13px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;overflow-x:hidden}.reading-ref.v-journal.book-mode{height:100svh;overflow:hidden}.reading-ref a{color:inherit}.reading-ref .bar{z-index:60;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:fixed;top:12px;left:12px;right:12px}.reading-ref .bar>*{pointer-events:auto}.reading-ref .group{-webkit-backdrop-filter:blur(6px);background:#1b130dcc;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.reading-ref .btn{color:#f1ead9;min-width:36px;height:36px;font:500 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:0 10px;text-decoration:none;transition:background .2s,color .2s,transform .12s;display:inline-flex}.reading-ref .btn:hover{background:#ffffff1a}.reading-ref .btn:active{transform:scale(.95)}.reading-ref .btn:focus-visible{outline-offset:2px;outline:2px solid #f6dd7a}.reading-ref .btn.on,.reading-ref .btn[aria-current=page]{color:#2a1d14;background:#f1ead9}.reading-ref .btn.icon{width:36px;padding:0}.reading-ref [data-sound-toggle] .i-on{display:none}.reading-ref [data-sound-toggle].on .i-on{display:inline-flex}.reading-ref [data-sound-toggle].on .i-off{display:none}.reading-ref .sep{background:#ffffff2a;width:1px;height:20px;margin:0 4px}.reading-ref .only-touch{display:none}@media (hover:none){.reading-ref .only-touch{display:inline-flex}}.reading-ref .only-resume{display:none}.reading-ref.v-resume .only-resume{display:inline-flex}@media (max-width:640px){.reading-ref .btn .lbl{display:none}.reading-ref .btn{width:36px;padding:0}}.reading-ref .tip{z-index:40;font-family:var(--hand);color:#f1ead9cc;pointer-events:none;text-align:center;white-space:nowrap;font-size:20px;transition:opacity .5s;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.reading-ref .view{transition:opacity .55s,transform .7s cubic-bezier(.6,0,.2,1)}.reading-ref:not(.v-journal) #journal,.reading-ref:not(.v-resume) #resume{display:none}.reading-ref .view.leaving{opacity:0;transform:translateY(40px)rotate(-1deg)}.reading-ref .view.entering{opacity:0;transform:translateY(-30px)rotate(1deg)}.reading-ref .stage{perspective:2600px;place-items:center;height:100svh;padding-top:26px;display:grid;overflow:hidden}.reading-ref .book{aspect-ratio:1.44;width:min(1240px,94vw,144svh - 187.2px);transform-style:preserve-3d;touch-action:pan-y;position:relative;transform:rotateX(9deg)}html:has(.reading-ref).drawing .book{touch-action:none}.reading-ref .book:before{content:"";background:linear-gradient(#3b2a1e,#2a1c13);border-radius:10px 10px 12px 12px;position:absolute;inset:-14px -16px -18px;transform:translateZ(-6px);box-shadow:0 40px 80px -20px #000d,inset 0 0 0 1px #ffffff12}.reading-ref .book:after{content:"";background:repeating-linear-gradient(0deg,#d9cfb8 0 1px,#efe7d4 1px 3px);border-radius:4px;position:absolute;inset:-4px -6px -7px;transform:translateZ(-3px)}.reading-ref .ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%);transform-origin:top;background:linear-gradient(90deg,#5a1a1a,#7c2626 50%,#5a1a1a);width:14px;height:90px;margin-left:-7px;position:absolute;bottom:-62px;left:50%;transform:translateZ(1px)rotate(4deg)}.reading-ref .half{width:50%;position:absolute;top:0;bottom:0}.reading-ref .half.l{left:0}.reading-ref .half.r{left:50%}.reading-ref .leaf{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:50%}.reading-ref .face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.reading-ref .face.back{transform:rotateY(180deg)}.reading-ref .shade{pointer-events:none;opacity:0;z-index:3;position:absolute;inset:0}.reading-ref .page{background:radial-gradient(3px 3px at 22% 31%,#7a5a2a22,#0000),radial-gradient(4px 4px at 71% 83%,#7a5a2a1a,#0000),radial-gradient(70% 60% at 50% 50%,#0000 60%,#b39c6e22 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .4 0 0 0 0 .35 0 0 0 0 .25 0 0 0 .16 0'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>"),linear-gradient(180deg,var(--page),var(--page-2));padding:6% 8% 7%;position:absolute;inset:0}.reading-ref .page,.reading-ref .sheet{-webkit-user-select:none;user-select:none}.reading-ref .page a{-webkit-user-select:auto;user-select:auto}.reading-ref .page.left{box-shadow:inset -40px 0 50px -30px #0000004d}.reading-ref .page.right{box-shadow:inset 40px 0 50px -30px #0000004d}.reading-ref canvas.scribble{pointer-events:none;z-index:2;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.reading-ref .page .num{font-family:var(--hand);color:var(--soft);font-size:clamp(13px,1.2vw,17px);position:absolute;bottom:3.4%}.reading-ref .page.left .num{left:7%}.reading-ref .page.right .num{right:7%}.reading-ref .sketch{place-items:center;display:grid;position:absolute;inset:7% 7% 11%}.reading-ref .sketch img{mix-blend-mode:multiply;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%;-webkit-mask-image:linear-gradient(118deg,#000 calc(var(--m) - 22%),#0000 var(--m));-webkit-mask-image:linear-gradient(118deg,#000 calc(var(--m) - 22%),#0000 var(--m));mask-image:linear-gradient(118deg,#000 calc(var(--m) - 22%),#0000 var(--m));transition:--m 2.4s cubic-bezier(.4,.1,.3,1) .1s}.reading-ref .drawn .sketch img{--m:145%}.reading-ref .cap{font-family:var(--hand);color:var(--soft);text-align:center;opacity:0;font-size:clamp(14px,1.35vw,19px);transition:opacity 1s 2.2s;position:absolute;bottom:6.5%;left:8%;right:8%}.reading-ref .drawn .cap{opacity:1}.reading-ref .entry{flex-direction:column;height:100%;display:flex;position:relative}.reading-ref .date{font-family:var(--hand);color:var(--soft);margin-bottom:.6em;font-size:clamp(13px,1.15vw,16px)}.reading-ref .title{font-family:var(--hand2);color:var(--graphite);word-spacing:.18em;align-self:flex-start;font-size:clamp(20px,2.3vw,34px);font-weight:400;line-height:1.35;display:inline-block;position:relative}.reading-ref .title svg{width:104%;height:.5em;position:absolute;bottom:-.15em;left:-2%;overflow:visible}.reading-ref .title svg path{transition:stroke-dashoffset 1s .5s}.reading-ref .lines{font-family:var(--hand);color:var(--pen);margin-top:.9em;font-size:clamp(16px,1.62vw,23px);line-height:1.62}.reading-ref .ln{width:max-content;max-width:100%;display:block}.reading-ref .ln.write{clip-path:inset(-10% 100% -10% 0);transition:clip-path var(--d,1s)linear var(--delay,0s)}.reading-ref .drawn .ln.write{clip-path:inset(-10% 0)}.reading-ref .ln.fade{opacity:0;filter:blur(2.5px);transition:opacity .7s ease var(--delay,0s),filter .9s ease var(--delay,0s),transform .7s ease var(--delay,0s);transform:translateY(3px)}.reading-ref .drawn .ln.fade{opacity:1;filter:none;transform:none}.reading-ref .ln.indent{margin-left:12%}.reading-ref .ln u{text-underline-offset:4px;text-decoration-thickness:1px}.reading-ref .ln a{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.reading-ref .ln .st{color:#7a2e1d}.reading-ref .sig{font-family:var(--hand2);margin-top:.4em;font-size:clamp(26px,3vw,44px);transform:rotate(-4deg)}@media (max-width:820px){.reading-ref.v-journal{height:auto;overflow:auto}.reading-ref .stage{perspective:none;height:auto;padding:64px 12px 40px;display:block;overflow:visible}.reading-ref .book{aspect-ratio:auto;width:100%;transform:none}.reading-ref .book:before,.reading-ref .book:after,.reading-ref .ribbon{display:none}.reading-ref .m-pages .page{border-radius:3px;min-height:calc(100svh - 120px);margin:0 0 18px;position:relative;inset:auto;box-shadow:0 18px 30px -18px #000c,inset 26px 0 30px -26px #0000004d}.reading-ref .sketch{height:56svh;position:relative;inset:auto}.reading-ref .cap{margin-top:8px;position:relative;bottom:auto;left:auto;right:auto}.reading-ref .lines{font-size:20px}.reading-ref .tip{display:none}}.reading-ref #resume{padding:78px 16px 80px}.reading-ref .sheet{color:#2f2419;background:#f7f1e6 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 .12 0'/></filter><rect width='100%' height='100%' filter='url(%23p)'/></svg>");border-radius:2px;max-width:820px;margin:0 auto;padding:clamp(28px,6vw,72px) clamp(22px,6vw,76px);position:relative;box-shadow:0 1px 2px #0003,0 30px 60px -24px #000c}.reading-ref .sheet>*{z-index:1;position:relative}.reading-ref .sheet canvas.scribble{z-index:5}.reading-ref .r-name{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(40px,6vw,60px);font-weight:600;line-height:1}.reading-ref .r-role{font-family:var(--serif);color:#6f5b49;margin-top:8px;font-size:clamp(17px,2vw,21px);font-style:italic}.reading-ref .r-meta{font:500 12.5px/1.6 var(--sans);color:#6f5b49;flex-wrap:wrap;gap:14px;margin-top:10px;display:flex}.reading-ref .r-meta a{border-bottom:1px solid #8b5a2b66;text-decoration:none}.reading-ref .r-lede{font:400 15.5px/1.75 var(--sans);max-width:62ch;margin-top:22px}.reading-ref mark{background:linear-gradient(transparent 12%,var(--hl,var(--hl-y))12%,var(--hl,var(--hl-y))88%,transparent 88%)no-repeat 0 0/0% 100%;color:inherit;transition:background-size .9s cubic-bezier(.6,0,.2,1)var(--hd,0s);padding:0 2px}.reading-ref mark.b{--hl:var(--hl-b)}.reading-ref mark.p{--hl:var(--hl-p)}.reading-ref .seen mark{background-size:100% 100%}.reading-ref .bubble{font-family:var(--note);color:#5b4a3a;background:#fffdf7;border:1px solid #d7c8b2;border-radius:14px;max-width:40ch;margin:14px 0 0 auto;padding:8px 14px;font-size:21px;display:inline-block;transform:rotate(-1.5deg);box-shadow:0 3px 8px -4px #0003}.reading-ref .bubble-wrap{display:flex}.reading-ref .r-sec{opacity:0;border-top:1px solid #d7c8b2;margin-top:40px;padding-top:24px;transition:opacity .8s,transform .8s;transform:translateY(14px)}.reading-ref .r-sec.seen{opacity:1;transform:none}.reading-ref .r-sec h2{font-family:var(--serif);align-items:center;gap:14px;font-size:28px;font-weight:600;display:flex}.reading-ref .r-sec h2 img{object-fit:contain;mix-blend-mode:multiply;filter:sepia(.4);width:56px;height:56px}.reading-ref .r-sec .intro{font:400 14.5px/1.7 var(--sans);color:#6f5b49;margin-top:6px}.reading-ref .tl{border-left:1.5px solid #8b5a2b55;margin-top:18px;padding-left:22px}.reading-ref .job{margin-bottom:22px;position:relative}.reading-ref .job:before{content:"";background:#f7f1e6;border:1.5px solid #8b5a2b;border-radius:50%;width:10px;height:10px;position:absolute;top:7px;left:-28.5px}.reading-ref .job .when{font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rust)}.reading-ref .job h3{font-family:var(--serif);margin-top:5px;font-size:20px;font-weight:700}.reading-ref .job h3 span{color:#6f5b49;font-style:italic;font-weight:500}.reading-ref .job ul{font:400 14.5px/1.7 var(--sans);margin:8px 0 0 18px}.reading-ref .cols{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:16px;display:grid}.reading-ref .cols h4{font-family:var(--serif);font-size:18px;font-weight:700}.reading-ref .cols p,.reading-ref .cols li{font:400 14px/1.65 var(--sans)}.reading-ref .cols ul{margin-left:16px}.reading-ref .tag{font:500 10.5px/1 var(--sans);letter-spacing:.06em;color:#6f5b49;background:#ece2d0;border-radius:999px;margin:6px 4px 0 0;padding:4px 7px;display:inline-block}.reading-ref .tag.live{color:#3d5a2a;background:#dfe9cf}.reading-ref .tag.bench{color:#7a4a1d;background:#f1dcc7}.reading-ref .skills{font:400 14.5px/1.6 var(--sans);grid-template-columns:140px 1fr;gap:6px 18px;margin-top:14px;display:grid}.reading-ref .skills dt{font-family:var(--serif);color:var(--rust);font-size:16px;font-weight:700}.reading-ref .sig2{font-family:var(--hand2);margin-top:26px;font-size:34px;display:inline-block;transform:rotate(-4deg)}@media (max-width:640px){.reading-ref .cols,.reading-ref .skills{grid-template-columns:1fr}.reading-ref .skills dt{margin-top:8px}}@media print{.reading-ref{background:#fff!important}html:has(.reading-ref){background:#fff!important}.reading-ref .bar,.reading-ref .tip,.reading-ref #journal{display:none!important}.reading-ref #resume{padding:0;display:block!important}.reading-ref .sheet{box-shadow:none;background:#fff;max-width:none}.reading-ref .r-sec{opacity:1;transform:none}.reading-ref mark{background-size:100% 100%}.reading-ref canvas.scribble{display:none}}@media (prefers-reduced-motion:reduce){.reading-ref .sketch img{transition:none;--m:145%!important}.reading-ref .ln{transition:none;clip-path:none!important;opacity:1!important;filter:none!important}.reading-ref .cap{opacity:1}.reading-ref .r-sec{opacity:1;transform:none}.reading-ref mark{background-size:100% 100%}}.reading-ref{min-height:100svh}.reading-ref h1,.reading-ref h2,.reading-ref h3,.reading-ref p{text-wrap:initial}.reading-ref p{line-height:normal}body:has(.reading-ref.book-mode){height:100svh;overflow:hidden}body:has(.reading-ref){background-color:#0000;background-image:radial-gradient(60% 50% at 50% 45%,#5a3d27 0%,#2a1d14 70%),repeating-linear-gradient(93deg,#0000 0 3px,#00000018 3px 5px,#0000 5px 13px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}html:has(.reading-ref){scroll-behavior:auto}.reading-ref svg{vertical-align:baseline;display:inline}.reading-ref svg,.reading-ref svg *{border-style:none}