/* High-resolution Rhythm + Sleep showcase overrides. */
.module-dual{grid-template-columns:minmax(0,1fr) minmax(520px,640px)}
.module-dual:nth-child(even){grid-template-columns:minmax(520px,640px) minmax(0,1fr)}
.screen-pair{position:relative;min-height:620px;width:100%;display:flex;align-items:center;justify-content:center;padding:0 36px}
.screen-pair .mini-screen{position:absolute;width:300px;height:600px;padding:8px;border-radius:34px;background:#080808;border:1px solid rgba(201,162,39,.5);box-shadow:0 28px 70px rgba(0,0,0,.62)}
.screen-pair .mini-screen:first-child{left:8px;top:0;z-index:2;transform:rotate(-1.5deg)}
.screen-pair .secondary-screen{right:8px;top:36px;z-index:1;transform:rotate(1.5deg);opacity:.92}
.screen-pair .mini-screen::before{top:8px;width:66px;height:16px}
.screen-pair .mini-screen img{width:100%;height:auto;transform:none!important;border-radius:26px;image-rendering:auto}
.screen-pair .mini-screen:first-child img{transform:translateY(0)!important}
.screen-pair .secondary-screen img{transform:translateY(0)!important}

/* The new source images are 709px wide; never upscale them beyond their native detail. */
.screen-pair .mini-screen{max-width:300px}

@media(max-width:1050px){
  .module-dual,.module-dual:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(460px,540px)}
  .screen-pair{min-height:580px;padding:0 24px}
  .screen-pair .mini-screen{width:270px;height:560px}
}

@media(max-width:900px){
  .module-dual,.module-dual:nth-child(even){grid-template-columns:1fr}
  .screen-pair{width:min(100%,620px);min-height:600px;margin:0 auto}
  .screen-pair .mini-screen{width:min(300px,43vw);height:580px}
  .screen-pair .mini-screen:first-child{left:6%}
  .screen-pair .secondary-screen{right:6%}
}

@media(max-width:620px){
  .screen-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0;padding:0;align-items:start}
  .screen-pair .mini-screen,.screen-pair .mini-screen:first-child,.screen-pair .secondary-screen{position:relative;left:auto;right:auto;top:auto;width:100%;height:500px;max-width:none;transform:none;opacity:1}
}

@media(max-width:430px){
  .screen-pair{grid-template-columns:1fr;gap:22px}
  .screen-pair .mini-screen,.screen-pair .mini-screen:first-child,.screen-pair .secondary-screen{height:520px;width:min(100%,340px);margin:0 auto}
}