.prototype{background:#123f49;color:#fff1d2}.prototype canvas,.static-pattern{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.static-pattern{background-color:#123f49;background-image:repeating-conic-gradient(from 30deg at 50% 50%,#7f9d2533 0deg 15deg,transparent 15deg 30deg),radial-gradient(ellipse at center,#f3b52b44,transparent 65%)}.prototype canvas{opacity:.65}.prototype-header{position:relative;z-index:2;padding:22px 4%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #fff1d24d;background:#123f49df;font-size:12px}.prototype-header span{font-size:9px;letter-spacing:.16em}.prototype-header button{background:#fff1d2;color:#123f49;border:0;border-radius:30px;padding:9px 16px;font-size:12px}.prototype main{position:relative;z-index:1}.prototype-intro{text-align:center;min-height:85vh;padding:90px 20px 65px;display:flex;align-items:center;flex-direction:column;justify-content:center}.prototype-intro h1{font-size:clamp(65px,8vw,110px);text-shadow:0 4px 30px #123f49}.prototype-intro h1 em{color:#f3b52b}.prototype-intro>p:not(.eyebrow){max-width:420px;margin-top:25px;padding:10px 20px;background:#123f49df;border-radius:7px}.prototype-intro .button{margin-top:20px}.prototype-intro p.prototype-note{font-size:10px;line-height:1.7}.chapter{min-height:440px;display:flex;align-items:center;padding:60px 8%}.chapter:nth-child(odd){justify-content:flex-end}.chapter article{background:#fff1d2f5;color:#123f49;padding:38px;max-width:460px;border:2px solid #123f49;border-radius:10px;box-shadow:8px 8px 0 #f3b52b}.chapter article>span{font-size:10px;letter-spacing:.16em;font-weight:bold}.chapter h2{font-size:48px;margin:20px 0}.chapter p{font-size:14px}.chapter .button{margin-top:25px}.controls{position:fixed;bottom:16px;left:16px;z-index:4;max-width:300px;background:#fffaf0;color:#123f49;border-radius:8px;border:1px solid #123f49;box-shadow:3px 3px 0 #123f49}.controls summary{cursor:pointer;padding:12px 18px;font-size:12px;font-weight:bold}.controls>div{padding:0 18px 15px;max-height:60vh;overflow:auto}.controls label{display:block;font-size:12px;margin:12px 0}.controls input{display:block;width:100%;accent-color:#a93622}.controls output{font-size:10px}.controls select{display:block;width:100%;padding:5px;margin-top:5px}.controls p{font-size:10px;max-width:240px}.prototype.paused canvas{opacity:.45}@media(max-width:760px){.prototype-header span{display:none}.prototype-header{font-size:11px;padding:16px 5%}.prototype-intro{min-height:80vh;padding-top:60px}.chapter{padding:40px 7%;min-height:420px}.chapter article{padding:28px}.chapter h2{font-size:40px}.controls{bottom:10px;left:10px}.controls summary{padding:10px 15px}}

.chapter .text-link{display:inline-block;margin-top:20px}.prototype-header{position:sticky;top:0;z-index:3}.chapter article{max-width:490px}
.sticker-signoff {
  position: relative;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(1.5rem, 5vw, 5rem);
  padding: clamp(2rem, 6vw, 6rem) 6%;
  background: #fff;
  color: var(--ink);
}
.full-sticker { width: min(100%, 32rem); height: auto; }
.sticker-social { display: grid; justify-items: center; gap: 1rem; }
.sticker-social a { font-size: 1rem; text-decoration: underline; text-underline-offset: .25em; }