*,:before,:after{box-sizing:border-box}html{font-size:calc(min(100vw / 108, 100vh / 61.875) * var(--fit,1));font-size:calc(min(100vw / 108, 100dvh / 61.875) * var(--fit,1))}html,body,#root{background:#000;height:100%;margin:0;overflow:hidden}body{color:#2a1f14;font-family:Special Elite,Courier New,monospace}a{color:inherit}.office{background:#0b0806;position:fixed;inset:0;overflow:clip}.invitation-screen{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);perspective:900px;background:#080604c7;place-items:center;padding:2rem 1rem;display:grid;position:fixed;inset:0;overflow:auto}.envelope-wrap{justify-items:center;width:min(92vw,60rem);padding-bottom:3.2rem;display:grid;position:relative}.envelope-image{cursor:pointer;background:0 0;border:0;width:100%;max-height:72vh;padding:0;transition:filter .18s,transform .18s;display:block;overflow:hidden}.envelope-image img{object-fit:contain;width:100%;max-height:72vh;display:block}.envelope-image:hover{filter:brightness(1.08);transform:translateY(-3px)}.envelope-image:focus-visible,.enter-room:focus-visible{outline-offset:4px;outline:2px solid #f1d7a9}.invitation-prompt{color:#e8d7b8;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:clamp(12px,1vw,14px);position:absolute;bottom:0}.invitation-letter{aspect-ratio:3/2;color:#39291b;filter:drop-shadow(0 1.5rem 2rem #0000007a);text-align:center;place-items:center;width:min(96vw,138dvh);display:grid;position:relative;container-type:inline-size}.invitation-paper{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.invitation-letter-text{transform-origin:50%;color:#38291d;text-shadow:0 1px 1px #f5e1bea6;text-align:center;width:42%;margin-top:2%;padding:0 .35rem;font-size:clamp(.85rem,1.55cqw,1.5rem);position:relative;transform:rotate(-9deg)}.invitation-letter-text h1{margin:0 0 .65rem;font-size:clamp(1.3rem,2.3vw,2rem);font-weight:400}.invitation-letter-text p{max-width:38rem;margin:0 auto .55rem;font-size:1em;line-height:1.5}.invitation-letter-text .invitation-call{letter-spacing:.1em;margin:0 auto .65rem;font-weight:700}.invitation-letter-text .invitation-tip{color:#54432f;margin:1.1rem auto 0;font-size:.75em}.invitation-tip kbd{font:inherit;font-weight:700}.enter-room{color:#f3e6c8;font:inherit;letter-spacing:.08em;cursor:pointer;background:#48301f;border:1px solid #452b18b3;padding:.8rem 1.2rem;transition:background .18s,transform .18s;position:relative;box-shadow:0 .25rem .7rem #34221338}.enter-room:hover{background:#5a3b25;transform:translateY(-2px)}.enter-room span{color:#d9b982;padding-left:.45rem}.office:before{content:"";filter:blur(2rem)brightness(.45);background:url(./office-DNReVK6Q.webp) 50%/cover no-repeat;position:absolute;inset:-3rem}.stage{position:absolute;container-type:inline-size}.scene{width:100%;height:100%;display:block}.dim{fill:#000;opacity:0;pointer-events:none;transition:opacity .35s}.dim.on{opacity:.3}.hotspot{cursor:pointer;outline:none}.halo,.lit{opacity:0;pointer-events:none;transition:opacity .35s}.halo{fill:#fff6e3}.hit{fill:#fff;fill-opacity:0;transition:fill-opacity .35s}.office.hinting .dim{opacity:.4}.office.hinting .halo{opacity:.5}.office.hinting .lit{opacity:1}.hotspot.on .halo{opacity:.8}.hotspot.on .lit{opacity:1}.hotspot.on .hit{fill-opacity:.07}.tag{white-space:nowrap;color:#2a1f14;opacity:0;pointer-events:none;background:#f3e6c8;border:1px solid #b89a6a;padding:.35cqw .9cqw .45cqw;font-size:max(12px,1.05cqw);transition:opacity .25s,transform .25s;position:absolute;transform:translate(-50%,calc(-100% - .6cqw))rotate(-2deg);box-shadow:0 .3cqw .8cqw #00000073}.tag span{letter-spacing:.15em;text-transform:uppercase;color:#8a2b1f;font-size:.7em;display:block}.tag.on{opacity:1;transform:translate(-50%,calc(-100% - 1cqw))rotate(-2deg)}.tag.below{transform:translate(-50%,.6cqw)rotate(-2deg)}.tag.below.on{transform:translate(-50%,1cqw)rotate(-2deg)}.tag.right{transform:translate(.6cqw,-50%)rotate(-2deg)}.tag.right.on{transform:translate(1cqw,-50%)rotate(-2deg)}.hint{letter-spacing:.07em;white-space:nowrap;color:#fff1cf;text-shadow:0 1px 2px #000;pointer-events:none;background:#0c0805d1;border:0;margin:0;padding:.7rem 1.15rem .75rem;font-size:max(12px,1rem);transition:opacity .4s,bottom .4s;position:absolute;bottom:1.5rem;left:1.6rem;box-shadow:0 0 1rem #ddac5738,0 .25rem 1rem #000000a6}.hint.off{opacity:0}.hint.hint-right{left:auto;right:1.6rem}.hint-button{color:#c9a15e;cursor:pointer;background:repeating-linear-gradient(98deg,#1e0f0538 0 1px,#0000 1px 6px),repeating-linear-gradient(94deg,#ffe1b414 0 2px,#0000 2px 9px),radial-gradient(circle at 35% 30%,#94603a,#5e3a1f 62%,#3f2512);border:0;border-radius:50%;place-items:center;width:3.2rem;height:3.2rem;padding:0;transition:opacity .4s,scale .2s;display:grid;position:absolute;top:1.25rem;right:1.25rem;box-shadow:inset 0 .12rem .15rem #ffdcaa4d,inset 0 -.2rem .35rem #00000073,0 .25rem .6rem #00000080}.hint-button:hover{scale:1.07}.hint-button:focus-visible{outline-offset:3px;outline:2px solid #fff6e3}.hint-button.off{opacity:0;pointer-events:none}.hint-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px #0000008c);width:55%;height:55%;transition:filter .35s}.hint-button .glass{fill:#0000;transition:fill .35s}.hint-button.on .glass{fill:#ffd36b}.hint-button.on svg{filter:drop-shadow(0 0 .3rem #ffd36be6)}.blackout{opacity:0;pointer-events:none;background:#000;position:fixed;inset:0}.page{z-index:1;padding:5rem 1.5rem 3rem;position:fixed;inset:0;overflow:clip}.page article{max-width:54rem;margin:0 auto;position:relative}.page h1,.page h2{margin:0 0 .5rem;font-weight:400}.back{z-index:10;font:inherit;color:#2a1f14;cursor:pointer;background:#f3e6c8;border:1px solid #b89a6a;padding:.5rem .9rem;font-family:Special Elite,monospace;position:fixed;top:1.25rem;left:1.25rem;box-shadow:0 2px 8px #0006}.back:hover,.back:focus-visible{outline-offset:2px;background:#fff6e3;outline:2px solid #fff6e3}.page-about{background:#1a120b;place-items:center;padding:4rem 2rem;display:grid}.page .closeup{--h:min(34rem, 62dvh, 46vw);z-index:0;align-items:flex-start;max-width:none;animation:.9s cubic-bezier(.2,.7,.2,1) closeup-in;display:flex;position:relative}@keyframes closeup-in{0%{scale:1.06}}.closeup-room{z-index:-1;top:calc(var(--h) * -72 / 229);left:calc(var(--h) * -451 / 229);width:calc(var(--h) * 1672 / 229);max-width:none;filter:blur(calc(var(--h) / 60)) brightness(.6);position:absolute}.closeup-portrait{z-index:2;height:var(--h);filter:drop-shadow(0 1.2rem 1.4rem #0009);display:block;position:relative}.letter{z-index:1;width:min(27rem,42vw);margin:calc(var(--h) * .22) 0 0 -3rem;background:linear-gradient(170deg,#f6eed9,#e9dcbc);padding:1.8rem 2rem 1.4rem 3.6rem;font-size:.9rem;line-height:1.6;position:relative;rotate:3deg;box-shadow:0 1rem 1.8rem #0000008c}.letter p{margin:0 0 .7rem}.letter-to{font-size:1.05rem}.letter dl{border-block:1px dashed #b89a6a;grid-template-columns:max-content 1fr;gap:0 1rem;margin:0 0 .9rem;padding:.5rem 0;display:grid}.letter dt{letter-spacing:.1em;text-transform:uppercase;color:#7a5a35;font-size:.75rem;line-height:1.6rem}.letter dd{margin:0;line-height:1.6rem}.letter .signature{color:#1f3d7a;width:fit-content;margin:.2rem .4rem 0 auto;font-family:Homemade Apple,cursive;font-size:1.5rem;line-height:1.2;rotate:-4deg}.page-contact{background:#5a1712 repeating-linear-gradient(90deg,#0000001f 0 2px,#0000 2px 28px);place-items:center;display:grid}.directory{background:#f6eedb linear-gradient(#0000 2.9rem,#c43d32 2.9rem 3rem,#0000 3rem) no-repeat;border-radius:.6rem;width:min(40rem,100%);padding:2.5rem 3rem;box-shadow:0 1.5rem 3rem #0000008c}.directory h1{letter-spacing:.1em;text-transform:uppercase;color:#8a1f17;margin-top:-1.2rem;font-size:1.6rem}.directory .sub{color:#6b5a44;margin:1.5rem 0}.directory ul{margin:0;padding:0;list-style:none}.directory li{border-bottom:1px solid #d9c9a6;align-items:baseline;gap:.6rem;padding:.7rem 0;font-size:1.15rem;display:flex}.directory li i{border-bottom:2px dotted #9c8a6e;flex:1}.directory a{color:#1f3d7a}.page-work{background:#000;padding:0}.page .desk{aspect-ratio:1536/1024;transform-origin:46.875% 29.93%;width:min(200dvh,190vw);max-width:none;margin:0;animation:.9s cubic-bezier(.2,.7,.2,1) settle;position:absolute;top:50%;left:50%;transform:translate(-46.875%,-29.93%);container-type:inline-size}@keyframes settle{0%{transform:translate(-46.875%,-29.93%)scale(1.12)}}.desk-room{filter:blur(1.2cqw)brightness(.7);width:407.1%;position:absolute;top:-128.7%;left:-114.4%}.desk-pc{filter:drop-shadow(0 1cqw 2cqw #0000008c);width:100%;position:absolute;inset:0}.screen{color:#4dff7a;text-shadow:0 0 .35cqw #3cff6ebf;scrollbar-width:thin;scrollbar-color:#2a8f44 transparent;background:repeating-linear-gradient(#0000 0 2px,#00000038 2px 4px),radial-gradient(#0e2e16eb,#020a04f7 85%);border-radius:6%/8%;width:34.8%;height:36.2%;padding:2.2cqw 2.4cqw;font-family:VT323,monospace;font-size:1.15cqw;line-height:1.3;position:absolute;top:11.8%;left:29.5%;overflow-y:auto;box-shadow:inset 0 0 2.5cqw #000000e6,0 0 1.5cqw #3cff6e1f}.screen p{margin:0 0 .6em}.screen h2{margin:1em 0 .2em;font-size:1.3em}.screen ul{margin:.3em 0;padding-left:1.2em;list-style:"> "}.screen .dim-text{opacity:.65;margin:0}.cursor{vertical-align:-.15em;background:currentColor;width:.6em;height:1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.page-education:before{content:"";z-index:-1;filter:blur(18px)brightness(.7)saturate(.9);background:url(./office-DNReVK6Q.webp) 76% 56%/320% no-repeat;position:fixed;inset:-3rem}.page-education{--ink:#211b15;--paper:#ece1c6;background:#2a1a0e;place-items:center;padding-bottom:5rem;display:grid}.page .book{max-width:78rem;color:var(--ink);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .1 .9 0 0 0 -.3'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E"),#3a2416;border-radius:.7rem;grid-template-columns:1fr 1fr;padding:.7rem .9rem .9rem;font-family:Federant,serif;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffdcaa1a,inset 0 0 1.2rem #0000008c,0 .4rem .6rem #00000059,0 1.8rem 3rem #0000008c}.leaf{min-height:min(100dvh - 12rem,49.875rem);padding:2.2rem 3.5rem 3.4rem;position:relative}.leaf>*{filter:url(#ink)}.leaf>section{filter:none}.leaf-left{background:radial-gradient(circle at 78% 22%, #9664281a 0 1.2rem, transparent 3rem), radial-gradient(circle at 18% 84%, #96642817 0 .8rem, transparent 2.5rem), linear-gradient(90deg, #6e50282e, transparent 8%, transparent 86%, #3c28144d), radial-gradient(ellipse at 45% 45%, var(--paper) 55%, #d8c69e);border-radius:.35rem 0 0 .35rem;padding-left:6.5rem;box-shadow:-2px 2px 0 -1px #d9cba8,-3px 4px 0 -2px #c4b48f,-5px 6px 0 -3px #d6c7a2,-6px 8px 0 -4px #b9a782}.leaf-right{background:radial-gradient(circle at 70% 70%, #9664281a 0 1rem, transparent 2.8rem), radial-gradient(circle at 30% 12%, #96642812 0 .6rem, transparent 2rem), linear-gradient(90deg, #3c28144d, transparent 14%, transparent 92%, #6e50282e), radial-gradient(ellipse at 55% 45%, var(--paper) 55%, #d8c69e);border-radius:0 .35rem .35rem 0;box-shadow:2px 2px 0 -1px #d9cba8,3px 4px 0 -2px #c4b48f,5px 6px 0 -3px #d6c7a2,6px 8px 0 -4px #b9a782}.page .book:after{content:"";mix-blend-mode:multiply;opacity:.55;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .22 0 0 0 0 .1 .9 0 0 0 -.3'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");border-radius:.35rem;position:absolute;inset:.7rem .9rem .9rem}.folio{margin:0;font-family:Poiret One,sans-serif;font-size:.9rem;position:absolute;bottom:.9rem;left:50%}.book h1{margin:0 0 1.1rem;font-family:Federant,serif;font-size:3.4rem;font-weight:400;line-height:1;display:flow-root}.book h1 .caps{padding-top:1.9rem;font-family:Metamorphous,serif;font-size:.9em;display:block}.book section{margin-bottom:1.4rem}.leaf-left section+section{margin-top:2.2rem}.book h2{margin:0 0 .15rem;font-size:1.6rem;font-weight:400;line-height:1.15}.book section p{margin:.2rem 0;font-family:Libre Baskerville,Georgia,serif;font-size:.95rem;line-height:1.5}.book section .meta,.book .activities .label{letter-spacing:.12em;text-transform:uppercase;color:#4a3d2e;font-size:.72rem}.book section .meta{margin-top:.35rem}.book section .period{color:#5e4e3a;margin:0 0 .7rem;font-size:.88rem;font-style:italic}.book .notes{margin:0;padding:0;font-family:Libre Baskerville,Georgia,serif;font-size:.95rem;line-height:1.45;list-style:none}.book .notes li{margin:.3rem 0;padding-left:1.3rem;position:relative}.book .notes li:before{content:"❧";color:#6b5a44;font-size:.85em;position:absolute;left:0}.book section .activities{color:#3a2f24;margin-top:.9rem;font-size:.88rem;font-style:italic;line-height:1.6}.book .activities .label{margin-bottom:.1rem;font-style:normal;display:block}.book .activities .item{white-space:nowrap}.leaf-right{padding-top:5.5rem}.book h3{letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid;margin:0 0 1rem;padding-bottom:.3rem;font-family:Metamorphous,serif;font-size:1rem;font-weight:400}.book section+h3{margin-top:3.6rem}.leaf-right h2{font-size:1.45rem}.floral{display:block;overflow:visible}.floral path,.floral rect{fill:var(--paper);stroke:var(--ink);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.floral .stem{fill:none}.floral .thick{stroke-width:3.5px}.floral .ink{fill:var(--ink);stroke:none}.floral text{font-family:Metamorphous,serif;font-size:104px}.initial{float:left;width:10.5rem;margin:-.6rem .6rem .4rem -5.2rem}.stems{width:2.6rem;height:calc(100% - 16.6rem);position:absolute;top:11.6rem;left:1.3rem}.foot{width:15rem;position:absolute;bottom:2.4rem;left:.9rem}.leaf-right .scroll{width:9rem;margin:2rem auto 0}.page-skills{background:#2a1a0e;place-items:center;padding-bottom:5rem;display:grid}.page-skills:before{content:"";z-index:-1;filter:blur(18px)brightness(.72)saturate(.95);background:url(./office-DNReVK6Q.webp) 62% 80%/300% no-repeat;position:fixed;inset:-3rem}.page .casefile{background:linear-gradient(90deg,#0000 49.6%,#5a3c1459 50%,#0000 50.4%),linear-gradient(90deg,#0000000f,#0000 10% 90%,#0000000f),#d9b77a;border-radius:0 .6rem .6rem;grid-template-columns:1fr 1fr;gap:3rem;width:100%;max-width:76rem;min-height:min(40rem,100dvh - 13rem);margin-top:2rem;padding:2.2rem 2.5rem;display:grid;position:relative;box-shadow:0 2rem 3rem #0009}.casefile-tab{letter-spacing:.12em;text-transform:uppercase;background:#d9b77a;border-radius:.5rem .5rem 0 0;padding:.45rem 1.4rem .3rem;font-size:.85rem;position:absolute;bottom:100%;left:0}.sheet{background:#f7f1e1 linear-gradient(#0000 1.75rem,#5a78a02e 1.75rem 1.8rem) 0 .6rem/100% 1.8rem;padding:2rem 2.4rem 2.4rem;position:relative;box-shadow:0 .4rem .9rem #3c280a59}.sheet-1{rotate:-.8deg}.sheet-2{rotate:.9deg}.sheet header{border-bottom:2px solid #2a1f14;margin-bottom:1.4rem;padding-bottom:.6rem}.sheet h1,.sheet .sheet-title{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1.7rem;font-weight:400}.sheet header p{letter-spacing:.06em;color:#6b5a44;margin:.3rem 0 0;font-size:.8rem}.sheet section+section{margin-top:1.4rem}.sheet h2{letter-spacing:.18em;text-transform:uppercase;color:#8a2b1f;margin:0 0 .4rem;font-size:.9rem}.sheet ul{grid-template-columns:1fr 1fr;gap:.15rem 1.5rem;margin:0;padding:0;list-style:none;display:grid}.sheet li{text-indent:-1.3em;padding-left:1.3em;line-height:1.8rem}.sheet li:before{content:"☒ ";color:#1f3d7a}.paperclip{fill:none;stroke:#8d8d8d;stroke-width:2.2px;stroke-linecap:round;filter:drop-shadow(1px 2px 1px #00000059);width:1.3rem;position:absolute;top:-1.6rem;right:2.5rem}.verified{letter-spacing:.2em;text-transform:uppercase;color:#a12a1e;opacity:.7;border:3px double #a12a1e;padding:.3rem 1rem;font-size:1.6rem;position:absolute;bottom:2rem;right:2rem;rotate:-9deg}.page-achievements{background:radial-gradient(circle,#3c1e0a59 1px,#0000 1.5px) 0 0/7px 7px,radial-gradient(circle,#ffdcaa33 1px,#0000 1.5px) 3px 4px/9px 9px,#a8723f;place-items:center;padding-bottom:5rem;display:grid;box-shadow:inset 0 0 0 1rem #5b3a1e}.page .cork{grid-template-columns:repeat(4,1fr);gap:1.75rem 1.95rem;width:100%;max-width:82rem;display:grid}.pinned{transform:rotate(var(--tilt,0deg));padding:1.75rem 1.5rem 1.3rem;position:relative;box-shadow:0 .6rem 1rem #0006}.pinned:before{content:"";background:radial-gradient(circle at 35% 35%,#ff8a7a,#b3241a 60%);border-radius:50%;width:.9rem;height:.9rem;margin-left:-.45rem;position:absolute;top:.5rem;left:50%;box-shadow:1px 2px 2px #00000080}.clipping{--tilt:-1.5deg;background:#f7f3e8;flex-direction:column;grid-row:span 3;padding:2.4rem 1.6rem 1.6rem;font-family:Libre Baskerville,Georgia,serif;font-size:.92rem;line-height:1.5;text-decoration:none;display:flex}.clipping p{margin:0 0 .6rem}.clipping .running-head{text-align:center;color:#6b5a44;border-bottom:1px solid #2a2119;margin-bottom:2.2rem;padding-bottom:.4rem;font-size:.68rem;font-style:italic}.clipping .meta{white-space:nowrap;border-top:1px solid #c9b48a;margin:auto 0 0;padding-top:.6rem;font-size:.8rem}.clipping .kicker{letter-spacing:.25em;text-transform:uppercase;color:#8a2b1f;margin:0 0 .5rem;font-size:.8rem}.clipping h1{margin-bottom:1.2rem;font-size:1.5rem;line-height:1.25}.clipping .meta{font-style:italic}.note{background:#fbf3c9;font-family:Caveat,cursive;font-size:1.25rem;line-height:1.2}.note h2{margin-bottom:.3rem;font-size:1.57rem;font-weight:700;line-height:1.05}.note p{margin:.2rem 0}.card{color:#1f3d7a;--tilt:-2deg;background:#fffdf6 linear-gradient(#0000 2.2rem,#e3a3a3 2.2rem 2.3rem,#0000 2.3rem);place-items:center;font-size:1.13rem;text-decoration:none;display:grid}.card:hover,.card:focus-visible,a.clipping:hover,a.clipping:focus-visible{outline:2px solid #fff6e3}.sprig{pointer-events:none;filter:drop-shadow(1px 3px 2px #00000059);display:block;overflow:visible}.sprig .stem{fill:none;stroke:#74704a;stroke-width:1.5px;stroke-linecap:round}.sprig .stem.fork{stroke-width:1px}.sprig .stem.hair{stroke:#8a8558;stroke-width:.6px}.sprig .leaf.olive{fill:#7c8050}.sprig .leaf.dark{fill:#666a40}.sprig .leaf.pale{fill:#949060}.sprig .floret.cream{fill:#eee3c6}.sprig .floret.rose{fill:#d6ae9e}.sprig .floret.bud{fill:#c9ad74}.sprig .twine{fill:none;stroke:#c19a63;stroke-width:1.8px;stroke-linecap:round}.sprig-cell{position:relative}.sprig-cell .sprig{height:19rem;position:absolute;top:56%;left:50%;translate:-50% -50%;rotate:-32deg}.sprig-cell .sprig.cross{height:16rem;top:52%;left:44%;rotate:14deg;scale:-1 1}.page .cork{position:relative}.sprig-tucked{z-index:-1;height:12rem;position:absolute;top:-5rem;left:.5rem;rotate:-24deg}.note .year{text-align:right;color:#8a2b1f}.page-languages{background:repeating-linear-gradient(0deg,#0000 0 79px,#5a3c1e2e 79px 80px),repeating-linear-gradient(90deg,#0000 0 79px,#5a3c1e2e 79px 80px),radial-gradient(circle at 50% 40%,#ead8ad,#b99a62 85%);place-items:center;padding-bottom:5rem;display:grid}.page .passport{background:#f2ead2;border:1px solid #c9b48a;border-radius:.5rem;flex-direction:column;width:100%;max-width:72rem;min-height:min(34rem,100dvh - 8rem);padding:3rem 3.5rem;display:flex;box-shadow:0 1.5rem 3rem #3c281473}.passport h1{letter-spacing:.12em;text-transform:uppercase;color:#1f3d7a}.stamps{flex:1;grid-template-columns:repeat(4,1fr);place-items:center;gap:2.5rem 2rem;margin-top:2rem;display:grid}.visa{text-align:center;width:12.5rem;height:12.5rem;color:var(--ink);border:3px solid var(--ink);outline:1px solid var(--ink);outline-offset:4px;transform:rotate(var(--tilt));opacity:.85;border-radius:50%;place-content:center;display:grid;translate:0 -2rem}.visa:nth-child(2n){border-radius:.5rem;translate:0 2rem}.visa small{letter-spacing:.2em;text-transform:uppercase;font-size:.7rem}.landmark{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:5.2rem;height:5rem;margin:.3rem auto .4rem;display:block}.visa strong{text-transform:uppercase;font-size:1.35rem;line-height:1.1}.visa span{letter-spacing:.15em;text-transform:uppercase;font-size:.85rem}.page-misc{--D:min(110dvh, 66vw);background:#2a1a0e;padding:0}.page-misc:before{content:"";z-index:-1;filter:blur(18px)brightness(.6)saturate(.9);background:url(./office-DNReVK6Q.webp) 82% 80%/300% no-repeat;position:fixed;inset:-3rem}.page .turntable{max-width:none;margin:0;position:absolute;inset:0}.platter{top:50%;left:calc(var(--D) * -.3);width:var(--D);height:var(--D);position:absolute;translate:0 -50%}.disc{cursor:grab;touch-action:none;filter:drop-shadow(0 1.5rem 2rem #0009);width:100%;height:100%;display:block}.disc:active{cursor:grabbing}.disc-base{fill:#121212}.groove{fill:none;stroke:#1c1c1c;stroke-width:1.6px}.groove.alt{stroke:#0b0b0b}.slice path{fill:#0000;transition:fill .3s}.slice.on path{fill:#ffe1aa12}.slice line{stroke:#ffffff1f;stroke-width:2px}.slice text{letter-spacing:1px;fill:#b9b0a0;-webkit-user-select:none;user-select:none;font-family:Special Elite,monospace;font-size:21px;transition:fill .3s}.slice.on text{fill:#f6e7c7}.slice .no{fill:#c9a26b}.disc-label{fill:#a8321f}.disc-label-ring{fill:none;stroke:#ffe6c859;stroke-width:2px}.disc-label-text,.disc-label-sub{text-anchor:middle;fill:#f3e6c8;-webkit-user-select:none;user-select:none;font-family:Special Elite,monospace}.disc-label-text{letter-spacing:6px;font-size:40px}.disc-label-sub{letter-spacing:2px;font-size:17px}.spindle{fill:#2a1a0e}.sheen{pointer-events:none;background:conic-gradient(from 20deg,#0000,#ffffff12 8%,#0000 16% 50%,#ffffff0d 58%,#0000 66%);border-radius:50%;position:absolute;inset:0}.tonearm{top:calc(var(--D) * (.5 - .4144));left:calc(var(--D) * (.92 - .0318));width:calc(var(--D) * .22);pointer-events:none;filter:drop-shadow(.4rem .8rem .6rem #0000008c);position:absolute;overflow:visible}.arm{fill:none;stroke:#d6d1c8;stroke-width:9px;stroke-linecap:round;stroke-linejoin:round}.arm-head{fill:#2f2d2b;stroke:#9a958e;stroke-width:2px}.arm-collar{fill:#9a958e}.arm-cart{fill:#1a1a1a;stroke:#6e6a64;stroke-width:1.5px}.arm-stylus{fill:#e8c88a}.spin-hint{color:#2a1f14;pointer-events:none;background:#f3e6c8;border:1px solid #b89a6a;margin:0;padding:.6rem 1.1rem;font-size:1.05rem;position:absolute;bottom:1.6rem;left:2rem;box-shadow:0 .3rem .8rem #0006}.spin-cue{top:calc(50% + var(--D) * .24);left:calc(var(--D) * .3);z-index:1;color:#2a1f14;pointer-events:none;background:#f3e6c8;border:1px solid #b89a6a;border-radius:2rem;align-items:center;gap:.6rem;margin:0;padding:.8rem 1.4rem;font-size:1.35rem;display:flex;position:absolute;box-shadow:0 .6rem 1.4rem #0000008c}.spin-cue-arrow{font-size:1.6rem;animation:1.6s ease-in-out infinite cue-turn;display:inline-block}@keyframes cue-turn{50%{rotate:200deg}}.liner{top:50%;left:calc(var(--D) * .82 + 3vw);scrollbar-width:thin;scrollbar-color:#b89a6a transparent;max-height:calc(100dvh - 6rem);position:absolute;right:5vw;overflow-y:auto;translate:0 -50%;container-type:inline-size}.liner-body{color:#2a2119;background:#f3e9d2;padding:2.4rem 2.6rem;font-family:Libre Baskerville,Georgia,serif;font-size:1rem;line-height:1.7;box-shadow:0 1.2rem 2.4rem #0000008c}@container (width>=34rem){.liner-body.with-aside{grid-template-columns:1fr auto;align-items:start;gap:2rem;display:grid}}@container (width<=34rem){.liner .polaroid{width:10rem;margin:1.2rem auto 0}}.liner .now{letter-spacing:.16em;text-transform:uppercase;color:#8a2b1f;margin:0 0 .4rem;font-family:Special Elite,monospace;font-size:.8rem}.liner h1{margin:0 0 1rem;font-size:2.3rem;line-height:1.15}.liner p{margin:0 0 .8rem}.liner ul{margin:0;padding-left:1.2rem}.liner li{margin-bottom:.5rem}.spotify-space{--rows:var(--pairs);max-width:620px;height:calc(var(--rows) * 80px + (var(--rows) - 1) * .6rem);margin-top:1.2rem}@container (width<=700px){.fullscreen .spotify-space{--rows:var(--count)}.fullscreen .liner .spotify{grid-template-columns:minmax(0,1fr)}}.spotify{opacity:0;visibility:hidden;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;max-width:620px;transition:opacity .25s,translate .25s,visibility 0s .25s;display:grid;position:absolute;bottom:2.4rem;left:2.6rem;right:2.6rem;translate:0 8px}.spotify.on{opacity:1;visibility:visible;transition:opacity .25s .25s,translate .25s .25s,visibility 0s .25s;translate:0}.spotify-slot{background:#2a211914;border-radius:12px;height:80px;animation:1.4s ease-in-out 6 slot-pulse}.spotify-slot.ready{background:0 0;animation:none}@keyframes slot-pulse{50%{background:#2a211926}}.spotify iframe{border:0;border-radius:12px;width:100%;height:80px;display:block}.polaroid{background:#fffdf7;width:12rem;margin:.4rem 0 0;padding:.6rem .6rem .4rem;rotate:3deg;box-shadow:0 .6rem 1.2rem #00000059}.polaroid img,.polaroid-empty{aspect-ratio:1;object-fit:cover;width:100%;display:block}.polaroid-empty{color:#9a8f7c;background:#e9e3d4;border:1px dashed #b9ad95;place-items:center;font-family:Special Elite,monospace;font-size:.85rem;display:grid}.polaroid figcaption{text-align:center;padding:.4rem 0 .2rem;font-family:Caveat,cursive;font-size:1.25rem}.snapshots{grid-template-columns:repeat(2,1fr);gap:1.8rem 1.4rem;max-width:24rem;margin:1.8rem auto 1.4rem;display:grid}@container (width>=43rem){.snapshots{grid-template-columns:repeat(4,1fr);max-width:none}}.snapshots .polaroid{width:auto;rotate:var(--tilt);translate:0 var(--drop);margin:0;transition:rotate .25s,scale .25s,box-shadow .25s;position:relative}.snapshots .polaroid:nth-child(4n+1){--tilt:-4deg;--drop:0rem;--tape-tilt:-3deg}.snapshots .polaroid:nth-child(4n+2){--tilt:3deg;--drop:.9rem;--tape-tilt:6deg}.snapshots .polaroid:nth-child(4n+3){--tilt:-2deg;--drop:.3rem;--tape-tilt:-7deg}.snapshots .polaroid:nth-child(4n+4){--tilt:4deg;--drop:1.1rem;--tape-tilt:2deg}.snapshots .polaroid:hover{z-index:1;rotate:0deg;scale:1.06;box-shadow:0 1rem 1.8rem #0006}.snapshots .polaroid:before{content:"";width:4.2rem;height:1.3rem;translate:-50%;rotate:var(--tape-tilt);background:#d6be8cbf;position:absolute;top:-.7rem;left:50%;box-shadow:0 1px 2px #00000026}.snapshots figcaption{padding:.5rem .2rem .15rem;line-height:1.1}.snapshots figcaption strong{color:#2a1f14;font-size:1.45rem;font-weight:700;display:block}.snapshots figcaption span{color:#7a6a55;margin-top:.15rem;font-size:1rem;display:block}.receipt-halves{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.6em;margin-top:1.6rem;font-size:min(1.2rem,2.6cqw);display:flex}.receipt-half{filter:drop-shadow(0 .6em .8em #0000004d);flex:1 1 0;min-width:15em;max-width:18.5em}.receipt-half:first-child{rotate:-2deg}.receipt-half:last-child{margin-top:1.4em;rotate:2.5deg}.receipt{--tear:.9em;color:#34302b;background:linear-gradient(#fdfcf7,#f4f2ea);padding:1.35em;font-family:Special Elite,monospace;line-height:1.5}.receipt.torn-bottom{padding-bottom:calc(1.2em + var(--tear))}.receipt.torn-top{padding-top:calc(1.2em + var(--tear))}.receipt p{text-align:center;text-transform:uppercase;margin:0}.receipt .receipt-head{letter-spacing:.18em;font-size:1.35em}.receipt .receipt-sub{letter-spacing:.08em;color:#77706a;font-size:.8em}.receipt ol{border-block:1px dashed #9a948a;margin:.9em 0;padding:.7em 0;list-style:none}.receipt.torn-bottom ol{border-bottom:0;margin-bottom:0;padding-bottom:0}.receipt.torn-top ol{border-top:0;margin-top:0;padding-top:0}.receipt li{grid-template-columns:1fr auto;column-gap:.45em;margin:0 0 .6em;display:grid}.receipt li>span:first-child{text-indent:-2ch;padding-left:2ch}.receipt li:last-child{margin-bottom:0}.receipt-place{color:#77706a;grid-column:1/-1;padding-left:2.4ch;font-size:.85em}.receipt .receipt-total{letter-spacing:.08em;justify-content:space-between;font-size:1.1em;display:flex}.barcode{background:repeating-linear-gradient(90deg,#2b2622 0 2px,#0000 2px 4px,#2b2622 4px 5px,#0000 5px 8px,#2b2622 8px 11px,#0000 11px 12px,#2b2622 12px 13px,#0000 13px 16px);width:82%;height:2.2em;margin:.9em auto .5em}.printout{--line:1.6rem;--strip:1.7rem;padding:var(--line) calc(var(--strip) + 1rem);font-family:VT323,monospace;font-size:1.3rem;line-height:var(--line);white-space:nowrap;color:#282837e0;text-shadow:0 0 1px #28283759;background:radial-gradient(circle, #e2d5b5 .3rem, transparent calc(.3rem + 1px)) 0 0 / var(--strip) calc(var(--line) * 2) repeat-y, radial-gradient(circle, #e2d5b5 .3rem, transparent calc(.3rem + 1px)) 100% 0 / var(--strip) calc(var(--line) * 2) repeat-y, linear-gradient(90deg, #fbfbf5 var(--strip), transparent 0 calc(100% - var(--strip)), #fbfbf5 0), repeating-linear-gradient(#fbfbf5 0 calc(var(--line) * 2), #dcebd3 0 calc(var(--line) * 4));grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:1.4ch;margin-top:1.4rem;display:grid;position:relative;rotate:.5deg;box-shadow:0 .6rem 1.2rem #00000040}.printout:before,.printout:after{content:"";inset:0 auto 0 var(--strip);border-left:1px dashed #c4c4b0;position:absolute}.printout:after{inset:0 var(--strip) 0 auto}.printout p{display:contents}.printout span:nth-child(2){text-overflow:ellipsis;overflow:hidden}.printout .printout-head span:first-child{grid-column:1/3}.printout .printout-head,.printout .printout-foot{text-transform:uppercase}.printout .printout-foot{grid-column:1/-1;margin:0;display:block}.printout hr{height:var(--line);opacity:.6;background:linear-gradient(90deg,currentColor 50%,#0000 0) 0/.7rem 1px repeat-x;border:0;grid-column:1/-1;margin:0}.tech-kit{gap:1.8em;margin:1.8rem 0 .6rem;font-size:min(1.56rem,3.5cqw - .2rem);display:grid}.tech-kit-row{grid-auto-columns:1fr;grid-auto-flow:column;justify-items:center;column-gap:.8em;display:grid}.gadget{rotate:var(--tilt);grid-template-rows:5.8em auto;place-items:end center;row-gap:.6em;margin:0;transition:rotate .25s,scale .25s;display:grid}.gadget:nth-child(7n+1){--tilt:-3deg}.gadget:nth-child(7n+2){--tilt:4deg}.gadget:nth-child(7n+3){--tilt:-2deg}.gadget:nth-child(7n+4){--tilt:3deg}.gadget:nth-child(7n+5){--tilt:-4deg}.gadget:nth-child(7n+6){--tilt:2deg}.gadget:nth-child(7n+7){--tilt:-3deg}.gadget:hover{rotate:0deg;scale:1.06}.gadget-art{fill:#f3e9d2;stroke:#2a2119;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;height:auto;display:block;overflow:visible}.gadget-art *{vector-effect:non-scaling-stroke}.gadget-art .ink{fill:#2a2119}.gadget-art .fine{stroke-width:1px}.gadget figcaption{text-align:center;color:#2a2119;font-family:Special Elite,monospace;font-size:.75em;line-height:1.35}.gadget figcaption span{color:#8a2b1f;display:block}.notice{display:none}@media (orientation:portrait),(height<=30rem){.notice{z-index:20;text-align:center;background:#0b0806f0;place-content:center;justify-items:center;gap:1.4em;padding:2em;font-size:17px;display:grid;position:fixed;inset:0}}.notice p{color:#2a1f14;background:#f3e6c8;border:1px solid #b89a6a;max-width:19em;margin:0;padding:1em 1.3em;line-height:1.5;rotate:-2deg;box-shadow:0 .6em 1.4em #0000008c}.notice button{font:inherit;color:#f3e6c8;cursor:pointer;background:0 0;border:1px solid #b89a6a;padding:.5em .9em}@media (prefers-reduced-motion:reduce){.cursor,.page .desk,.page .closeup,.spin-cue-arrow{animation:none}}