/* One scene, two screens. The controls live in the real setup link. */
.device-showcase{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:7%;align-items:center;background:var(--pistachio)}
.device-showcase .device-copy{min-width:0}
.device-showcase .device-copy h2{font-size:clamp(43px,4.25vw,67px);line-height:1.04}
.device-showcase .device-copy>p{max-width:380px;font-size:14px;line-height:1.9}
.device-showcase .device-copy .text-link{display:inline-flex;align-items:center;min-height:48px;font-size:14px;margin-top:20px}
.device-showcase .device-brands{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:500px;gap:20px 16px;align-items:center;margin-top:28px}
.device-platform{display:flex;align-items:center;justify-content:center;min-width:0;height:56px}
.device-platform img{display:block;width:100%;height:auto;max-height:48px;object-fit:contain}
.device-platform-samsung img{max-width:124px}
.device-platform-lg img{max-width:84px}
.device-platform-fire img{max-width:148px}
.device-platform-apple img{max-width:110px}
.device-platform-android img{max-width:124px;filter:brightness(0)}
.device-platform-nvidia img{max-width:118px}
.device-platform-xiaomi img{max-width:36px}
.device-platform-personal img{max-width:36px;mix-blend-mode:multiply}
.device-showcase-figure{min-width:0;margin:0}
.device-stage{position:relative;padding:16px 0 31px;isolation:isolate}
.device-tv{position:relative;width:88%;padding:8px;border:1px solid #234735;border-radius:15px;background:#102d23;box-shadow:0 20px 35px #073b2e1f}
.device-tv-screen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:7px;background:#073b2e}
.device-tv-screen>img,.device-handset-screen>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.device-tv-screen>img{object-position:50% 50%}
.device-tv-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#03271c33,transparent 25%);pointer-events:none}
.device-tv-brand{position:absolute;z-index:1;left:5%;top:7%;font:800 18px/1 var(--display);letter-spacing:-.05em;color:white;text-shadow:0 1px 8px #03271c66}
.device-tv-stand{position:absolute;bottom:-24px;left:34%;width:32%;height:5px;border-radius:5px;background:#143a2a;box-shadow:0 5px 10px #073b2e1a}
.device-tv-stand:before{content:'';position:absolute;bottom:4px;left:calc(50% - 21px);width:42px;height:21px;background:#173d2d;clip-path:polygon(29% 0,71% 0,100% 100%,0 100%)}
.device-handset{position:absolute;z-index:2;right:0;bottom:4px;width:25%;max-width:164px;padding:6px;border:1px solid #31533c;border-radius:29px;background:#102d23;box-shadow:0 14px 28px #073b2e2b}
.device-handset-screen{position:relative;aspect-ratio:9/18.5;overflow:hidden;border-radius:22px;background:var(--forest)}
.device-handset-screen>img{object-position:50% 50%}
.device-handset:after{content:'';position:absolute;top:6px;left:32%;right:32%;height:10px;border-radius:0 0 10px 10px;background:#102d23}
.device-showcase-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:21px;font-size:12px;line-height:1.6;color:#4a6549}
.device-showcase-figure figcaption strong{color:var(--forest);font-weight:700}
@media(min-width:1600px){.device-stage{padding-top:20px}.device-tv{padding:10px}.device-tv-brand{font-size:22px}.device-handset{max-width:185px;padding:7px;border-radius:33px}.device-handset-screen{border-radius:25px}}
@media(max-width:1050px) and (min-width:761px){.device-showcase{gap:5%;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.device-showcase .device-copy h2{font-size:45px}.device-tv{width:90%;padding:6px;border-radius:11px}.device-handset{width:27%;padding:5px;border-radius:21px}.device-handset-screen{border-radius:16px}.device-showcase-figure figcaption{display:block;font-size:11px}.device-showcase-figure figcaption span{display:block;margin-top:3px}}
@media(max-width:760px){
  .device-showcase{display:flex;flex-direction:column;align-items:stretch;gap:30px}
  .device-showcase .device-copy h2{font-size:clamp(43px,12vw,58px)}
  .device-showcase .device-copy>p{font-size:14px;max-width:430px;margin-top:22px}
  .device-showcase .device-brands{grid-template-columns:repeat(2,minmax(0,1fr));max-width:400px;margin-top:24px;gap:16px 24px}
  .device-stage{padding-top:9px;padding-bottom:30px}
  .device-tv{width:88%;padding:6px;border-radius:10px}
  .device-tv-screen{border-radius:4px}
  .device-tv-brand{font-size:13px}
  .device-handset{width:26%;max-width:133px;bottom:4px;padding:4px;border-radius:19px}
  .device-handset-screen{border-radius:14px}
  .device-handset:after{top:4px;height:7px}
  .device-showcase-figure figcaption{display:block;padding-top:17px;font-size:12px}
  .device-showcase-figure figcaption span{display:block;margin-top:4px}
}
