.quiet-controls{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.5rem 0}.quiet-controls button{border:1px solid #233d35;border-radius:2rem;padding:.8rem 1.2rem;background:transparent;color:#233d35;cursor:pointer}.quiet-controls button[aria-pressed=true]{background:#233d35;color:#fff}.quiet-controls button:focus-visible,.quiet-art:focus-visible{outline:3px solid #9d5c39;outline-offset:5px}.quiet-scene{height:470px;position:relative;isolation:isolate;overflow:hidden;border-radius:2rem;background:repeating-linear-gradient(0deg,transparent 0 31px,#536c6512 31px 32px),linear-gradient(140deg,#e6dfeb,#e1ece2);margin:1.8rem 0 3rem}.quiet-scene-label{position:absolute;top:1.4rem;left:1.8rem;font:italic 1.2rem Georgia,serif;color:#365447}.quiet-scene-ground{position:absolute;bottom:12%;left:8%;right:8%;height:1px;background:#36544742;z-index:-1}.quiet-art{position:absolute;display:flex;justify-content:center;align-items:center;animation:quiet-float 8s ease-in-out infinite}.quiet-art img{width:100%;height:100%;object-fit:contain}.quiet-art-0{left:23%;bottom:12%;width:23%;height:65%;animation-delay:-1s}.quiet-art-1{right:22%;bottom:12%;width:25%;height:66%;animation-delay:-4s}.quiet-art-2{left:9%;bottom:16%;width:45px;height:50px;animation-delay:-2s}.quiet-art-3{right:9%;bottom:18%;width:50px;height:65px;animation-delay:-3s}.quiet-art-4{left:16%;top:20%;width:45px;height:55px;animation-delay:-5s}.quiet-art-5{left:49%;top:15%;width:35px;height:45px;animation-delay:-2s}.quiet-art-6{right:15%;top:23%;width:45px;height:55px;animation-delay:-6s}.quiet-art-7{right:32%;top:11%;width:55px;height:55px;animation-delay:-3s}.quiet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.3rem}.quiet-card{border:1px solid #d9d2c5;border-radius:1.2rem;padding:1.2rem}.quiet-card-frame{display:flex;justify-content:center;align-items:center;height:210px;overflow:hidden;border-radius:1rem;background:#e7e1eb}.quiet-card-frame img{width:75%;height:85%;object-fit:contain}.quiet-card:nth-child(n+3) .quiet-card-frame img{width:60px;height:75px}.quiet-card h3{font-size:24px}.quiet-card .eyebrow{margin-top:1.2rem}.quiet-card .caption{font-size:12px;line-height:1.6}.quiet-card .actions{font-size:12px;line-height:1.7;gap:.6rem}.quiet-lab[data-mode=sticker] .quiet-scene{background:#fbf6e9;box-shadow:inset 0 0 0 2px #cec6b9}.quiet-lab[data-mode=sticker] .quiet-art{animation:none;filter:drop-shadow(2px 3px 0 #fff)}.quiet-lab[data-mode=sticker] .quiet-card-frame{background:#fbf6e9;box-shadow:inset 0 0 0 2px #cec6b9}.quiet-lab[data-mode=pattern] .quiet-card:nth-child(n+3) .quiet-card-frame img{width:100%;height:100%;object-fit:cover;transform:scale(3)}.quiet-lab[data-mode=pattern] .quiet-scene{background:linear-gradient(140deg,#eadce9,#efe5ce)}html[data-motion=off] .quiet-art{animation:none}@keyframes quiet-float{0%,100%{transform:translateY(2px) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@media(prefers-reduced-motion:reduce){.quiet-art{animation:none}}@media(max-width:850px){.quiet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiet-scene{height:390px}.quiet-art-0{left:15%;width:31%}.quiet-art-1{right:14%;width:35%}}@media(max-width:500px){.quiet-scene{height:315px}.quiet-scene-label{font-size:1rem;left:1rem}.quiet-art-0{left:12%;width:34%;height:62%}.quiet-art-1{right:11%;width:37%;height:65%}.quiet-art-4{left:9%;width:26px;height:35px}.quiet-art-6{right:8%;width:26px;height:35px}.quiet-art-2{left:4%;width:28px;height:35px}.quiet-art-3{right:3%;width:28px;height:40px}.quiet-art-7{width:35px;height:35px}.quiet-art-5{width:24px;height:32px}.quiet-card{padding:.8rem}.quiet-card-frame{height:160px}.quiet-card h3{font-size:20px}}
.quiet-art-0{left:37%;width:26%;right:auto}@media(max-width:500px){.quiet-art-0{left:28%;width:44%}}