/* foil-sticker showpiece: Decimals kit (sand-cream paper with a blush wash, warm brown-black ink, a book serif set
   tight, plain Arial). One big award badge in foil, with a smaller one tucked against it. */
:root { --paper: #ede8e1; --ink: #4d4638; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body { background: var(--paper); color: var(--ink); font: 18px/1.5 Arial, Helvetica, sans-serif; overflow: hidden; }
.wall { height: 100svh; min-height: 600px; display: grid; align-content: center; justify-items: center; gap: 18px; padding: 24px 16px; text-align: center;
  background: radial-gradient(60% 42% at 50% 42%, rgba(244, 201, 190, .6), rgba(244, 201, 190, 0) 100%); }
.sheet { position: relative; width: min(660px, 86vw); margin-bottom: 26px; }
.foil { --foil-sheen: .85; --foil-glint-amt: .6; filter: drop-shadow(0 14px 18px rgb(60 44 30 / .22)) drop-shadow(0 1px 1px rgb(60 44 30 / .25)); }
.badge { width: 100%; rotate: -4deg; }
.since { position: absolute; width: 38%; right: -9%; bottom: 2%; rotate: 9deg; }
h1 { margin: 0; font: 400 clamp(40px, 6.6vw, 68px)/1.02 "Newsreader", Georgia, serif; letter-spacing: -.035em; }
p { margin: 0; color: rgba(77, 70, 56, .8); text-wrap: balance; }
@media (max-width: 600px) { .since { right: -4%; } p { font-size: 16px; } }