/* UNIQUE_STYLE: creative-sticker-chaos */
:root{--paper:#fbf7ef;--ink:#17151f;--hot:#ff4fab;--blue:#4f70ff;--mint:#42e6b5;--sun:#ffcf33;--violet:#7c4dff}
*{box-sizing: border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(45deg,rgba(79,112,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,79,171,.08) 25%,transparent 25%),var(--paper);background-size:42px 42px;color:var(--ink);font-family:'Cooper Black','Arial Rounded MT Bold',Arial,sans-serif}.mosaic-wall{padding:24px}.mosaic-nav{display:flex;justify-content:center;gap:12px}.mosaic-nav a,.mosaic-copy a,.mosaic-close a{min-height:44px;display:inline-flex;align-items:center;padding:12px 18px;border-radius:18px;border:3px solid var(--ink);background:var(--sun);box-shadow:5px 5px 0 var(--ink);color:var(--ink);text-decoration:none}.sticker-cloud{max-width:1140px;margin:54px auto;display:grid;grid-template-columns:1fr 430px;gap:30px;align-items:center}.mosaic-copy{background:#fff;border:4px solid var(--ink);border-radius:32px;padding:34px;box-shadow:12px 12px 0 var(--hot);transform:rotate(-1deg)}.mosaic-copy p{text-transform:uppercase;letter-spacing:.16em;font:900 12px Arial}.mosaic-copy h1{font-size:clamp(44px,8vw,96px);line-height:.86;margin:12px 0}.sticker-sheet{min-height:440px;position:relative}.sticker-sheet span,.sticker-sheet b,.sticker-sheet i,.sticker-sheet em{position:absolute;display:grid;place-items:center;min-width:145px;min-height:86px;padding:16px;border:4px solid var(--ink);border-radius:24px;font-style:normal;box-shadow:7px 7px 0 var(--ink)}.sticker-sheet span{background:var(--mint);left:20px;top:20px;transform:rotate(8deg)}.sticker-sheet b{background:var(--hot);right:28px;top:70px;transform:rotate(-12deg)}.sticker-sheet i{background:var(--sun);left:75px;bottom:90px;transform:rotate(-4deg)}.sticker-sheet em{background:var(--blue);color:#fff;right:80px;bottom:18px;transform:rotate(10deg)}.case-strip,.metric-bubbles,.process-confetti,.scope-add-ons,.mosaic-close{max-width:1100px;margin:24px auto;padding:30px;background:#fff;border:4px solid var(--ink);border-radius:30px;box-shadow:8px 8px 0 var(--ink)}h2{font-size:clamp(32px,5vw,66px);line-height:.88;margin:0 0 18px}.case-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-strip h2{grid-column:1/-1}.case-strip article{background:var(--mint);padding:24px;border-radius:24px;border:3px solid var(--ink);min-height:150px}.metric-bubbles{background:var(--violet);color:#fff}.process-confetti ol{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;list-style:none;padding:0;margin:0}.process-confetti li{padding:24px;border-radius:50px;background:var(--sun);border:3px solid var(--ink);text-align:center}.scope-add-ons{border-style:dashed;background:#fffdf5}.mosaic-close{text-align:center;background:var(--hot);color:#fff}.mosaic-footer{text-align:center;padding:34px;font:900 12px Arial;text-transform:uppercase;letter-spacing:.14em}@media (max-width:820px){.mosaic-wall{padding:16px}.mosaic-nav{justify-content:flex-start;overflow:auto}.sticker-cloud{grid-template-columns:1fr;margin-top:34px}.sticker-sheet{min-height:320px}.case-strip,.process-confetti ol{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto;transition:none!important;animation:none!important}}


/* Shared demo navigation back to the Website Development page. */
.wd-back-link {
  position: sticky;
  top: 12px;
  z-index: 80;
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  margin: 12px 0 0 max(12px, calc((100vw - var(--max, 1120px)) / 2));
  padding: 0.58rem 0.86rem;
  border: 1px solid rgba(30, 40, 34, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: inherit;
  font: 800 0.86rem/1.1 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(30, 40, 34, 0.12);
  backdrop-filter: blur(16px) saturate(1.2);
  -webkit-backdrop-filter: blur(16px) saturate(1.2);
}

.wd-back-link:hover,
.wd-back-link:focus-visible,
.footer-back-to-web-development:hover,
.footer-back-to-web-development:focus-visible {
  text-decoration: none;
  transform: translateY(-1px);
}

.footer-back-to-web-development {
  display: inline-flex;
  margin-left: 1rem;
  font-weight: 900;
}

@media (max-width: 660px) {
  .wd-back-link {
    margin-left: 11px;
    max-width: calc(100vw - 22px);
  }

  .footer-back-to-web-development {
    display: inline-flex;
    margin-left: 0;
    margin-top: 0.7rem;
  }
}