.frame-mockup{min-width:0;border:1px solid var(--line);border-radius:18px;background:#faf8f5;padding:14px;overflow:hidden}.frame-mockup-stage{aspect-ratio:6/5;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#fff 20%,#ece7e1 100%);border-radius:10px;overflow:hidden;padding:20px}.frame-mockup-stage img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 8px #29202424)}.frame-mockup-strip{display:flex;gap:10px;margin-top:12px}.frame-mockup-strip button{width:calc((100% - 20px)/3);height:76px;border:1px solid #dcd5e1;background:#fff;border-radius:8px;padding:5px;cursor:pointer;transition:border-color .2s,transform .2s}.frame-mockup-strip button[aria-pressed=true]{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet)}.frame-mockup-strip button:hover{transform:translateY(-2px)}.frame-mockup-strip button:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.frame-mockup-strip img{width:100%;height:100%;object-fit:contain;display:block}.frame-mockup-caption{font-size:12px;margin:12px 0 6px;line-height:1.4}.frame-mockup-note{display:block;font-size:8px;letter-spacing:.7px;color:var(--muted);line-height:1.5}.frame-mockup.compact{border:0;border-radius:0;padding:10px}.compact .frame-mockup-stage{aspect-ratio:3/2;padding:12px}.compact .frame-mockup-strip{gap:7px;margin-top:9px}.compact .frame-mockup-strip button{height:48px;width:calc((100% - 14px)/3)}.compact .frame-mockup-caption{font-size:10px;margin-top:9px}.compact .frame-mockup-note{font-size:7px}.home-preview{display:grid;grid-template-columns:1.2fr .8fr;column-gap:22px;margin-bottom:22px}.home-preview .frame-mockup-stage{grid-row:1/5;aspect-ratio:3/2}.home-preview .frame-mockup-strip{align-self:end}.home-preview .frame-mockup-caption{font-size:18px}.home-preview .frame-mockup-note{align-self:start}@media(max-width:580px){.frame-mockup{padding:10px}.frame-mockup-stage{padding:14px;aspect-ratio:6/5}.frame-mockup-strip button{height:64px}.home-preview{display:block}.home-preview .frame-mockup-caption{font-size:14px}.home-preview .frame-mockup-stage{aspect-ratio:6/5}}@media(prefers-reduced-motion:reduce){.frame-mockup-strip button{transition:none}.frame-mockup-strip button:hover{transform:none}}

/* Physical lighting, reflections and shadows are baked into the product photographs. */
.frame-mockup-stage,.compact .frame-mockup-stage,.home-preview .frame-mockup-stage{aspect-ratio:3/2;padding:0;background:#f4f0e9}.frame-mockup-stage img{filter:none}