.sketch-device-gallery{display:grid;grid-template-columns:900fr 290fr;gap:28px;align-items:start;padding:20px 0 40px}.sketch-device{position:relative;display:block;min-width:0;aspect-ratio:900/650;isolation:isolate}.sketch-mobile{aspect-ratio:var(--phone-width,290)/650}.sketch-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.sketch-screen{position:absolute;left:7.35%;right:7.2%;top:8.8%;bottom:20.2%;background:#fffaf0;overflow:hidden;border-radius:2px}.sketch-screen img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .3s}.sketch-mobile .sketch-screen{left:15.7%;right:16%;top:10.3%;bottom:10.4%;border-radius:2px}.sketch-device-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:#627568;padding-top:8px}.sketch-device:hover .sketch-screen img{filter:brightness(1.04)}.sketch-device:focus-visible{outline:2px solid var(--studio-coral);outline-offset:5px}@media(max-width:700px){.sketch-device-gallery{gap:10px;padding-top:10px}.sketch-device-label{font-size:10px}}@media(max-width:450px){.sketch-device-gallery{grid-template-columns:1fr!important;gap:45px}.sketch-mobile{width:38%;justify-self:center}}
.sketch-tablet{aspect-ratio:var(--tablet-width,450)/650}@media(max-width:600px){.sketch-device-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:40px 20px}.sketch-desktop{grid-column:1/-1}.sketch-tablet{width:100%;justify-self:center}.sketch-mobile{width:72%;justify-self:center}}