/* Only the PC artwork changes. The Explore section retains its original layout. */
.home-explore .pc-scene.lti-laptop-scene,
.home-explore .pc-scene.lti-laptop-scene * { box-sizing: border-box; }
.home-explore .pc-scene.lti-laptop-scene {
  min-width: 0;
  width: 100%;
  padding: 16px 5px 5px;
  text-align: center;
  perspective: 1400px;
}
.home-explore .lti-laptop-scene .lti-ref-laptop {
  display: block;
  position: relative;
  width: min(100%, 680px);
  margin: 0 auto;
  padding-bottom: 15px;
  text-decoration: none;
  color: inherit;
  transform: rotate(-1deg);
  transition: transform .28s ease;
}
.home-explore .lti-laptop-scene .lti-ref-laptop:hover { transform: rotate(-1deg) translateY(-4px); }
.home-explore .lti-laptop-scene .lti-ref-laptop:focus-visible,
.home-explore .lti-laptop-scene .lti-ref-caption a:focus-visible { outline: 3px solid #007b88; outline-offset: 6px; }
.home-explore .lti-laptop-scene .lti-ref-lid {
  position: relative;
  z-index: 2;
  width: 94%;
  margin: 0 auto;
  padding: 7px;
  border: 2px solid #647788;
  border-bottom: 10px solid #26313e;
  border-radius: 13px 13px 5px 5px;
  background: linear-gradient(145deg, #354452, #172632 65%, #4d6070);
  box-shadow: 0 15px 33px rgba(5, 34, 57, .16), inset 0 1px rgba(255,255,255,.28);
  transform: perspective(1600px) rotateY(-6deg);
  transform-origin: center bottom;
}
.home-explore .lti-laptop-scene .lti-ref-camera {
  position: absolute;
  top: 2px;
  left: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #8c9dab;
}
.home-explore .lti-laptop-scene .lti-ref-screen {
  aspect-ratio: 16 / 9;
  border-radius: 3px;
  overflow: hidden;
  background: #f8fcff;
}
.home-explore .lti-laptop-scene .lti-ref-screen img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border: 0;
  border-radius: 0;
}
/* An angled keyboard deck, rather than the previous thick rectangular bar. */
.home-explore .lti-laptop-scene .lti-ref-deck {
  position: relative;
  z-index: 3;
  width: 104%;
  height: clamp(78px, 9vw, 117px);
  margin: -1px -2% 0;
  clip-path: polygon(4% 0, 96% 0, 100% 100%, 0 100%);
  border-radius: 0 0 18px 18px;
  background: linear-gradient(174deg, #a8b2bf 0%, #edf1f4 43%, #b4beca 83%, #8493a2 100%);
  box-shadow: inset 0 2px 0 #edf2f5;
  transform: perspective(700px) rotateX(58deg);
  transform-origin: center top;
}
.home-explore .lti-laptop-scene .lti-ref-keyboard {
  position: absolute;
  top: 13%;
  left: 10%;
  width: 80%;
  height: 50%;
  border: 1px solid #778694;
  border-radius: 4px;
  background: repeating-linear-gradient(90deg, transparent 0 6%, #acb8c1 6% 6.7%), repeating-linear-gradient(0deg, #1e2935 0 18%, #a1afbb 18% 22%);
  background-color: #202a35;
}
.home-explore .lti-laptop-scene .lti-ref-trackpad {
  position: absolute;
  top: 70%;
  left: 36.5%;
  width: 27%;
  height: 25%;
  border: 1px solid #9caab9;
  border-radius: 4px;
  background: rgba(196,207,215,.55);
}
.home-explore .lti-laptop-scene .lti-ref-laptop-shadow {
  position: absolute;
  left: 12%;
  bottom: 5px;
  z-index: 0;
  width: 76%;
  height: 23px;
  border-radius: 50%;
  background: rgba(13, 54, 87, .19);
  filter: blur(14px);
  pointer-events: none;
}
.home-explore .lti-laptop-scene .lti-ref-caption { margin: 0; font-size: .83rem; line-height: 1.7; }
.home-explore .lti-laptop-scene .lti-ref-caption a { color: #006b80; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.home-explore .lti-laptop-scene .lti-ref-note { margin: 3px 0 0; color: #557084; font-size: .69rem; line-height: 1.6; }
@media (max-width: 900px) {
  .home-explore .pc-scene.lti-laptop-scene { padding: 9px 10px 2px; }
  .home-explore .lti-laptop-scene .lti-ref-laptop { max-width: 640px; }
}
@media (max-width: 560px) {
  .home-explore .pc-scene.lti-laptop-scene { padding: 6px 2px 2px; }
  .home-explore .lti-laptop-scene .lti-ref-lid { padding: 4px; border-bottom-width: 7px; border-radius: 8px 8px 3px 3px; }
  .home-explore .lti-laptop-scene .lti-ref-deck { height: 74px; }
  .home-explore .lti-laptop-scene .lti-ref-caption { font-size: .78rem; }
}
@media (prefers-reduced-motion: reduce) {
  .home-explore .lti-laptop-scene .lti-ref-laptop { transition: none; }
  .home-explore .lti-laptop-scene .lti-ref-laptop:hover { transform: rotate(-1deg); }
}
