:root{--kraft: #d9c4a3;--kraft-deep: #c9b18c;--page: #f7efe0;--page-2: #fbf6ea;--ink: #2a2320;--ink-soft: #5b4f47;--ink-faint: #8a7c6f;--red: #c8402f;--teal: #2f8f86;--mustard: #e0a32e;--cobalt: #2d5fa6;--plum: #7d4a73;--leaf: #5f8a46;--tape: rgba(226, 214, 150, .55);--tape-edge: rgba(180, 168, 110, .5);--rule: #b9a585;--shadow: 0 10px 26px -14px rgba(58, 44, 28, .55);--shadow-lift: 0 18px 40px -18px rgba(58, 44, 28, .6);--maxw: 1140px;--font-display: "Gloock", Georgia, serif;--font-body: "Familjen Grotesk", system-ui, sans-serif;--font-hand: "Caveat", "Familjen Grotesk", cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-body);color:var(--ink);line-height:1.6;background-color:var(--kraft);background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.16),transparent 40%),radial-gradient(circle at 80% 70%,rgba(120,92,52,.1),transparent 45%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.08;letter-spacing:-.01em;color:var(--ink)}h1{font-size:clamp(2.3rem,5.6vw,4.1rem);margin:0 0 .5rem}h2{font-size:clamp(1.7rem,3.4vw,2.5rem);margin:0 0 .6rem}h3{font-size:clamp(1.2rem,2vw,1.5rem);margin:0 0 .4rem}p{margin:0 0 1rem}a{color:var(--red);text-underline-offset:3px}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(1rem,4vw,2.2rem)}.section{padding:clamp(2.6rem,6vw,4.6rem) 0}.hand{font-family:var(--font-hand);font-size:1.4em;line-height:1.15;color:var(--red)}.kicker{font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--ink-soft)}.lede{font-size:clamp(1.05rem,1.6vw,1.28rem);color:var(--ink-soft);max-width:56ch}.card{position:relative;background:var(--page);border:1px solid rgba(120,96,60,.18);border-radius:3px;padding:1.5rem 1.6rem;box-shadow:var(--shadow)}.card.tilt-l{transform:rotate(-1.4deg)}.card.tilt-r{transform:rotate(1.2deg)}.taped:before,.taped:after{content:"";position:absolute;top:-13px;left:var(--tx, 28px);width:92px;height:26px;background:var(--tape);border-left:1px dashed var(--tape-edge);border-right:1px dashed var(--tape-edge);transform:rotate(var(--rot, -4deg));box-shadow:0 2px 4px #0000000f}.taped:after{left:auto;right:var(--tx, 28px);top:-11px;transform:rotate(calc(var(--rot, -4deg) * -1.2))}.taped.one:after{display:none}.polaroid{background:#fffdf8;padding:.7rem .7rem 2.6rem;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.05)}.polaroid .shot{aspect-ratio:4/3;border-radius:2px;overflow:hidden;display:grid;place-items:center}.polaroid .cap{font-family:var(--font-hand);font-size:1.35rem;text-align:center;margin-top:.5rem;color:var(--ink)}.stamp{display:inline-grid;place-items:center;text-align:center;width:86px;height:102px;padding:6px;background:var(--page-2);color:var(--ink);font-family:var(--font-body);font-weight:700;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;filter:drop-shadow(0 4px 8px rgba(58,44,28,.28));-webkit-mask:radial-gradient(circle 4px at 4px 4px,transparent 96%,#000) -4px -4px / 12px 12px;mask:radial-gradient(circle 4px at 4px 4px,transparent 96%,#000) -4px -4px / 12px 12px}.postmark{display:inline-grid;place-items:center;width:110px;height:110px;border-radius:50%;border:2.5px solid var(--red);color:var(--red);font-family:var(--font-body);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;text-align:center;line-height:1.25;opacity:.82;transform:rotate(-9deg)}.torn-b{-webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 9px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='10'%3E%3Cpath d='M0 10 V4 L8 7 16 2 24 8 32 3 40 9 48 2 56 8 64 3 72 9 80 4 V10 Z' fill='%23000'/%3E%3C/svg%3E") bottom/80px 10px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 9px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='10'%3E%3Cpath d='M0 10 V4 L8 7 16 2 24 8 32 3 40 9 48 2 56 8 64 3 72 9 80 4 V10 Z' fill='%23000'/%3E%3C/svg%3E") bottom/80px 10px repeat-x}.btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-weight:700;font-size:.95rem;padding:.7rem 1.25rem;border-radius:2px;cursor:pointer;text-decoration:none;border:2px solid var(--ink);background:var(--ink);color:var(--page-2);transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.btn.red{background:var(--red);border-color:var(--red);color:#fff}.btn.ghost{background:transparent;color:var(--ink)}.btn.sm{padding:.45rem .85rem;font-size:.82rem}input,select,button{font-family:var(--font-body);font-size:1rem;color:var(--ink)}.field{display:flex;flex-direction:column;gap:.3rem}.field label{font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.field input,.field select{padding:.55rem .7rem;border:1.5px solid var(--rule);border-radius:2px;background:#fffdf6}.field input:focus,.field select:focus{outline:2px solid var(--teal);outline-offset:1px}[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}[data-reveal].in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1;transform:none;transition:none}}.grid{display:grid;gap:clamp(1.1rem,2.4vw,1.8rem)}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 860px){.cols-3,.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.card.tilt-l,.card.tilt-r{transform:none}}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-radius:2px;border:1.5px solid currentColor}.muted{color:var(--ink-faint)}.center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}