@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500&family=DM+Sans:wght@400;500;600&family=Libre+Baskerville:wght@400;700&display=swap";@font-face{font-family:Leonardo Hand;src:url(/fonts/leonardo-hand.woff2) format("woff2");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:Death Note;src:url(/fonts/death-note.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:DM Sans,Arial,sans-serif;color:#302317;background:#9d6538;font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%}button{font:inherit}button:focus-visible{outline:3px solid #244f62;outline-offset:4px}body{overflow-x:hidden}.desk{position:relative;isolation:isolate;width:100%;height:100svh;min-height:760px;overflow:hidden;background:linear-gradient(#3a1b0e20,#3a1b0e20),url(/images/wood.jpg) center/cover no-repeat}.desk-grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,238,204,.11),transparent 37%,rgba(49,20,7,.1));mix-blend-mode:soft-light}.desk-mat{position:absolute;z-index:0;top:4%;right:3.5%;bottom:7%;left:3.5%;border:1px solid #333330;border-radius:22px;pointer-events:none;transform:rotate(-.4deg);background:radial-gradient(ellipse at 24% 8%,#ffffff09,transparent 62%),linear-gradient(115deg,#20211f,#151614 65%,#111210);box-shadow:0 2px 1px #080907,0 5px 4px #100c09a6,0 14px 22px #1d0f0b66,inset 0 1px 1px #ffffff1c,inset 0 0 0 4px #0c0d0b80,inset 0 -2px 3px #0009}.desk-mat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:.18;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeDiffuseLighting surfaceScale='2' diffuseConstant='.8' lighting-color='%23fff'%3E%3CfeDistantLight azimuth='225' elevation='50'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Cpath fill='%23808080' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.desk-mat:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed #77786d38;border-radius:14px;box-shadow:0 1px #ffffff06,inset 0 1px 1px #0006}.desk-item{position:absolute;touch-action:none;will-change:transform;filter:drop-shadow(2px 3px 2px #21180f35) drop-shadow(5px 8px 6px #21180f30)}.desk-item--note{width:clamp(370px,36vw,550px);height:clamp(650px,78svh,800px)}.desk-item--photo-01{width:clamp(185px,18vw,270px);aspect-ratio:.79}.desk-item--postcard{width:clamp(350px,34vw,500px);aspect-ratio:1.66}.object-open{position:relative;display:block;width:100%;height:100%;border:0;padding:0;color:inherit;text-align:left;cursor:pointer;background:none;touch-action:none}.desk-item--note .object-open{transform:rotate(-3deg)}.desk-item--photo-01 .object-open{transform:rotate(5deg)}.desk-item--postcard .object-open{transform:rotate(3deg)}.object-open:hover{filter:brightness(1.04)}.object-open:focus-visible{outline:3px solid #244f62;outline-offset:6px}.note-face,.polaroid-face,.postcard-face{height:100%;width:100%;position:relative;overflow:hidden}.desk-item--note{filter:drop-shadow(1px 2px 1px #21180f45) drop-shadow(5px 12px 9px #21180f38)}.note-face,.detail-paper.about-paper{--paper-margin:clamp(16px,3.2vw,50px);background-color:#f8f3e5;background-image:linear-gradient(90deg,transparent var(--paper-margin),#c47d733d var(--paper-margin),#c47d733d calc(var(--paper-margin) + 1px),transparent calc(var(--paper-margin) + 1px)),linear-gradient(#b8a17e20,transparent 30px),linear-gradient(91deg,transparent 47%,#ad98741a 49.7%,#fffdf580 50.2%,transparent 53%),linear-gradient(178deg,transparent 48%,#a28c6b0d 49.8%,#fffdf566 50.2%,transparent 52%),radial-gradient(ellipse at 18% 12%,#fffef7b3,transparent 65%),linear-gradient(115deg,#f8f3e5,#eee4cc);background-size:100% 100%;box-shadow:inset 0 0 28px #9d80521c,inset 0 0 2px #8a704d40;mask:radial-gradient(ellipse 3px 5px at 17px 15px,transparent 95%,#000 100%) 0 0/34px 100% repeat-x;clip-path:polygon(0 3px,3% 1px,6% 3px,9% 0,13% 2px,17% 1px,21% 3px,25% 0,29% 2px,33% 1px,37% 3px,41% 1px,45% 2px,49% 0,53% 3px,57% 1px,61% 3px,65% 0,69% 2px,73% 1px,77% 3px,81% 0,85% 2px,89% 1px,93% 3px,97% 0,100% 2px,100% 100%,0 100%)}.note-face{padding:clamp(72px,7vw,92px) clamp(40px,4vw,64px) 55px}.note-face:before,.about-paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.note-face h1{font:500 clamp(52px,5vw,74px)/1.15 "Leonardo Hand","Caveat","Noteworthy","Segoe Print",cursive;letter-spacing:0;margin:18px 0 28px}.note-rule{display:block;width:100px;height:2px;background:#3c5871;transform:rotate(-2deg);margin-bottom:28px}.note-intro{font:500 clamp(27px,2.5vw,35px)/1.1 "Leonardo Hand","Caveat","Noteworthy","Segoe Print",cursive;margin:0 0 18px}.note-bio{font:400 clamp(24px,2vw,30px)/1.15 "Leonardo Hand","Caveat","Noteworthy","Segoe Print",cursive;color:#4c5360;margin:0}.note-bio+.note-bio{margin-top:14px}.note-preview{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.note-preview a{position:relative;pointer-events:auto;color:inherit;text-underline-offset:4px}.open-prompt{position:absolute;left:clamp(40px,4vw,64px);bottom:45px;border-bottom:1px solid #536b82;padding:0 0 4px;font:500 26px/1 Leonardo Hand,Caveat,Noteworthy,Segoe Print,cursive}.open-prompt span{font-size:25px;line-height:0;margin-left:8px}.polaroid-face{display:flex;flex-direction:column;padding:14px 14px 10px;background:#f7f3eb;background-image:linear-gradient(130deg,#fffdf9,#eae3da);box-shadow:inset 0 0 20px #8a776320}.polaroid-face img{display:block;min-height:0;width:100%;aspect-ratio:1;object-fit:cover;background:#d4c4ac;pointer-events:none}.polaroid-caption{display:block;text-align:center;font:500 clamp(23px,2.1vw,32px)/1 "Caveat","Noteworthy","Segoe Print",cursive;margin-top:8px}.postcard-face{border:6px solid transparent;border-image:repeating-linear-gradient(130deg,#955044 0,#955044 12px,#f2e6cf 12px,#f2e6cf 24px,#506b7a 24px,#506b7a 36px,#f2e6cf 36px,#f2e6cf 48px) 6;background:#eadcc4;background-image:radial-gradient(#8d6c491c .65px,transparent .8px),linear-gradient(110deg,#f8efdc,#e7d6b9);background-size:4px 4px,100% 100%;box-shadow:inset 0 0 26px #8d603f33,inset 0 0 2px #604a35}.postcard-face:before{content:"";position:absolute;left:56%;top:21%;bottom:12%;width:1px;background:#927f625c}.postcard-heading{position:absolute;top:6%;left:7%;font:400 clamp(9px,1vw,14px)/1 Georgia,serif;letter-spacing:.22em;text-transform:uppercase;color:#74634a}.postcard-airmail{position:absolute;bottom:5%;left:7%;padding:3px 5px;border:1px solid #516c7c99;color:#516c7c;font:600 clamp(6px,.6vw,9px)/1 "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;transform:rotate(-2deg)}.postcard-postage{position:absolute;right:6%;top:9%;width:13%;aspect-ratio:.78;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;background:#647e79;color:#f3ead4;border:3px dotted #eee1c8;outline:1px solid #8a927e66;transform:rotate(7deg);font:500 clamp(5px,.55vw,8px)/1 "DM Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase}.postcard-postage svg{width:85%;min-height:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.postcard-copy{position:absolute;left:7%;top:19%;width:46%;color:#3e5261}.postcard-copy h2{font:500 clamp(23px,2.6vw,38px)/1 "Caveat",cursive;letter-spacing:-.035em;margin:0 0 5px}.postcard-copy p{font:400 clamp(11px,1.15vw,16px)/1.15 "Caveat",cursive;margin:0;max-width:90%}.postcard-address{position:absolute;top:44%;left:61%;right:7%;transform:rotate(-2deg);font:400 clamp(12px,1.4vw,20px)/1.6 "Caveat",cursive;color:#46596a}.postcard-address span{display:block;white-space:nowrap;border-bottom:1px solid #9b866750}.stamps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.stamp-defs{position:absolute;width:0;height:0;overflow:hidden}.stamp-entry{min-width:0;text-align:center;transform:translate(var(--shift-x,0),var(--shift-y,0))}.stamp{display:block;color:var(--ink,#81504a);transform:rotate(var(--tilt,-11deg));mix-blend-mode:multiply;opacity:.84}.stamp svg{display:block;width:100%;height:auto;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.3}.stamp svg g>:first-child{stroke-width:2.8}.stamp text{fill:currentColor;stroke:none;text-anchor:middle;font-family:Courier New,monospace;text-transform:uppercase;font-weight:700}.stamp-name{font-size:12px;letter-spacing:2px}.stamp-code{font-size:28px;letter-spacing:5px}.stamp-code--small{font-size:22px;letter-spacing:4px}.stamp-visited{font-size:7px;letter-spacing:.6px}.stamp-plane{fill:currentColor;stroke:none}.stamp .stamp-rule{stroke-width:.8}.stamp .stamp-dash{stroke-width:1;stroke-dasharray:4 3}.stamp .stamp-guide{stroke:none;fill:none}.stamp--circle .stamp-name{font-size:10.5px;letter-spacing:2.5px}.stamp--circle .stamp-visited{font-size:6.5px;letter-spacing:1.4px}.stamp--oval .stamp-visited{letter-spacing:1.2px}.stamp-caption{display:block;margin-top:12px;font:500 11px/1.4 DM Sans,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7d7560}.postcard-face>.stamps{position:absolute;left:5%;top:44%;width:49%;height:42%;display:block}.postcard-face .stamp-entry{position:absolute;width:58%;left:0;top:0;transform:none}.postcard-face .stamp-entry:nth-of-type(n+5){display:none}.postcard-face .stamp-entry--THA{left:44%;top:-9%}.postcard-face .stamp-entry--AGO{left:5%;top:34%}.postcard-face .stamp-entry--BRA{left:48%;top:38%}.postcard-face .stamp-caption{display:none}.postcard-open{position:absolute;bottom:6%;right:6%;font:500 clamp(9px,.85vw,12px)/1 "DM Sans",sans-serif;color:#695441;letter-spacing:.04em}.passport-collection h3{margin:0 0 22px;font:400 25px/1.2 Caveat,cursive;color:#695441}.passport-collection .stamps{max-width:840px;margin:auto;padding:56px clamp(20px,4vw,44px) 40px;gap:38px 30px;border-radius:8px;background-color:#eceee0;background-image:linear-gradient(90deg,transparent calc(50% - 1px),#7d806a40 50%,transparent calc(50% + 1px)),linear-gradient(90deg,transparent 44%,#5a5a3c12 50%,transparent 56%),radial-gradient(ellipse at 25% 50%,#ffffff8c,transparent 55%),radial-gradient(ellipse at 75% 50%,#ffffff8c,transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='24'%3E%3Cg fill='none' stroke='%2393a597' stroke-width='.6' stroke-opacity='.4'%3E%3Cpath d='M0 8q12-10 24 0t24 0 24 0 24 0'/%3E%3Cpath d='M0 16q12 10 24 0t24 0 24 0 24 0'/%3E%3C/g%3E%3C/svg%3E");box-shadow:0 1px #d6d6c2,0 2px #f4f4ea,0 3px #cbcab4,0 4px #f4f4ea,0 5px #c2c0a8,0 14px 28px #4b3a2426,inset 0 0 50px #8c8c6a26}.passport-collection .stamps:before,.passport-collection .stamps:after{position:absolute;top:22px;font:600 10px/1 DM Sans,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#7f8a76}.passport-collection .stamps:before{content:"Visas · Vistos";left:clamp(20px,4vw,44px)}.passport-collection .stamps:after{content:"Passport · Passaporte";right:clamp(20px,4vw,44px)}.map-sheet{position:relative;padding-bottom:26px}.map-sheet>svg{display:block;width:100%;height:auto;overflow:visible}.map-country{fill:#c9bca5;stroke:#f4ebda;stroke-width:.65;stroke-linejoin:round;transition:fill .15s}.map-country.is-visited{fill:#7e5144;cursor:pointer}.map-country.is-based{fill:#3c6873;cursor:pointer}.map-country.is-active,.map-country:focus-visible{fill:#ba7b50;outline:none;stroke:#533d2b;stroke-width:1.5}.map-country.is-based.is-active,.map-country.is-based:focus-visible{fill:#4f8894}.map-label{position:absolute;bottom:0;left:50%;transform:translate(-50%);white-space:nowrap;opacity:0;border-radius:3px;background:#493b2e;color:#fff7e8;padding:5px 10px;font:500 12px/1.2 DM Sans,sans-serif;pointer-events:none}.map-label.is-visible{opacity:1}.detail-dialog:has(.travels-paper){max-width:min(94vw,1020px)}.travels-paper{padding:clamp(32px,4vw,56px)}.detail-content.travels-detail{max-width:none}.travels-detail .map-intro{font:400 15px/1.6 DM Sans,sans-serif;color:#79644e;margin:-12px 0 28px}.travels-detail .map-hint{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font:400 11px/1.5 DM Sans,sans-serif;color:#79644e;margin:15px 0 30px;padding-bottom:18px;border-bottom:1px solid #b5a38a66}.map-key{width:8px;height:8px;border-radius:50%}.map-key--visited{background:#7e5144}.map-key--based{background:#3c6873;margin-left:16px}.map-instruction{margin-left:auto;text-align:right}.desk-item--duck{filter:none;width:clamp(120px,11vw,165px);aspect-ratio:1}.desk-item--duck .object-open{transform:rotate(-6deg)}.duck-face{position:relative;display:block;width:100%;height:100%;overflow:visible;transform-origin:50% 80%}.duck-fallback{display:block;width:100%;height:100%}.duck-face--ready .duck-fallback{display:none}.duck-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.duck-body{fill:url(#duck-body-light)}.duck-head{fill:url(#duck-head-light)}.duck-beak{fill:url(#duck-beak-light)}.duck-beak-bottom{fill:#bb5a20}.duck-wing{fill:url(#duck-wing-light);stroke:#c59219;stroke-width:1}.duck-eye{fill:#30343a}.duck-eye-glint{fill:#fff}.reset-button{position:absolute;z-index:20;right:2.5%;bottom:2%;padding:12px 4px;border:0;background:transparent;color:#f6eee3cc;letter-spacing:.09em;font-size:13px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#f6eee399;text-shadow:0 1px 3px #3b211b80;cursor:pointer}.reset-button:hover{color:#fff5eb}.detail-dialog{position:fixed;top:0;right:0;bottom:0;left:0;max-width:min(88vw,760px);max-height:min(85svh,900px);width:100%;margin:auto;padding:0;border:0;background:transparent;overflow:visible;color:#302317;box-shadow:none}.detail-dialog::backdrop{background:#22130aa1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.detail-paper{position:relative;max-height:min(85svh,900px);overflow:auto;background:#f7f0e2;background-image:radial-gradient(#cbbda64d .65px,transparent .8px),linear-gradient(105deg,#fffaf0,#eee3d3);background-size:6px 6px,100% 100%;box-shadow:0 28px 80px #1c0e0666;padding:clamp(34px,5vw,72px)}.detail-close{position:sticky;float:right;top:0;z-index:2;width:42px;height:42px;margin:-14px -12px 0 0;border:1px solid #6f544044;border-radius:50%;background:#fbf5e9;color:#3f3025;font-size:30px;line-height:1;cursor:pointer}.detail-content{max-width:600px;margin:auto}.detail-kicker{font:600 11px/1.3 DM Sans,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#8b6c56;margin:0 0 24px}.detail-content h2{font:400 clamp(30px,4vw,50px)/1.17 "Libre Baskerville",Georgia,serif;letter-spacing:-.055em;margin:0 0 28px}.detail-content p{font:400 16px/1.8 Libre Baskerville,Georgia,serif}.detail-content .detail-lead{font-size:21px}.detail-content .placeholder-note{color:#796a60;font:400 13px/1.6 DM Sans,sans-serif;margin-top:42px;padding-top:18px;border-top:1px solid #ac9e8d}.photo-detail img{display:block;width:100%;max-height:55svh;object-fit:cover;margin-bottom:28px}.photo-detail h2{margin-bottom:10px}.travels-detail ul{padding-left:20px}.travels-detail li{margin-bottom:20px}.home-button{border:1px solid #543f2a;background:#543f2a;color:#fff6e8;padding:12px 18px;cursor:pointer}.about-paper{padding-top:clamp(78px,8vw,100px);background-attachment:local}.about-paper:before,.about-paper:after{display:none}.about-detail .detail-kicker{font:500 26px/1 Leonardo Hand,Caveat,Noteworthy,Segoe Print,cursive;text-transform:none;letter-spacing:0;color:#567089;margin-bottom:18px}.about-detail h2{font:500 clamp(52px,6vw,76px)/1.15 "Leonardo Hand","Caveat","Noteworthy","Segoe Print",cursive;letter-spacing:0;margin:0 0 28px}.about-detail p{font:400 clamp(26px,3vw,34px)/1.15 "Leonardo Hand","Caveat","Noteworthy","Segoe Print",cursive;color:#3e4c5b}.about-detail .detail-lead{font-size:clamp(30px,3.3vw,38px)}.about-detail .placeholder-note{font:400 21px/1.2 Leonardo Hand,Caveat,Noteworthy,Segoe Print,cursive;color:#6e6d67;margin-top:42px;padding-top:14px;border-top:1px solid #a9a9a0}@media(max-width:767px){.desk{background-size:auto 100%}.desk-item{touch-action:auto}.object-open{touch-action:pan-y}.desk-mat{top:24px;right:3.5%;bottom:48px;left:3.5%;border-radius:18px}.note-face{padding:66px 42px 34px}.note-face h1{font-size:49px;margin:10px 0 18px}.note-rule{margin-bottom:18px}.note-intro{font-size:27px;margin-bottom:14px}.note-bio{font-size:24px}.open-prompt{left:42px;bottom:25px;font-size:23px}.polaroid-face{padding:9px 9px 6px}.polaroid-caption{font-size:22px;margin-top:5px}.postcard-copy h2{font-size:23px}.postcard-copy p{font-size:12px}.passport-collection .stamps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px;padding-top:50px}.passport-collection .stamps:after{display:none}.passport-collection h3{font-size:23px}.map-instruction{max-width:135px}.reset-button{right:6%;bottom:1%;font-size:11px}.detail-dialog,.detail-dialog:has(.travels-paper){max-width:100vw;width:100vw;max-height:94svh;margin:auto 0 0}.detail-paper{max-height:94svh;min-height:45svh;padding:34px 26px 44px}.detail-content h2{font-size:31px}.detail-content p{font-size:15px}.photo-detail img{max-height:48svh}.about-paper{padding-top:72px}.about-detail h2{font-size:52px}.about-detail p{font-size:27px}}@media(max-width:359px){.note-face{padding-inline:28px}.open-prompt{left:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}.ruled-copy{position:relative;font-family:Leonardo Hand,Caveat,Noteworthy,Segoe Print,cursive;line-height:1.5;isolation:isolate}.ruled-copy:before{content:"";position:absolute;top:0;right:-100vw;bottom:0;left:-100vw;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent calc(1em - 1px),#7c9eaf36 calc(1em - 1px) 1em,transparent 1em);background-size:100% 1.5em}.about-detail .ruled-copy{font-size:clamp(26px,3vw,34px)}.ruled-copy p,.about-detail .ruled-copy p{font:inherit;margin:0 0 1.5em;color:#3e4c5b}.ruled-copy p:last-child{margin-bottom:0}@media(max-width:767px){.about-detail .ruled-copy{font-size:27px}}.about-paper{overflow-x:hidden}.note-face{display:flex;flex-direction:column;--paper-bottom:55px}.note-face h1,.note-rule{flex-shrink:0}.note-face .ruled-copy{flex:1;font-size:clamp(24px,2vw,30px)}.note-face .ruled-copy:before{bottom:calc(-1 * var(--paper-bottom))}@media(min-width:768px)and (max-width:1024px){.note-face{--paper-bottom:42px}}@media(max-width:767px){.note-face{--paper-bottom:34px}}.about-detail .ruled-copy:before{bottom:calc(-1*clamp(34px,5vw,72px))}@media(max-width:767px){.about-detail .ruled-copy:before{bottom:-44px}}.desk-item--clock{width:clamp(220px,23vw,345px);aspect-ratio:1.5;filter:drop-shadow(3px 4px 2px #100b0845) drop-shadow(9px 15px 10px #100b0855)}.desk-item--clock .object-open{cursor:grab}.clock-face{position:relative;display:block;width:100%;height:100%}.clock-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.clock-fallback{position:absolute;top:16%;right:7%;bottom:16%;left:7%;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:8% 11% 4%;border:12px solid #9f2723;border-radius:15px;background:#ded1b6;box-shadow:inset 0 0 0 3px #a7a294,0 8px #651c19;transform:perspective(600px) rotateX(25deg) rotateY(-15deg) rotate(-4deg)}.clock-fallback>span{background:#60858e;color:#ecdbac;text-align:center;font:500 clamp(30px,4vw,55px)/1.2 Arial,sans-serif}.clock-fallback>span:nth-child(2n){background:#356f58}.clock-face--ready .clock-fallback{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.clock-face[data-facing=right] .clock-fallback{transform:perspective(600px) rotateX(25deg) rotateY(15deg) rotate(4deg)}.desk-item--notebook{width:clamp(190px,20vw,280px);aspect-ratio:.74}.desk-item--notebook .object-open{transform:rotate(-4deg)}.notebook-cover{position:relative;width:100%;height:100%;padding:13% 15% 0 18%;border:1px solid #373737;border-left-color:#9b9b96;border-bottom-color:#c1c1b8;border-radius:1px 3px 3px 1px;background:linear-gradient(90deg,#101010,#030303 4%,#141414,#060606 6%,#030303 16%);box-shadow:1px 2px #b5b5ad,2px 4px #242424,3px 5px #a3a39c,4px 7px #050505}.notebook-label{display:block;color:#eee;font:400 clamp(30px,3.2vw,44px)/1.2 "Death Note",fantasy;white-space:nowrap;text-align:center;transform:rotate(-3deg)}.detail-dialog:has(.notebook-paper){max-width:min(94vw,1040px)}.detail-paper.notebook-paper{--line:39px;padding:16px 26px 30px 16px;border-radius:10px 16px 16px 10px;color:#2b3440;background:#151515;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath filter='url(%23g)' opacity='.13' d='M0 0h160v160H0z'/%3E%3C/svg%3E"),radial-gradient(ellipse at 30% 0%,#ffffff12,transparent 60%),linear-gradient(90deg,#0b0b0b,#1c1c1c 48%,#070707,#1c1c1c 52%,#0d0d0d);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff1f,inset 0 0 24px #000c,0 3px #050505,0 30px 80px #0b0503aa}.notebook-paper .detail-close{position:absolute;float:none;z-index:4;top:30px;right:44px;margin:0;width:38px;height:38px;background:#fbf7ec;font-size:26px}.notebook-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:min(600px,calc(85svh - 46px));border-radius:3px 5px 5px 3px;box-shadow:-1px 1px #e6dec9,1px 1px #e6dec9,-2px 2px #cfc5ad,2px 2px #cfc5ad,-3px 4px #e6dec9,3px 4px #e6dec9,-4px 5px #c4b99f,4px 5px #c4b99f,0 7px 6px #0008}.notebook-page{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:44px 48px 64px 52px;background-color:#f6f0e1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath filter='url(%23g)' opacity='.07' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),linear-gradient(90deg,#fffdf6 0,#f6f0e1 18%,#efe6d2 80%,#d9ccb0 94%,#b9a988)}.notebook-page--left{border-radius:3px 0 0 3px;box-shadow:inset -14px 0 18px -10px #4a3a2240}.notebook-page--right{padding:44px 52px 64px 48px;border-radius:0 5px 5px 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath filter='url(%23g)' opacity='.07' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),linear-gradient(270deg,#fffdf6 0,#f6f0e1 18%,#efe6d2 80%,#d9ccb0 94%,#b9a988);box-shadow:inset 14px 0 18px -10px #4a3a2240}.notebook-spread:after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(#8c7b5e66,#6d5c4199 50%,#8c7b5e66);pointer-events:none}.notebook-heading,.notebook-heading-space{display:block;flex-shrink:0;height:calc(var(--line) * 2.4);margin:0}.notebook-heading{position:relative;width:max-content;font:500 46px/1.3 Leonardo Hand,Caveat,Noteworthy,Segoe Print,cursive;color:#1f2a36;transform:rotate(-2deg)}.notebook-heading:after{content:"";position:absolute;left:-4px;right:-10px;bottom:22px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10' preserveAspectRatio='none'%3E%3Cpath d='M2 6C30 2 60 8 92 5S160 2 198 4' fill='none' stroke='%23b2453c' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;opacity:.85}.notebook-page .ruled-copy{flex:1;font-size:26px}.notebook-page .ruled-copy:before{bottom:-64px}.notebook-page .ruled-copy:after{content:"";position:absolute;z-index:-1;top:calc(-1 * var(--line) * 2.4 - 44px);bottom:-64px;left:-14px;width:1px;background:#c9786f55}.notebook-page--right .ruled-copy:after{display:none}.notebook-empty,.ruled-copy p.notebook-empty{color:#55606e;transform:rotate(-1deg);transform-origin:left}.notebook-takes{margin:0;padding:0 0 0 1.1em;color:#2b3440}.notebook-takes li{margin-bottom:1.5em;overflow-wrap:anywhere;padding-left:.15em}.notebook-takes li::marker{font-size:.8em;color:#8a7d66}.notebook-folio{position:absolute;bottom:26px;font:400 12px/1 Libre Baskerville,Georgia,serif;color:#9a8b70;letter-spacing:.08em}.notebook-page--left .notebook-folio{left:52px}.notebook-page--right .notebook-folio{right:52px}.notebook-stain{position:absolute;right:13%;bottom:13%;width:160px;aspect-ratio:1;pointer-events:none;transform:rotate(-18deg);mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cfilter id='r' x='-10%25' y='-10%25' width='120%25' height='120%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.035' numOctaves='2' seed='4' result='n'/%3E%3CfeDisplacementMap in='SourceGraphic' in2='n' scale='7'/%3E%3C/filter%3E%3Cg fill='none' stroke='%238a5a2b' filter='url(%23r)'%3E%3Ccircle cx='80' cy='80' r='62' stroke-width='9' stroke-opacity='.05'/%3E%3Ccircle cx='80' cy='80' r='64' stroke-width='2.2' stroke-opacity='.22' stroke-dasharray='250 40 60 50'/%3E%3Ccircle cx='82' cy='79' r='61' stroke-width='1' stroke-opacity='.3' stroke-dasharray='120 90 140 40'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.notebook-ribbon{position:absolute;z-index:3;top:16px;bottom:8px;left:calc(50% + 78px);width:11px;pointer-events:none;transform:rotate(-2.5deg);transform-origin:top;background:linear-gradient(90deg,#5e121b,#a12c36 40%,#7d1b25 70%,#5e121b);clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 9px),0 100%);filter:drop-shadow(1px 2px 1px #0005)}.notebook-band{position:absolute;z-index:3;top:0;bottom:0;right:7px;width:10px;pointer-events:none;background:linear-gradient(90deg,#050505,#2b2b2b 45%,#111 60%,#050505);box-shadow:-1px 0 2px #0009}@media(max-width:767px){.detail-dialog:has(.notebook-paper){max-width:96vw;width:96vw;margin:auto}.detail-paper.notebook-paper{--line:33px;padding:10px 20px 24px 10px;max-height:90svh}.notebook-spread{grid-template-columns:1fr;min-height:min(520px,calc(90svh - 34px))}.notebook-spread:after,.notebook-page--right[aria-hidden],.notebook-stain{display:none}.notebook-page,.notebook-page--right{padding:34px 50px 54px 36px;border-radius:3px 5px 5px 3px;box-shadow:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath filter='url(%23g)' opacity='.07' d='M0 0h180v180H0z'/%3E%3C/svg%3E"),linear-gradient(90deg,#c9bb9c,#efe6d2 5%,#f6f0e1 30%,#fffdf6)}.notebook-paper .detail-close{top:20px;right:56px}.notebook-heading{font-size:38px}.notebook-heading:after{bottom:18px}.notebook-page .ruled-copy{font-size:22px}.notebook-page .ruled-copy:before,.notebook-page .ruled-copy:after{bottom:-54px}.notebook-page .ruled-copy:after{left:-10px;top:calc(-1 * var(--line) * 2.4 - 34px)}.notebook-page--right .notebook-heading-space{display:none}.notebook-folio{bottom:20px}.notebook-page--left .notebook-folio{left:36px}.notebook-page--right .notebook-folio{right:26px}.notebook-ribbon{left:auto;right:36px;top:10px;bottom:4px;transform:rotate(-1deg)}.notebook-band{right:5px;width:8px}}.desk{--desk-unit:min(1vw,1.55svh,15px);min-height:660px}.desk-item{container-type:inline-size}.desk-item--note{width:max(290px,calc(27 * var(--desk-unit)));height:auto;aspect-ratio:.72}.desk-item--notebook{width:calc(20 * var(--desk-unit));aspect-ratio:.74}.desk-item--photo-01{width:calc(16 * var(--desk-unit))}.desk-item--postcard{width:max(300px,calc(29 * var(--desk-unit)))}.desk-item--duck{width:calc(9 * var(--desk-unit))}.desk-item--clock{width:calc(20 * var(--desk-unit))}.desk-item--note .note-face{padding:17cqw 11cqw 13cqw;--paper-bottom:13cqw;--paper-margin:8cqw}.desk-item--note h1{font-size:14cqw;margin:3cqw 0 6cqw}.desk-item--note .note-rule{width:25cqw;margin-bottom:6cqw}.desk-item--note .ruled-copy{font-size:max(24px,7cqw)}.desk-item--note .ruled-copy p:not(:last-child){margin-bottom:.8em}.desk-item--note .open-prompt{left:11cqw;bottom:6cqw;font-size:max(22px,6.5cqw)}.desk-item--note .open-prompt span{font-size:inherit}.polaroid-face{padding:5cqw 5cqw 3cqw}.polaroid-caption{font-size:12cqw;margin-top:3cqw}.postcard-heading{font-size:3cqw}.postcard-airmail{font-size:2cqw;padding:1cqw}.postcard-postage{font-size:1.7cqw;padding:1cqw}.postcard-copy h2{font-size:8cqw}.postcard-copy p{font-size:3.8cqw}.postcard-address{font-size:4.5cqw}.postcard-open{font-size:max(12px,2.8cqw)}.notebook-label{font-size:16cqw}.clock-fallback{border-width:4cqw}.clock-fallback>span{font-size:17cqw}@media(max-width:767px){.desk{height:clamp(1420px,392vw,1920px);min-height:100svh}.desk-item,.object-open{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.desk-item.is-held{filter:drop-shadow(0 10px 12px #100b0870)}.desk-item--note{width:min(76vw,340px);min-height:430px;aspect-ratio:.64}.desk-item--photo-01{width:min(34vw,150px)}.desk-item--postcard{width:min(76vw,340px)}.desk-item--duck{width:min(24vw,110px)}.desk-item--clock{width:min(47vw,220px)}.desk-item--notebook{width:min(43vw,190px)}}.desk-item--bookstand{width:calc(14.4 * var(--desk-unit));aspect-ratio:1.25;filter:drop-shadow(3px 4px 2px #100b0845) drop-shadow(9px 15px 10px #100b0855)}.desk-item--bookstand .object-open{cursor:grab}.bookstand-face{position:relative;display:block;width:100%;height:100%}.bookstand-face canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.bookstand-fallback{position:absolute;top:16%;right:12%;bottom:12%;left:12%;display:flex;align-items:end;gap:2%;padding:0 5% 6%;border-bottom:9px solid #654032;transform:perspective(600px) rotateX(-12deg) rotateY(-15deg);box-shadow:0 3px #40281f}.bookstand-fallback:before{content:"";position:absolute;left:0;bottom:0;width:8%;height:66%;background:linear-gradient(90deg,#513126,#865b49);z-index:1}.bookstand-fallback:after{content:"";position:absolute;left:3%;right:3%;bottom:-17px;height:8px;border-inline:7px solid #513126}.bookstand-fallback i{display:block;width:14%;height:94%;border:solid #345c72;border-width:2px 3px;background:repeating-linear-gradient(90deg,#c9a777 0,#c9a777 2px,#ad8b60 2px,#ad8b60 3px);border-radius:1px;box-shadow:1px 1px 2px #21180f55}.bookstand-fallback i:nth-child(2){width:8%;height:91%;border-color:#66766c}.bookstand-fallback i:nth-child(3){width:9%;height:92%;border-color:#815047}.bookstand-fallback i:nth-child(4){height:84%;border-color:#762c38}.bookstand-fallback i:nth-child(5){width:18%;height:100%;border-color:#2f4947}.bookstand-fallback i:nth-child(6){height:91%;border-color:#626c4c}.bookstand-fallback i:nth-child(7){height:70%;border-color:#722e32;transform:rotate(-11deg);transform-origin:bottom right;margin-left:4%}.bookstand-face[data-facing=right] .bookstand-fallback{transform:perspective(600px) rotateX(-12deg) rotateY(15deg)}.bookstand-face--ready .bookstand-fallback{display:none}@media(max-width:767px){.desk-item--bookstand{width:min(40vw,168px)}}.desk-item--banana{width:calc(9 * var(--desk-unit));aspect-ratio:1;filter:drop-shadow(2px 3px 2px #21180f55) drop-shadow(5px 8px 5px #21180f35)}.banana-face{position:relative;display:block;width:100%;height:100%}.banana-face canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.banana-fallback{display:block;width:80%;height:80%;margin:10%;transform:perspective(400px) rotateX(14deg) rotate(-27deg);filter:drop-shadow(0 4px 0 #b59000)}.banana-face--ready .banana-fallback{display:none}@media(max-width:767px){.desk-item--banana{width:min(18vw,80px)}}.desk-item--github{width:calc(9 * var(--desk-unit));aspect-ratio:1;filter:drop-shadow(4px 12px 7px #0006)}.desk-item--github .object-open{perspective:500px;border-radius:50%}.github-disk{position:absolute;top:5%;right:5%;bottom:5%;left:5%;display:grid;place-items:center;border:1px solid #777;border-radius:50%;background:linear-gradient(135deg,#faf9f5,#d9d8d3);box-shadow:inset 0 2px 2px #fff,0 1px #a7a7a2,0 2px #777873,0 3px #555650,0 4px #43443f,0 5px #30312d,0 6px #232420,0 7px #151613;transform:rotateX(24deg) rotateY(-12deg) rotate(-10deg)}.github-disk img{width:74%;height:74%;object-fit:contain;pointer-events:none}@keyframes github-wobble{0%,to{transform:rotateX(24deg) rotateY(-12deg) rotate(-10deg)}20%{transform:rotateX(12deg) rotateY(8deg) rotate(-7deg)}42%{transform:rotateX(32deg) rotateY(-20deg) rotate(-12deg)}64%{transform:rotateX(19deg) rotateY(-6deg) rotate(-9deg)}82%{transform:rotateX(27deg) rotateY(-15deg) rotate(-11deg)}}@media(prefers-reduced-motion:no-preference){.desk-item--github .object-open:focus-visible .github-disk{animation:github-wobble .85s ease-in-out}@media(hover:hover){.desk-item--github .object-open:hover .github-disk{animation:github-wobble .85s ease-in-out}}}@media(max-width:767px){.desk-item--github{width:min(23vw,100px)}}.desk-item--projects{width:calc(12 * var(--desk-unit));aspect-ratio:1;filter:drop-shadow(3px 8px 5px #0005)}.projects-folder{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;gap:8%;transform:rotate(-5deg)}.folder-icon{position:relative;display:block;width:100%;height:78%;perspective:650px}.folder-back{position:absolute;top:5%;right:5%;bottom:4%;left:4%;border-radius:7%;background:linear-gradient(135deg,#52caff,#0789d6 80%);clip-path:polygon(0 0,32% 0,41% 17%,100% 17%,100% 100%,0 100%);box-shadow:inset 3px 2px 2px #c1edffb3,inset -2px -3px 3px #0063aa}.folder-paper{position:absolute;top:28%;right:10%;bottom:10%;left:12%;border:1px solid #dce7ed;border-radius:6% 6% 2% 2%;background:linear-gradient(#fff,#e7eef3);box-shadow:0 -3px 0 -1px #c8e0ec,0 2px 4px #00538655;transform:rotate(-2deg)}.folder-front{position:absolute;top:36%;right:0;bottom:0;left:3%;border:1px solid #55bdec;border-radius:7% 7% 6% 6%;background:linear-gradient(155deg,#56ccf9,#29b2eb 40%,#1099dd);box-shadow:inset 2px 3px 2px #a9e6ffb3,inset -2px -3px 3px #0079bd,0 3px #007abd;transform:rotateX(-19deg) skew(-7deg);transform-origin:bottom;transition:transform .2s}.object-open:hover .folder-front,.object-open:focus-visible .folder-front{transform:rotateX(-32deg) skew(-7deg)}.folder-label{color:#f4f6f8;font:500 max(13px,8cqw)/1.2 -apple-system,BlinkMacSystemFont,"DM Sans",sans-serif;text-shadow:0 1px 4px #000}.detail-dialog:has(.projects-window){max-width:min(92vw,800px)}.detail-paper.projects-window{padding:0;min-height:400px;border:1px solid #ffffff65;border-radius:12px;background:#fff;color:#303036;box-shadow:0 30px 90px #0007;font-family:-apple-system,BlinkMacSystemFont,DM Sans,sans-serif}.projects-window .detail-close{position:absolute;float:none;left:20px;top:23px;margin:0;padding:0;width:13px;height:13px;border:1px solid #e0443e;border-radius:50%;background:#ff6058;font-size:0;color:transparent}.projects-window .detail-close:hover{color:#78211c}.projects-window .detail-close:before,.projects-window .detail-close:after{content:"";position:absolute;left:50%;top:50%;width:7px;height:1px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg)}.projects-window .detail-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.projects-toolbar{display:flex;align-items:center;gap:28px;height:60px;padding:0 22px 0 40px;background:linear-gradient(#f9f9fa,#ececee);border-bottom:1px solid #d5d5d8}.window-lights{display:flex;gap:8px}.window-lights i{width:13px;height:13px;border-radius:50%;background:#ffbd2e;border:1px solid #dfa025}.window-lights i:last-child{background:#28c840;border-color:#1eab34}.projects-toolbar h2{font-size:15px;font-weight:600;margin:0}.projects-view-icon{margin-left:auto;font-size:24px;color:#797980}.projects-body{display:grid;grid-template-columns:170px 1fr;min-height:340px}.projects-sidebar{padding:22px 12px;background:#eeeef0;border-right:1px solid #dedee1}.projects-sidebar p{margin:0 10px 10px;font-size:11px;font-weight:600;color:#76767c}.projects-selected{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:6px;background:#dcdce1;font-size:13px;font-weight:500}.projects-selected>span{color:#168dcc;font-size:20px;line-height:1}.projects-files{padding:30px;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start}.project-file{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px;border-radius:8px;color:#303036;font-size:13px;text-decoration:none;text-align:center}.project-file:hover,.project-file:focus-visible{background:#eaf3ff;outline:2px solid #9dc9fa;outline-offset:2px}.project-app-icon{width:70px;height:70px;margin-bottom:5px;border:1px solid #0002;border-radius:16px;box-shadow:0 3px 7px #0002}.project-file small{font-size:10px;color:#73737c}.projects-status{padding:9px 20px;border-top:1px solid #e0e0e3;background:#f7f7f8;color:#75757b;text-align:center;font-size:11px}@media(max-width:767px){.desk-item--projects{width:min(30vw,132px)}.detail-dialog:has(.projects-window){width:94vw;max-width:94vw;margin:auto}.detail-paper.projects-window{min-height:0}.projects-body{grid-template-columns:108px 1fr;min-height:300px}.projects-sidebar{padding:20px 6px}.projects-selected{padding:8px 6px;gap:5px;font-size:12px}.projects-files{padding:20px 8px}}