@charset "UTF-8";
@font-face{font-family:LocalSerif;src:local("Georgia");font-display:swap}
:root{--desk:#674431;--desk-dark:#422d22;--paper:#faf6ed;--ink:#292923;--muted:#746f65;--pink:#efbdcb;--blue:#9bc5dc;--yellow:#f0d66e;--red:#a93535;--serif:LocalSerif,Georgia,"Times New Roman",serif;--sans:"Microsoft YaHei","PingFang SC",sans-serif;--ease:cubic-bezier(.22,.75,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;background:var(--desk);min-width:320px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.065' filter='url(%23n)'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.28}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bf402f;outline-offset:5px}img{display:block;max-width:100%}button img{pointer-events:none}h1,h2,h3,p,figure{margin:0}button:disabled:hover{transform:none}[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:1000;padding:12px;background:var(--paper)}
.site-header{position:relative;z-index:30;max-width:1540px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:29px 4.5vw 20px;color:var(--paper)}.identity{font-size:19px;letter-spacing:.06em;white-space:nowrap}.identity span{display:block;font:italic 11px/1.7 var(--serif);letter-spacing:.03em;opacity:.68;margin-top:4px}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav button{padding:10px 3px;font-size:13px;position:relative}.site-header nav button:after{content:"";position:absolute;left:20%;right:20%;bottom:1px;height:2px;background:var(--pink);transform:scaleX(0);transition:transform .2s}.site-header nav button:hover:after,.site-header nav button[aria-current]:after{transform:scaleX(1)}.resume-link{font-size:12px;border-bottom:1px solid #d5b99b;padding:8px 0}.resume-link span{margin-left:19px}.desk{position:relative;isolation:isolate;min-height:720px;height:calc(100svh - 156px);max-height:1050px;max-width:1700px;margin:auto;perspective:1800px;overflow:clip}.desk:before{content:"";position:absolute;z-index:-3;inset:0;background:radial-gradient(ellipse at 48% 25%,#c6a28124,transparent 68%);pointer-events:none}.desk-note{position:absolute;left:5%;top:42px;width:200px;min-height:160px;background:#edb9c5;box-shadow:1px 5px 12px #21170c33;transform:rotate(-8deg);padding:27px 25px;transition:opacity .6s,transform .8s;z-index:1;background-image:repeating-linear-gradient(3deg,transparent 0 31px,#74525c1c 32px 33px),linear-gradient(134deg,transparent 40%,#fff2 44%,#86637015 46%,transparent 48%)}.desk-note p{font-size:20px;line-height:1.65}.note-sign{display:block;font:italic 12px var(--serif);margin-top:12px}.desk-ticket{position:absolute;right:6%;top:75px;background:var(--blue);width:170px;min-height:86px;transform:rotate(9deg);padding:20px;color:#264b5c;box-shadow:2px 5px 9px #28150e33;display:flex;align-items:center;gap:10px;font:italic 15px/1.3 var(--serif)}.desk-ticket i{font:40px var(--serif);font-style:normal}.intro-caption{position:absolute;top:36%;left:0;right:0;text-align:center;font-size:14px;color:#f3e0cb;transition:opacity .3s}.skip-intro{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);color:#f6e9d8;border-bottom:1px solid #e1c4a0;padding:9px 0;z-index:12}.skip-intro span{margin-left:18px}.character{position:absolute;z-index:12;width:350px;height:525px;left:-350px;bottom:21px;padding:0;pointer-events:none;filter:drop-shadow(4px 7px 4px #29160c29);transform-origin:50% 100%;will-change:left}.character-sprite{display:block;width:100%;height:100%;background-image:url("assets/character-sequence.png");background-size:300% 200%;background-repeat:no-repeat;background-position:0 0;transform:rotateY(180deg);transition:transform .42s var(--ease);transform-origin:50% 45%}.character-bubble{position:absolute;top:5%;left:34%;background:var(--paper);border-radius:55%;padding:12px 20px;transform:rotate(-8deg) scale(.5);opacity:0;transition:.2s}.character.bubble .character-bubble{opacity:1;transform:rotate(-8deg) scale(1)}.photo-flash{position:absolute;inset:0;z-index:80;background:white;opacity:0;pointer-events:none}.photo-flash.flash{animation:flash .38s ease-out}@keyframes flash{0%{opacity:.75}100%{opacity:0}}
.folio{position:absolute;z-index:5;left:50%;top:32px;width:min(1080px,82vw);height:620px;transform:translateX(-50%) scale(.28) rotate(-7deg);transform-origin:center center;opacity:1;transition:transform .95s var(--ease);outline:none;filter:drop-shadow(8px 20px 17px #22140944)}.paper-underlay{position:absolute;inset:-4px -4px -7px;background:#e6dfd0;transform:rotate(1deg);z-index:-1;border-radius:1px}.paper-underlay:after{content:"";position:absolute;inset:0;background:#f0e8d7;transform:rotate(-1.7deg);z-index:-1}.spreads{position:absolute;inset:0;background:var(--paper);overflow:hidden}.spread{height:100%;display:grid;grid-template-columns:1fr 1fr;transform-origin:center center;position:relative}.paper-page{position:relative;min-width:0;background-color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.035' filter='url(%23g)'/%3E%3C/svg%3E");overflow:hidden}.page-left{border-radius:3px 0 0 3px}.page-right{border-radius:0 4px 4px 0}.book-binding{position:absolute;left:50%;width:34px;top:0;bottom:0;background:linear-gradient(90deg,transparent,#aa8f6910 27%,#89715527 48%,#fff6 53%,#b6a58a10 70%,transparent);pointer-events:none;transform:translateX(-50%);z-index:10}.binder-clip{position:absolute;left:5.5%;top:-13px;width:49px;height:31px;border-radius:3px;background:linear-gradient(#41423f,#1d211f);z-index:30;transform:rotate(-2deg);box-shadow:0 3px 3px #0003;pointer-events:none}.binder-clip:before,.binder-clip:after{content:"";position:absolute;width:23px;height:30px;left:12px;top:-17px;border:2px solid #ddd7c7;border-radius:6px 6px 3px 3px;box-shadow:1px 1px 0 #746c62}.binder-clip:after{top:11px;transform:rotateX(25deg);height:23px}.folio-tabs{position:absolute;right:-37px;top:88px;display:flex;flex-direction:column;gap:12px;z-index:2;opacity:0;transition:opacity .3s}.folio-tabs button{writing-mode:vertical-rl;padding:16px 10px;letter-spacing:3px;border-radius:0 5px 5px 0;box-shadow:4px 2px 4px #251a1133;font-size:13px;transition:transform .2s;min-height:80px}.folio-tabs button:hover,.folio-tabs button[aria-current]{transform:translateX(7px)}.tab-pink{background:var(--pink)}.tab-blue{background:var(--blue)}.tab-yellow{background:var(--yellow)}.page-heading{position:absolute;top:39px;left:39px;right:25px}.page-heading h1,.page-heading h2{font:italic 43px/1.08 var(--serif);font-weight:normal;letter-spacing:-1.8px}.page-heading p{font-size:12px;line-height:1.7;margin-top:12px;color:#726859}.page-topnote{position:absolute;top:29px;left:32px;right:28px;font-size:11px;color:#8a8070;text-align:right}.scrap{position:absolute;z-index:2;padding:0;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--angle,0deg));touch-action:pan-y;will-change:transform;user-select:none;transition:box-shadow .2s;isolation:isolate}.scrap.can-drag{cursor:grab}.scrap.dragging{cursor:grabbing;z-index:50!important;transition:none;filter:drop-shadow(5px 13px 8px #40301830);touch-action:none}.scrap:focus-visible{z-index:51}.scrap:hover{z-index:9}.photo-paper{padding:9px 9px 0;background:white;box-shadow:2px 4px 7px #4a35132e}.photo-paper img,.detail-paper img{width:100%;height:auto}.scrap-label{display:block;padding:10px 1px 11px;font-size:11px;line-height:1.35;white-space:nowrap}.detail-paper{padding:5px;background:#fff;box-shadow:2px 4px 7px #4a35132e}.corner-mark{position:absolute;bottom:4px;right:5px;background:white;padding:3px;font-size:12px}.tape{position:absolute;top:-9px;left:28%;width:44%;height:23px;transform:rotate(3deg);background:#ded3b9a6;box-shadow:0 1px 1px #fff3;z-index:3;clip-path:polygon(2% 0,98% 2%,100% 25%,97% 48%,100% 72%,98% 100%,0 97%,2% 60%,0 20%);pointer-events:none}.tape-blue{background:#8cb4c794}.paperclip{position:absolute;width:14px;height:46px;border:2px solid #b1b2ad;border-radius:9px;z-index:8;top:-18px;right:14px;transform:rotate(15deg);box-shadow:1px 1px 1px #0003;pointer-events:none}.paperclip:after{content:"";position:absolute;inset:3px 2px 7px 3px;border:1px solid #979d9d;border-top:0;border-radius:0 0 4px 4px}.lined-note{padding:18px 20px;background-size:100% 29px;box-shadow:1px 2px 3px #6c523624;cursor:grab}.lined-note p{font-size:16px;line-height:1.8}.pink-note{background-color:#f0c6d1;background-image:repeating-linear-gradient(0deg,transparent 0 27px,#936b751c 28px 29px),linear-gradient(45deg,transparent 40%,#fff3 46%,#77586812 48%,transparent 52%)}.blue-note{background-color:#d7e7ec;background-image:repeating-linear-gradient(0deg,transparent 0 28px,#6b8e991c 29px 30px)}.handwritten{font:italic 13px/1.6 var(--serif)}.lined-note .handwritten{display:block;font-size:12px;line-height:1.2;margin-top:10px}.margin-doodle{position:absolute;font-family:var(--serif);pointer-events:none;color:#b23e3a}.doodle-heart{font-size:62px;left:39px;bottom:41px;transform:rotate(-19deg)}.doodle-star{font-size:64px;left:49px;bottom:49px;color:#cba83f;transform:rotate(10deg)}.scrap-maltese,.scrap-hearing{left:9%;top:158px;width:37%}.scrap-maltese-detail,.scrap-hearing-detail{left:52%;top:177px;width:29%}.note-first,.note-second{width:44%;left:48%;top:418px}.scrap-ears,.scrap-eye{left:13%;top:74px;width:37%}.scrap-ears-detail,.scrap-eye-detail{left:10%;top:365px;width:27%}.scrap-box,.scrap-peanut{left:53%;top:257px;width:34%}.page-scribble{position:absolute;bottom:60px;right:46px;transform:rotate(-5deg);font-size:15px;color:#836d5d}.scrap-hearing{top:166px}.scrap-hearing-detail{top:196px}.note-second{top:424px}.scrap-eye{top:75px}.scrap-eye-detail{top:367px}.scrap-peanut{top:269px}.book-footer{position:absolute;bottom:0;left:0;right:0;height:39px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;z-index:12;pointer-events:none}.book-footer button{font-size:17px;padding:8px 6px;pointer-events:auto;min-width:90px}.book-footer button span{font-size:11px;margin:0 9px}.book-footer p{font:italic 12px var(--serif);color:#776d5d}.book-cover{position:absolute;inset:0;background:#e7c8b0;z-index:40;transform-origin:0 50%;border-radius:2px 5px 5px 2px;backface-visibility:hidden;transition:transform .95s var(--ease),opacity .5s .45s;box-shadow:0 3px 7px #29160740;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.08' filter='url(%23c)'/%3E%3C/svg%3E")}.cover-label{position:absolute;left:13%;top:17%;width:53%;height:69%;padding:35px 40px;background:#fbf5e9;transform:rotate(-3deg);box-shadow:3px 4px 5px #76503133}.cover-label>span{font-size:23px;letter-spacing:8px}.cover-label h2{font:italic 115px/.9 var(--serif);letter-spacing:-6px;margin-top:31px}.cover-label p{font:italic 22px var(--serif);margin-top:28px}.cover-star{position:absolute;right:11%;top:13%;font-size:124px;line-height:1;color:#b34639;transform:rotate(14deg);text-shadow:2px 3px #f9ecd366}.cover-pocket{position:absolute;right:0;bottom:0;width:30%;height:50%;background:#cfaa8b;clip-path:polygon(0 22%,100% 0,100% 100%,0 100%);border-bottom:15px solid #cda687}.cover-pocket i{position:absolute;width:100px;height:180px;background:var(--blue);bottom:24px;left:30px;transform:rotate(-16deg);box-shadow:3px 3px 3px #71543e33}.cover-pocket i:nth-child(2){background:var(--pink);left:92px;bottom:8px;transform:rotate(10deg)}.cover-pocket i:nth-child(3){background:var(--yellow);left:163px;bottom:15px;transform:rotate(22deg)}.cover-date{position:absolute;bottom:26px;left:34px;font:italic 17px var(--serif);color:#796049}.desk.expanded .folio{transform:translateX(-50%) scale(1) rotate(-.4deg)}.desk.open .book-cover{transform:rotateY(-115deg);opacity:0;pointer-events:none}.desk.open .folio-tabs{opacity:1}.desk.open .intro-caption{opacity:0;pointer-events:none}.desk.open .skip-intro{display:none}.desk.open .desk-note{opacity:.55;transform:translate(-45%,-20%) rotate(-13deg)}.desk.open .desk-ticket{opacity:.55}.desk.open .character{pointer-events:auto;bottom:6px}.desk.open .character:hover .character-bubble{opacity:1;transform:rotate(-8deg) scale(1)}.desk-tools{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);width:min(1030px,80vw);display:flex;align-items:center;justify-content:space-between;gap:10px;color:#e6d4c2;z-index:20}.desk-tools p{font-size:11px;opacity:.78}.desk-tools>div{display:flex;gap:7px}.desk-tools button{padding:8px 12px;font-size:11px;border:1px solid #e7d8c52e;border-radius:3px;transition:background .2s}.desk-tools button:hover{background:#f5e5d112}.desk-tools button span{margin-left:6px}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 4.5vw 25px;max-width:1540px;margin:auto;color:#dac4ac;font-size:10px}.site-footer>span:nth-child(2){font-size:11px;opacity:.7}.site-footer button{padding:8px 0;font-size:11px}.site-footer button span{margin-left:9px}.sticker-tray{position:absolute;right:11%;bottom:70px;z-index:60;background:#f7efd9;padding:17px 20px;box-shadow:4px 6px 10px #21140b44;transform:rotate(2deg)}.sticker-tray button{font-size:34px;padding:4px 12px}.sticker-tray [data-sticker="star"]{color:#d3a225}.sticker-tray [data-sticker="heart"]{color:#b8433e}.sticker-tray [data-sticker="flower"]{color:#729db9}.sticker-tray p{font-size:10px;margin-top:8px;color:#7b6d59}.placed-sticker{position:absolute;z-index:18;font-size:47px;line-height:1;filter:drop-shadow(2px 3px 0 #fff);text-shadow:0 1px 2px #0002;touch-action:none;cursor:grab;padding:6px}.placed-sticker .remove-sticker{display:none;position:absolute;right:-7px;top:-8px;width:21px;height:21px;border-radius:50%;background:white;font:15px var(--sans);box-shadow:0 2px 3px #0002;color:#644}.placed-sticker:hover .remove-sticker,.placed-sticker:focus-within .remove-sticker{display:block}.placed-sticker:focus-visible{outline:2px solid #a33}.folio.turning .spread:not([hidden]){animation:pageTurn .55s var(--ease)}@keyframes pageTurn{0%{opacity:.25;transform:perspective(1500px) rotateY(var(--turn-angle,8deg)) translateX(var(--turn-x,12px))}100%{opacity:1;transform:perspective(1500px) rotateY(0) translateX(0)}}
/* Product pages retain the character of actual screenshots and paper inserts. */
.retro-window{position:absolute;left:8%;top:157px;width:83%;background:#f7f7f0;border:1px solid #93978f;box-shadow:4px 5px 0 #a4ada18c;transform:rotate(-3deg)}.window-bar{display:flex;justify-content:space-between;padding:8px 10px;background:#e5e9df;border-bottom:1px solid #9ea69a;font:12px var(--serif)}.window-bar>span:last-child{font:12px var(--sans);letter-spacing:5px}.retro-window>button{display:block;padding:9px;width:100%;position:relative}.retro-window img{width:100%;aspect-ratio:2.6;object-fit:cover;object-position:top}.screen-action{position:absolute;bottom:18px;right:18px;background:var(--ink);color:white;padding:9px 12px;font-size:11px;box-shadow:2px 2px white}.product-note{position:absolute;left:11%;top:378px;width:78%}.tiny-stamp{display:block;font-size:10px;color:#8d6959}.product-note h3{font-size:23px;line-height:1.35;font-weight:500;margin-top:9px}.product-note>p{font-size:12px;line-height:1.8;max-width:330px;margin-top:10px;color:#6f695e}.text-button{padding:8px 0;margin-top:7px;font-size:12px;color:#9a3c33;border-bottom:1px solid #bc8472}.text-button span{margin-left:12px}.product-note>small{display:block;font-size:10px;line-height:1.7;max-width:310px;margin-top:10px;color:#827568}.study-ticket{left:12%;top:83px;width:74%;background:#e3ebf1;padding:27px 24px 23px;box-shadow:3px 5px 8px #4a351e24;cursor:default}.study-ticket h3{font:italic 38px var(--serif);margin-top:8px}.study-ticket>p{font-size:12px;line-height:1.7;margin-top:10px}.study-ticket>button{width:100%;padding:0;margin-top:20px;text-align:left}.study-ticket>button img{aspect-ratio:1.8;width:100%;object-fit:cover;object-position:top;border:5px solid white;box-shadow:2px 3px 4px #69747b22}.study-ticket>button>span{display:block;font-size:12px;padding-top:12px}.study-ticket small{display:block;font-size:10px;color:#6c7982;line-height:1.7;margin-top:13px}.ticket-cut{position:absolute;left:0;top:20px;bottom:20px;width:9px;background:radial-gradient(circle at 0 6px,var(--paper) 5px,transparent 5px) 0 0/9px 18px}.pencil-note{position:absolute;left:11%;top:517px;display:flex;gap:13px;align-items:center;color:#7a6656;transform:rotate(-3deg)}.pencil-note>span{font:42px var(--serif)}.pencil-note p{font-size:11px;line-height:1.8}
/* Personal pages. */
.about-letter{position:absolute;left:8%;right:8%;top:153px;min-height:300px;padding:27px 27px 24px;transform:rotate(-3deg);box-shadow:2px 5px 8px #42301a20}.about-letter h3{font-size:22px;font-weight:500;margin:0 0 17px}.about-letter>p{font-size:13px;line-height:1.95}.about-letter dl{font-size:11px;margin:17px 0;display:grid;gap:13px}.about-letter dl>div{display:grid;grid-template-columns:34px 1fr;gap:7px;align-items:start}.about-letter dt{color:#64808a}.about-letter dd{margin:0;line-height:1.6}.mail-link{display:block;font:12px var(--serif);border-bottom:1px solid #7d98a4;padding:8px 0;width:fit-content}.mail-link>span{margin-left:12px}.resume-slip{position:absolute;left:12%;top:521px;width:73%;display:flex;gap:13px;align-items:center;background:#ece0bb;transform:rotate(2deg);padding:16px 18px;box-shadow:2px 3px 3px #30200b16}.resume-slip>span:first-child{font-size:10px;color:#81714b}.resume-slip strong{font-size:13px;font-weight:500}.resume-slip>span:last-child{margin-left:auto;font-size:20px}.photo-pocket{position:absolute;top:67px;left:23%;width:55%;height:300px;transform:rotate(4deg)}.life-photo{position:absolute;left:8%;top:-4px;width:85%;background:white;padding:8px 8px 0;transform:rotate(-6deg);box-shadow:2px 3px 5px #0003;transition:transform .35s var(--ease);z-index:2}.life-photo:hover,.life-photo.pulled{transform:translateY(-16px) rotate(-3deg)}.life-photo img{aspect-ratio:.75;object-fit:cover;width:100%}.life-photo .handwritten{display:block;font-size:12px;padding:9px 0 10px}.envelope-front{position:absolute;bottom:-4px;left:0;right:0;height:110px;z-index:3;background:linear-gradient(145deg,#e3d8c5 48%,#eaddc9 49%,#e3d4bc 51%);clip-path:polygon(0 0,50% 27%,100% 0,100% 100%,0 100%);box-shadow:1px 4px 5px #59412a33;padding:57px 12px 10px;pointer-events:none}.envelope-front>span{font:italic 10px var(--serif);color:#8c725c}.envelope-front i{font:27px var(--serif);color:#9f4a3a;position:absolute;right:12px;bottom:10px}.photo-pocket>.paperclip{z-index:7;right:10px;top:8px}.experience-notes{position:absolute;top:421px;left:11%;right:9%;max-height:163px;overflow:auto;scrollbar-width:thin}.experience-notes details{border-top:1px dashed #c2b79d}.experience-notes details:last-child{border-bottom:1px dashed #c2b79d}.experience-notes summary{list-style:none;padding:13px 1px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.experience-notes summary::-webkit-details-marker{display:none}.experience-notes details[open] summary>span{transform:rotate(45deg)}.experience-notes details>p{font-size:11px;line-height:1.8;color:#756957;padding:0 0 11px}.experience-notes details>div{display:flex;gap:15px;padding-bottom:10px}.experience-notes details>div>button{font-size:10px;color:#93463c;padding:5px 0}
/* Native dialogs provide keyboard focus handling and an uncomplicated reading surface. */
body:has(dialog[open]){overflow:hidden}dialog{border:0;background:var(--paper);color:var(--ink);padding:0;max-width:calc(100vw - 48px);max-height:calc(100svh - 48px);box-shadow:0 20px 90px #160f0a66}dialog::backdrop{background:#26190fbb;backdrop-filter:blur(5px)}dialog[open]{animation:dialogIn .23s var(--ease)}@keyframes dialogIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 26px;border-bottom:1px solid #d9d0bc}.dialog-bar h2{font-size:15px;line-height:1.6;font-weight:500}.dialog-bar>button,.dialog-bar>div>button{font-size:12px;white-space:nowrap;padding:7px}.dialog-bar>button>span{margin-left:16px}.dialog-bar>div{display:flex;gap:20px;align-items:center}.dialog-bar a{font-size:11px;color:#766b5b}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:26px;padding:23px;max-height:calc(100svh - 130px);overflow:auto}#work-dialog{width:1150px}.reader-main{min-width:0}.reader-stage{display:flex;justify-content:center;align-items:flex-start;height:calc(100svh - 298px);min-height:280px;overflow:auto;background:#e8e3d8;scrollbar-width:thin;touch-action:pan-y}.reader-stage>img{height:100%;width:auto;max-width:100%;object-fit:contain}.reader-stage.zoomed{display:block}.reader-stage.zoomed>img{width:1080px;max-width:none;height:auto;margin:0 auto;cursor:zoom-out}.reader-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:10px}.reader-controls>button{padding:7px 12px;font-size:18px}.reader-controls>#reader-zoom{font-size:11px;border:1px solid #c9bea8;margin-left:15px;min-width:52px}.reader-controls>span{font:12px var(--serif);min-width:37px;text-align:center}.reader-thumbs{display:flex;gap:7px;justify-content:center;max-width:100%;overflow:auto;padding:10px 3px 3px}.reader-thumbs button{width:41px;flex-shrink:0;padding:2px;border:1px solid transparent;opacity:.5}.reader-thumbs button[aria-current]{opacity:1;border-color:#a54132}.reader-thumbs button img{width:100%;aspect-ratio:.75;object-fit:cover}.reader-copy{padding:21px 8px 10px 0}.reader-copy>span{font-size:11px;color:#8f6958}.reader-copy>h3{font-size:22px;line-height:1.55;font-weight:500;margin-top:15px}.reader-copy>p{font-size:12px;line-height:1.9;color:#756a5b;margin-top:19px}.reader-copy>ul{padding-left:17px;font-size:11px;line-height:2;color:#756a5b;margin:18px 0}.reader-copy>.reader-provenance{font-size:10px;border-top:1px solid #d4cbb7;padding-top:18px}.reader-copy>.reader-hint{font-size:10px;margin-top:10px}#index-dialog{width:1010px}.index-filters{display:flex;gap:8px;padding:20px 26px 0;flex-wrap:wrap}.index-filters>button{padding:8px 12px;font-size:12px;border:1px solid #d7cdb9}.index-filters>button[aria-pressed="true"]{background:#674431;color:white;border-color:#674431}.index-grid{padding:25px 27px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px 22px;max-height:calc(100svh - 238px);overflow:auto}.index-card{padding:0;text-align:left}.index-card img{aspect-ratio:.75;width:100%;object-fit:contain;background:#e5dfd1}.index-card>strong{display:block;font-size:12px;font-weight:500;line-height:1.7;margin-top:9px}.index-card>span{display:block;font-size:10px;color:#80715e;margin-top:4px}.index-empty{padding:50px 27px}.dialog-bar>div:has(#index-title){display:block}.dialog-bar .handwritten{font-size:12px;color:#9a7f66}.dialog-bar #index-title{font-size:24px;margin-top:6px}#photo-dialog{background:#fefcf5;width:auto;padding:39px 20px 15px;overflow:auto;max-width:min(95vw,920px)}.photo-close{position:absolute;right:11px;top:5px;font-size:11px;padding:9px}.photo-close:focus-visible{outline-offset:0}#photo-dialog figure img{height:auto;max-height:calc(100svh - 150px);max-width:100%;object-fit:contain;margin:auto}#photo-dialog figcaption{font-size:11px;text-align:center;padding:13px 5px 2px;color:#756a5b}#prototype-dialog{width:calc(100vw - 50px);height:calc(100svh - 50px)}#prototype-dialog iframe{width:100%;height:calc(100% - 72px);border:0;background:#fafafa}.no-script{background:white;color:#222;padding:24px;position:fixed;inset:auto 10px 10px;z-index:999}.no-script a{text-decoration:underline}
@media(max-width:1150px) and (min-width:761px){.folio{width:84vw;height:560px;top:60px}.desk{min-height:710px}.page-heading h1,.page-heading h2{font-size:35px}.page-heading{left:29px}.page-heading p{font-size:11px}.scrap-maltese,.scrap-hearing{top:150px}.scrap-maltese-detail,.scrap-hearing-detail{top:169px}.note-first,.note-second{top:378px}.lined-note{padding:15px}.lined-note p{font-size:13px}.scrap-ears,.scrap-eye{top:75px}.scrap-ears-detail,.scrap-eye-detail{top:322px}.scrap-box,.scrap-peanut{top:236px}.page-scribble{bottom:53px;font-size:12px}.retro-window{top:150px}.product-note{top:324px}.product-note h3{font-size:20px}.product-note>p{font-size:11px}.product-note>small{font-size:9px}.study-ticket{top:80px;padding:21px}.study-ticket h3{font-size:31px}.study-ticket>p{font-size:11px}.pencil-note{top:470px}.about-letter{top:144px;padding:21px}.about-letter h3{font-size:19px}.about-letter>p{font-size:12px}.resume-slip{top:484px}.photo-pocket{height:260px;top:76px;width:58%;left:20%}.experience-notes{top:372px;max-height:144px}.desk-note{left:4%;width:170px;top:35px}.desk-ticket{right:4%;width:155px}.character{width:290px;height:435px}}
@media(max-height:850px) and (min-width:1151px){.folio{height:570px;top:28px;width:min(1000px,82vw)}.desk{min-height:690px;height:calc(100svh - 146px)}.scrap-maltese,.scrap-hearing{top:148px}.scrap-maltese-detail,.scrap-hearing-detail{top:164px}.note-first,.note-second{top:396px}.scrap-ears,.scrap-eye{top:69px}.scrap-box,.scrap-peanut{top:239px}.scrap-ears-detail,.scrap-eye-detail{top:333px}.retro-window{top:146px}.product-note{top:346px}.product-note h3{font-size:21px}.product-note>p{margin-top:8px;font-size:11px}.product-note>small{font-size:9px;margin-top:7px}.study-ticket{top:78px;padding:22px}.pencil-note{top:480px}.about-letter{top:145px;padding:22px}.resume-slip{top:491px}.photo-pocket{top:68px;height:275px;width:52%}.experience-notes{top:386px;max-height:145px}.character{width:300px;height:450px}.desk-tools{bottom:30px}}
@media(max-width:760px){.site-header{padding:23px 22px 15px;gap:12px}.identity{font-size:17px}.identity span{font-size:9px;max-width:170px}.site-header nav{display:none}.resume-link{font-size:11px}.desk{height:auto;max-height:none;min-height:1370px;margin-top:6px;overflow:clip;perspective:none}.desk-note{left:5%;top:60px;width:150px;min-height:130px;padding:24px 20px}.desk-note p{font-size:17px}.note-sign{font-size:10px}.desk-ticket{right:7%;top:92px;width:120px;min-height:70px;padding:13px;font-size:12px}.desk-ticket i{font-size:29px}.intro-caption{top:380px;padding:0 18px;font-size:12px}.skip-intro{top:660px;bottom:auto;font-size:12px}.character{width:250px;height:375px;bottom:auto;top:386px}.desk.open .character{width:160px;height:240px;top:1110px;bottom:auto;z-index:14}.folio{width:calc(100vw - 55px);top:30px;height:1190px;transform:translateX(-50%) scale(.26) rotate(-7deg);transform-origin:50% 350px;filter:drop-shadow(5px 10px 9px #22140944)}.desk:not(.expanded) .folio{top:250px;height:480px}.desk:not(.expanded) .spread{grid-template-columns:1fr 1fr}.desk.expanded .folio{transform:translateX(-50%) scale(1) rotate(0);transition:transform .85s var(--ease)}.spread{grid-template-columns:1fr;grid-template-rows:570px 570px;gap:0}.paper-page{height:570px}.page-heading{left:25px;right:20px;top:32px}.page-heading h1,.page-heading h2{font-size:37px}.page-heading p{font-size:11px;margin-top:10px}.page-topnote{top:24px;left:20px;right:20px;font-size:10px}.book-binding{left:0;right:0;top:563px;bottom:auto;width:auto;height:15px;transform:none;background:linear-gradient(transparent,#79634816,#fff6,transparent)}.binder-clip{left:9%;width:38px;height:26px;top:-10px}.binder-clip:before,.binder-clip:after{left:9px;width:19px}.folio-tabs{right:-25px;gap:9px;top:68px}.folio-tabs button{font-size:11px;padding:12px 6px;min-height:70px;letter-spacing:2px}.folio-tabs button:hover,.folio-tabs button[aria-current]{transform:translateX(4px)}.scrap-maltese,.scrap-hearing{left:9%;top:151px;width:45%}.scrap-maltese-detail,.scrap-hearing-detail{left:57%;top:167px;width:32%}.photo-paper{padding:6px 6px 0}.scrap-label{font-size:9px;padding:8px 0 10px}.note-first,.note-second{left:39%;top:399px;width:54%;padding:17px 14px}.lined-note p{font-size:14px}.lined-note .handwritten{font-size:10px}.doodle-heart{left:25px;font-size:49px;bottom:47px}.scrap-ears,.scrap-eye{left:8%;top:62px;width:45%}.scrap-box,.scrap-peanut{left:51%;top:269px;width:42%}.scrap-ears-detail,.scrap-eye-detail{left:8%;top:342px;width:32%}.page-scribble{bottom:19px;right:18px;font-size:12px}.doodle-star{font-size:45px;left:35px;bottom:10px}.book-footer{height:44px;padding:0 14px}.book-footer button{font-size:17px;padding:8px 0;min-width:70px}.book-footer button span{font-size:10px;margin:0 5px}.book-footer p{font-size:11px}.cover-label{padding:30px 25px;left:9%;width:70%;top:13%;height:70%}.cover-label>span{font-size:18px;letter-spacing:6px}.cover-label h2{font-size:82px;letter-spacing:-3px}.cover-label p{font-size:15px}.cover-star{right:2%;top:8%;font-size:85px}.cover-date{font-size:11px;bottom:15px;left:18px}.cover-pocket{width:30%;height:40%}.cover-pocket i{height:130px;width:65px;left:12px}.cover-pocket i:nth-child(2){left:39px}.cover-pocket i:nth-child(3){left:75px}.desk-tools{left:20px;right:20px;bottom:auto;top:1257px;width:auto;transform:none;display:block}.desk-tools>p{font-size:10px;text-align:center}.desk-tools>div{margin-top:13px;justify-content:center;gap:6px}.desk-tools button{font-size:10px;padding:9px 11px}.desk.open .desk-note,.desk.open .desk-ticket{opacity:0;pointer-events:none}.site-footer{padding:8px 22px 23px;font-size:9px;gap:10px}.site-footer>span:nth-child(2){display:none}.site-footer button{font-size:10px}.retro-window{top:148px}.product-note{top:327px;left:10%;width:80%}.product-note h3{font-size:23px}.product-note>p{font-size:12px}.product-note>small{font-size:9px}.study-ticket{top:71px;left:9%;width:82%;padding:24px}.study-ticket h3{font-size:36px}.study-ticket>p{font-size:12px}.study-ticket>button{margin-top:17px}.study-ticket>button img{aspect-ratio:1.4}.study-ticket small{font-size:10px}.pencil-note{top:493px;left:10%}.pencil-note p{font-size:10px}.about-letter{left:8%;right:8%;top:144px;padding:23px 20px;min-height:290px}.about-letter h3{font-size:21px}.about-letter>p{font-size:12px}.about-letter dl{font-size:10px}.mail-link{font-size:11px}.resume-slip{top:499px;width:79%;left:10%;padding:15px 13px;gap:10px}.resume-slip>span:first-child{font-size:9px}.resume-slip strong{font-size:12px}.photo-pocket{top:65px;height:292px;width:66%;left:17%}.life-photo{top:-2px}.experience-notes{top:396px;left:9%;right:9%;max-height:145px}.experience-notes summary{font-size:11px}.experience-notes details>p{font-size:10px}.sticker-tray{right:30px;bottom:auto;top:1135px;z-index:70}.sticker-tray button{font-size:30px}.placed-sticker{font-size:39px}.reader-layout{display:flex;flex-direction:column;gap:15px;padding:13px;max-height:calc(100svh - 91px)}dialog{max-width:calc(100vw - 18px);max-height:calc(100svh - 20px)}.dialog-bar{padding:12px 15px;gap:10px}.dialog-bar h2{font-size:12px;max-width:220px}.dialog-bar>button{font-size:10px;padding:5px;max-width:100px}.dialog-bar>button>span{margin-left:4px}.reader-stage{height:calc(100svh - 250px);min-height:280px}.reader-thumbs{padding-top:5px;gap:5px}.reader-thumbs button{width:35px}.reader-controls{gap:14px;padding-top:4px}.reader-controls>button{padding:6px 10px}.reader-copy{padding:8px 5px 18px}.reader-copy>h3{font-size:19px;margin-top:9px}.reader-copy>p{margin-top:11px;font-size:12px}.reader-copy>ul{font-size:11px}.reader-copy>.reader-provenance{font-size:10px}.reader-stage.zoomed>img{width:calc(100vw * 1.8)}#index-dialog{width:100%}.index-filters{padding:15px 15px 0;gap:5px}.index-filters>button{font-size:10px;padding:7px 8px}.index-grid{grid-template-columns:1fr 1fr;padding:20px 15px;gap:20px 14px;max-height:calc(100svh - 190px)}.index-card>strong{font-size:11px}.index-card>span{font-size:9px}.dialog-bar #index-title{font-size:21px}#photo-dialog{padding:38px 10px 10px;max-width:calc(100vw - 20px)}#photo-dialog figure img{max-height:calc(100svh - 130px)}#prototype-dialog{width:calc(100vw - 12px);height:calc(100svh - 12px);max-width:none;max-height:none}#prototype-dialog .dialog-bar{padding:10px;min-height:62px}#prototype-dialog .dialog-bar>div{gap:6px}#prototype-dialog .dialog-bar h2{font-size:10px;max-width:140px}#prototype-dialog .dialog-bar a{font-size:9px}#prototype-dialog .dialog-bar button{font-size:10px}#prototype-dialog iframe{height:calc(100% - 62px)}}
@media(max-width:760px){.site-header{position:sticky;top:0;background:var(--desk);flex-wrap:wrap;z-index:90;padding-top:16px;padding-bottom:10px;box-shadow:0 3px 10px #39241612}.site-header nav{display:flex;order:3;flex-basis:100%;gap:25px;padding-top:1px}.site-header nav button{font-size:11px;padding:5px 0}.site-header .resume-link{margin-left:auto}.desk:not(.expanded){min-height:820px}.desk:not(.expanded) .folio-tabs{pointer-events:none}.desk-tools{top:1264px}.folio-tabs{right:-22px}.folio-tabs button{padding-left:5px;padding-right:5px}.desk.open .character{top:1135px;width:145px;height:217.5px}.reader-layout{scroll-padding-top:10px}}
.desk.expanded .character{transition:width .65s var(--ease),height .65s var(--ease),left .65s var(--ease);clip-path:polygon(19% 0,80% 0,90% 35%,87% 100%,14% 100%,12% 33%)}
@media(min-width:761px) and (max-width:1150px){.desk.expanded .character{width:220px;height:330px}}
@media(max-width:760px){.desk.expanded .character{width:145px;height:217.5px;top:1135px;z-index:4;transition:width .6s,height .6s,left .6s,top .8s;pointer-events:none}.desk.open .character{pointer-events:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important;transition-delay:0ms!important}.character,.character-sprite{will-change:auto}.photo-flash{display:none}}