.cut { position: relative; isolation: isolate; width: 100%; aspect-ratio: .92; overflow: hidden; }
.cut span { position: absolute; display: block; }
.cut .paper { inset: 7% 3% 4% 3%; background: #eadcc1; clip-path: polygon(4% 0, 99% 3%, 97% 17%, 100% 34%, 97% 65%, 100% 99%, 76% 97%, 57% 100%, 29% 96%, 0 99%, 2% 66%, 0 26%); transform: rotate(3deg); }
.cut .paper::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(#9b886d 0.7px, transparent 0.7px); background-size: 9px 9px; opacity: .28; }
.cut .sun { background: #e2a276; width: 44%; aspect-ratio: 1; left: 43%; top: 15%; border-radius: 50%; box-shadow: -5px 5px 0 #cab38b; }
.cut .hill { left: 4%; right: 4%; height: 44%; bottom: 7%; clip-path: polygon(0 74%, 13% 46%, 24% 60%, 47% 12%, 60% 37%, 71% 29%, 100% 76%, 100% 100%, 0 100%); }
.cut .hill.a { background: #6c7351; transform: rotate(-6deg); }
.cut .hill.b { left: 1%; right: -1%; bottom: 2%; background: #ab7855; height: 33%; clip-path: polygon(0 45%, 23% 16%, 47% 42%, 72% 0, 100% 46%, 100% 100%, 0 100%); transform: rotate(4deg); }
.cut .strip { bottom: 12%; left: 2%; width: 55%; height: 26%; background: var(--sheet); transform: rotate(-12deg); box-shadow: 3px 4px 0 #69574455; clip-path: polygon(0 1%, 95% 0, 100% 17%, 98% 40%, 100% 64%, 96% 100%, 0 96%); }
.cut .strip::after { content: ""; position: absolute; left: 12%; right: 12%; top: 34%; height: 32%; border-block: 2px solid #9b886d; }
.cut .tab { background: #dce1c4bd; top: 2%; left: 30%; width: 36%; height: 11%; transform: rotate(-9deg); }
.cut .dot { right: 6%; bottom: 4%; width: 11%; aspect-ratio: 1; border: 2px solid var(--ink); border-radius: 50%; background: #f7f2e8; }
.cut.small { aspect-ratio: 1.1; }
.cut.small .strip { left: 4%; width: 58%; }
@media (max-width: 640px) {
  .cut.open { margin-top: 28px; width: 140px; height: 140px; float: none; margin-left: auto; }
  .cut.small { display: none; }
}
@media print { .cut { display: none; } }