/* Small media keepsakes: each frame belongs to the object, not the page grid. */
.desk-object:is(.object-imagination,.object-dance,.object-glance,.object-celebrate)::after {
  position:absolute;left:0;right:0;top:calc(100% + 6px);pointer-events:none;
  color:#153b4a;text-align:center;font:12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  text-shadow:0 1px 1px #fff,0 0 5px #fff,0 0 10px #fff9;white-space:nowrap;
}
.desk-object.object-imagination::after { content:'a little imagination';left:calc(50% - 90px);right:auto;width:180px;font:italic 600 15px/1.2 Georgia,serif!important;transform:rotate(-4deg); }
.desk-object.object-glance::after { content:'one-sec.mov';left:calc(50% - 72px);right:auto;width:126px;font-size:13px!important;font-weight:550;letter-spacing:.3px; }
.object-celebrate::after { content:'tiny victories';font:italic 600 14px/1.2 Georgia,serif!important;transform:rotate(3deg); }
.object-imagination .comedy-clip { padding:5px;background:#f9efc9;border:1px solid #baa878;border-radius:2px;box-shadow:0 0 0 2px #fff9e9,1px 3px 0 #5269772b;transform:rotate(-5deg); }
.object-imagination .comedy-clip>img,.object-imagination .comedy-clip>video { inset:5px;width:calc(100% - 10px);height:calc(100% - 10px); }
.object-dance .comedy-clip { border:1px solid #729990;border-radius:11px;background:#a5c8b5;box-shadow:inset 0 0 0 2px #d8ead6,1px 3px 0 #5e8786; }
.object-dance .comedy-clip>img,.object-dance .comedy-clip>video { border-radius:7px; }
@media(min-width:900px) {
 .object-dance > .object-art { translate:0 -18px; }
 .desk-object.object-imagination::after { top:auto;bottom:calc(100% + 8px); }
}
.object-glance .comedy-clip { padding-top:10px;border:1px solid #82939a;background:linear-gradient(#e9eff0,#bdc8ca);border-radius:5px;box-shadow:0 2px 0 #839394; }
.object-glance .comedy-clip::before { content:'';position:absolute;left:5px;top:4px;width:3px;height:3px;border-radius:50%;background:#dd8d75;box-shadow:5px 0 #d9be79,10px 0 #96b496; }
.object-glance .comedy-clip>img,.object-glance .comedy-clip>video { top:10px;height:calc(100% - 13px); }
.object-celebrate .comedy-clip { padding:4px 6px;border:1px solid #263d49;border-radius:1px;background:#263a45;box-shadow:2px 3px 0 #38546033; }
.object-celebrate .comedy-clip::after { content:'';position:absolute;inset:3px 1px;pointer-events:none;background:repeating-linear-gradient(0deg,#eff5dc 0 3px,transparent 3px 8px) left/2px 100% no-repeat,repeating-linear-gradient(0deg,#eff5dc 0 3px,transparent 3px 8px) right/2px 100% no-repeat; }
.object-celebrate .comedy-clip>img,.object-celebrate .comedy-clip>video { inset:4px 6px;width:calc(100% - 12px);height:calc(100% - 8px);border-radius:0; }

/* A pocket travel clock: two places, two distinct dials. */
#space > .overlay[data-type="clock"][data-size] .overlay-shell {
  border-color:#dbe5e5;background:linear-gradient(140deg,#f5f6e9,#ccd8d6);
  box-shadow:inset 0 1px #fff,0 2px 0 #8b9f9f,0 8px 15px -10px #0d334380;
}
#space > .overlay[data-type="clock"][data-size] .world-times { gap:0;padding:4px!important; }
#space > .overlay[data-type="clock"][data-size] .world-times > div {
  padding:5px 5px 4px;border:0;min-width:0;border-radius:3px;
}
#space > .overlay[data-type="clock"] .world-times > div:first-child { background:#29434e;color:#f4efcf;box-shadow:inset 0 1px 3px #0c253d55; }
#space > .overlay[data-type="clock"][data-size] .world-times > div:first-child .zone-label { color:#c1d2d1; }
#space > .overlay[data-type="clock"][data-size] .world-times > div:first-child time { color:#f4efcf; }
#space > .overlay[data-type="clock"][data-size] .world-times time { font-size:18px;letter-spacing:-.5px; }
#space > .overlay[data-type="clock"][data-size] .world-times .zone-label { font-size:8px;gap:3px; }
#space > .overlay[data-type="clock"] .world-times .zone-daylight { width:4px;height:4px;flex-basis:4px; }
@media(max-width:899px) {
 .desk-object:is(.object-imagination,.object-glance,.object-celebrate) { margin-bottom:14px; }
}
@media(min-width:900px) and (max-width:1100px) {
 .desk-object.object-imagination::after { left:calc(50% - 73px);width:146px;font-size:12px!important; }
}