:root{--paper:#f1e7d0;--paper-2:#ebdfc4;--ink:#2a2118;--ink-soft:#4a3d30;--pink:#e89bb5;--pink-deep:#d77a99;--pink-soft:#f4c5d4;--accent:#b8a172;--accent-2:#8a7a5a;--tape:#f8e9a8cc;--shadow:0 8px 22px -10px #281c1259;--display:"Bagel Fat One", "Sniglet", system-ui, sans-serif;--hand:"Caveat", cursive;--hand-2:"Homemade Apple", "Caveat", cursive;--serif:"Instrument Serif", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);background-image:radial-gradient(circle at 20% 10%,#ffffff80,#0000 40%),radial-gradient(circle at 80% 70%,#dcc8a059,#0000 50%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.18  0 0 0 0 0.13  0 0 0 0 0.09  0 0 0 0.18 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/></svg>");background-size:auto,auto,240px 240px;font-size:16px;line-height:1.5;overflow-x:hidden}::selection{background:var(--pink);color:var(--ink)}.wrap{max-width:1200px;margin:0 auto;padding:0 32px;position:relative}.topbar{z-index:5;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:22px 32px 0;display:flex;position:relative}.topbar .logo{font-family:var(--hand);letter-spacing:-.02em;font-size:28px;font-weight:700}.topbar nav{font-family:var(--mono);text-transform:lowercase;gap:22px;font-size:13px;display:flex}.topbar nav a{color:var(--ink-soft);border-bottom:1.5px dashed #0000;padding-bottom:2px;text-decoration:none;transition:all .2s}.topbar nav a:hover{color:var(--pink-deep);border-bottom-color:var(--pink-deep)}.tape{background:var(--tape);background-image:repeating-linear-gradient(90deg, #ffffff2e 0 2px, transparent 2px 6px), var(--tape,#f8e9a8cc);position:absolute;box-shadow:0 2px 6px #00000014}.clip{pointer-events:none;border:3px solid #6a6a6a;border-bottom-color:#0000;border-radius:14px 14px 4px 4px;width:30px;height:60px;position:absolute;box-shadow:1px 1px #00000026}.clip:after{content:"";border:2px solid #888;border-bottom-color:#0000;border-radius:10px 10px 2px 2px;position:absolute;inset:6px 4px 14px}.halftone{background-image:radial-gradient(circle,#000000b3 1.2px,#0000 1.6px);background-size:5px 5px}.polaroid{box-shadow:var(--shadow);background:#fdfaf3;padding:10px 10px 38px;position:relative}.polaroid .fill{aspect-ratio:4/5;background:var(--paper-2);width:100%;color:var(--ink-soft);font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;text-align:center;background-image:repeating-linear-gradient(45deg,#0000000f 0 2px,#0000 2px 9px);justify-content:center;align-items:center;padding:12px;font-size:11px;display:flex}.polaroid .cap{font-family:var(--hand);color:var(--ink-soft);text-align:center;font-size:18px;position:absolute;bottom:8px;left:14px;right:14px}section{padding:96px 0;position:relative}section+section{padding-top:0}.underline-hand{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'><path d='M2 8 Q 50 2, 100 7 T 198 6' stroke='%23d77a99' stroke-width='3' fill='none' stroke-linecap='round'/></svg>");background-position:0 100%;background-repeat:no-repeat;background-size:100% 8px;padding-bottom:6px}.sticker-layer{pointer-events:none;z-index:4;position:absolute;inset:0}.sticker{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 8px #0000002e);transition:transform .2s,filter .2s;position:absolute}.sticker:active{cursor:grabbing;transition:none}.sticker:hover{filter:drop-shadow(0 10px 14px #00000040)}.scribble{pointer-events:none;position:absolute}footer{border-top:2px dashed #3c281e40;margin-top:60px;padding:80px 0 60px}.tweaks-panel{font-family:var(--sans)}@media (width<=900px){.wrap{padding:0 20px}.topbar{padding:18px 20px 0}section{padding:60px 0}footer{margin-top:40px;padding:50px 0 40px}}@media (width<=640px){.wrap{padding:0 16px}.topbar{flex-direction:column;align-items:flex-start;gap:12px;padding:14px 16px 0}.topbar nav{flex-wrap:wrap;gap:14px;font-size:12px}section{padding:40px 0}footer{margin-top:30px;padding:40px 0 30px}}