.hw-wall{--hw-paper:#fdfdfb;--hw-tape:#4a97da;--hw-ink:15 23 42;--hw-sh-a:.1;--hw-sh-b:.16;--hw-sh-c:.24;--hw-pen:#2a2d34;z-index:1;aspect-ratio:1/1.24;--pw:31cqw;--card-h:.56;--card-top:.1;flex-shrink:0;order:-1;width:100%;max-width:560px;margin:56px auto 0;position:relative;container-type:inline-size}@media (min-width:1024px){.hw-wall{aspect-ratio:1/1.05;--pw:33cqw;--card-h:.5;--card-top:.14;order:0;width:clamp(440px,44vw,680px);max-width:none;margin:0 -60px 0 0}}:root[data-theme=dark] .hw-wall{--hw-paper:#e8e6e1;--hw-tape:#3f82bd;--hw-ink:0 0 0;--hw-sh-a:.3;--hw-sh-b:.42;--hw-sh-c:.55;--hw-pen:#d9d6d0}@media (prefers-color-scheme:dark){:root:not([data-theme]) .hw-wall{--hw-paper:#e8e6e1;--hw-tape:#3f82bd;--hw-ink:0 0 0;--hw-sh-a:.3;--hw-sh-b:.42;--hw-sh-c:.55;--hw-pen:#d9d6d0}}.hw-item[data-slot=s1]{--cx:22%;--cy:22%}.hw-item[data-slot=s2]{--cx:78%;--cy:20%}.hw-item[data-slot=s3]{--cx:23%;--cy:67%}.hw-item[data-slot=s4]{--cx:77%;--cy:69%}.hw-item[data-slot=s5]{--cx:50%;--cy:76%}@media (max-width:1023px){.hw-item[data-slot=s1]{--cx:19%;--cy:19%}.hw-item[data-slot=s2]{--cx:81%;--cy:18%}.hw-item[data-slot=s3]{--cx:20%;--cy:64%}.hw-item[data-slot=s4]{--cx:80%;--cy:66%}.hw-item[data-slot=s5]{--cx:50%;--cy:70%}}.hw-item[data-slot=s1],.hw-item[data-slot=s2]{--dy:calc((var(--pw) * 1.185 - var(--h)) / 2)}.hw-item[data-slot=s3],.hw-item[data-slot=s4],.hw-item[data-slot=s5]{--dy:calc((var(--h) - var(--pw) * 1.185) / 2)}.hw-item[data-slot=s1],.hw-item[data-slot=s3]{--dx:calc((var(--pw) - var(--w)) / 2)}.hw-item[data-slot=s2],.hw-item[data-slot=s4]{--dx:calc((var(--w) - var(--pw)) / 2)}.hw-item[data-slot=s3],.hw-item[data-slot=s4]{z-index:1}.hw-item[data-slot=s5]{z-index:2}.hw-item[data-slot=s1],.hw-item[data-slot=s2]{z-index:3}.hw-item{width:var(--w);left:calc(var(--cx,50%) + var(--jx,0%) + var(--dx,0px) - var(--w) / 2);top:calc(var(--cy,50%) + var(--jy,0%) + var(--dy,0px) - var(--h) / 2);color:inherit;font:inherit;opacity:0;transform-origin:50% 4%;perspective:520px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;position:absolute}.hw-item[data-pinned]{opacity:1;transform:rotate(calc(var(--r) * 1deg))}.hw-item:focus-visible{outline:2px solid var(--color-fg);outline-offset:6px}.hw-item[data-lifted]{z-index:6}.hw-polaroid{--w:var(--pw);--h:calc(var(--pw) * 1.185);cursor:zoom-in}.hw-envelope{--w:calc(var(--pw) * 1.08);--h:calc(var(--w) * .714);cursor:pointer}.hw-resume{--w:calc(var(--pw) * .96);--h:calc(var(--w) * 1.294);cursor:pointer}.hw-tilt{transform-style:preserve-3d;display:block;position:relative}.hw-lift{pointer-events:none;position:absolute;inset:0}.hw-lift:before,.hw-lift:after{content:"";width:46%;height:24%;box-shadow:3px 14px 14px rgb(var(--hw-ink) / var(--hw-sh-c));position:absolute;bottom:9%}.hw-lift:before{left:7%;transform:rotate(-4deg)}.hw-lift:after{right:7%;transform:rotate(5deg)}.hw-paper{padding:calc(var(--pw) * .065) calc(var(--pw) * .055) calc(var(--pw) * .23);background:var(--hw-paper) linear-gradient(160deg, #ffffff8c, #00000004 55%, #0000000b);box-shadow:0 0 0 .5px #00000012, 1px 1px 1px rgb(var(--hw-ink) / var(--hw-sh-a)), 2px 4px 6px -1px rgb(var(--hw-ink) / var(--hw-sh-a)), 4px 10px 18px -6px rgb(var(--hw-ink) / var(--hw-sh-b));display:block;position:relative}.hw-art{filter:drop-shadow(1px 1px 1px rgb(var(--hw-ink) / var(--hw-sh-a))) drop-shadow(2px 4px 3px rgb(var(--hw-ink) / var(--hw-sh-a))) drop-shadow(4px 9px 9px rgb(var(--hw-ink) / var(--hw-sh-b)));display:block}.hw-art svg{width:100%;height:auto;display:block;overflow:visible}.hw-photo{aspect-ratio:1;background:#c9c9c9;width:100%;display:block;position:relative;overflow:hidden}.hw-photo img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hw-photo:after{content:"";background:linear-gradient(135deg,#ffffff29,#0000 38% 72%,#ffffff0f);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000014,inset 0 1px 3px #0000002e}.hw-cap{height:calc(var(--pw) * .23);pointer-events:none;font-family:var(--font-hand), cursive;white-space:nowrap;font-weight:400;line-height:1;font-size:max(11px, calc(var(--pw) * .085));color:#2a2d34e0;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0;transform:rotate(-1.5deg)}.hw-tape{z-index:2;opacity:0;pointer-events:none;width:46.4%;transform:translate(-50%, -46%) rotate(calc(var(--tr) * 1deg));filter:drop-shadow(0 .5px .7px #00000038);position:absolute;top:0;left:50%}.hw-envelope .hw-tape{width:36.8%}.hw-resume .hw-tape{width:52.8%}.hw-tape svg{width:100%;height:auto;display:block;overflow:visible}.hw-item[data-pinned] .hw-tape{opacity:1}.hw-notes{pointer-events:none;position:absolute;inset:0}.hw-notes svg{position:absolute;top:0;left:0;overflow:visible}.hw-notes path{fill:none;stroke:var(--hw-pen);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.hw-note{white-space:pre;opacity:0;font-family:var(--font-hand), cursive;color:var(--hw-pen);transform:rotate(calc(var(--nr,-3) * 1deg));font-size:5.1cqw;font-weight:400;line-height:.95;transition:opacity .25s;position:absolute}@media (min-width:1024px){.hw-note{font-size:3.7cqw}}.hw-note[data-on]{opacity:1}.hw-card-canvas{z-index:5;pointer-events:none;width:100%;height:100%;translate:0 var(--par,0px);display:block;position:absolute;inset:0}[data-card=hover],[data-card=hover] *{cursor:grab!important}[data-card=grab],[data-card=grab] *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.hw-card-fallback{z-index:4;left:50%;top:calc(var(--card-top) * 100%);width:calc(var(--card-h) * 71.1cqw);aspect-ratio:1.6/2.25;box-shadow:6px 14px 24px -8px rgb(var(--hw-ink) / .35);background:#fff;border-radius:12px;padding:9% 7%;position:absolute;transform:translate(-50%)}.hw-card-fallback img{aspect-ratio:1;object-fit:cover;border-radius:4px;width:100%;display:block}.hw-card-fallback b{color:#1e1e1e;margin-top:10px;font-weight:600;display:block}.hw-card-fallback span{color:#6f6f6f;font-size:13px}