/* Photographic product hero. Its size follows page width, never viewport height. */
.lp-download-page .lp-hero { padding-top: 40px; padding-bottom: 0; }
.lp-download-page .lp-hero__inner { gap: 18px; }
.download-hero-icon { width: 72px; height: 72px; object-fit: contain; }
.lp-download-page .lp-hero__title {
  max-width: 960px; font-size: clamp(40px, 4.2vw, 60px); line-height: 1.06;
  letter-spacing: -.045em; text-wrap: balance;
}
.lp-download-page .lp-hero__sub { max-width: 780px; font-size: 18px; line-height: 28px; }
.lp-download-page .lp-hero__cta { margin-top: 8px; }
.lp-download-page .lp-hero__media {
  flex: none; width: min(1440px, calc(100vw - 64px)); max-width: none;
  margin-top: 40px; perspective: none;
}
.lp-download-page .download-macbook-photo {
  width: 82%; max-width: 1120px; margin: 0;
  translate: 0 var(--download-screen-y, 0px);
}
.download-macbook-photo > img { display: block; width: 100%; height: auto; }
/* The photograph supplies both the front and the stationary keyboard. Only the
   screen pivots, around the hinge at 83.6% of the original image height. */
.download-macbook__scene { display: none; }
.download-macbook-photo.is-lid-enhanced > img { clip-path: inset(83.6% 0 0); }
.is-lid-enhanced .download-macbook__scene {
  display: block; position: absolute; inset: 0; pointer-events: none;
  perspective: var(--macbook-perspective, 4200px); perspective-origin: 50% 83.6%;
}
.download-macbook__lid {
  position: absolute; left: 7.9%; right: 7.9%; top: 5.2%; height: 78.4%;
  transform-origin: 50% 100%; transform-style: preserve-3d;
  transform: rotateX(0deg);
}
.is-lid-opening .download-macbook__lid {
  animation: download-lid-open 3.2s cubic-bezier(.4, 0, .2, 1) .18s both;
}
@keyframes download-lid-open {
  from { transform: rotateX(-98deg); }
  to { transform: rotateX(0deg); }
}
.download-macbook__front, .download-macbook__back {
  position: absolute; inset: 0; overflow: hidden;
  border-radius: 3.2% 3.2% 1% 1% / 5% 5% 1.5% 1.5%;
  -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
.download-macbook__front {
  background: url('../assets/images/download/macbook-neander-photographic.png') 50% 24.074% / 118.765% 127.551% no-repeat;
  transform: translateZ(.3px);
}
.download-macbook__back {
  display: grid; place-items: center;
  background: linear-gradient(145deg, #3c4045 0%, #292d32 38%, #202328 72%, #30343a 100%);
  border: 1px solid #555a60;
  box-shadow: inset 0 0 0 2px rgb(9 11 14 / 65%), inset 0 4px 8px rgb(255 255 255 / 7%);
  transform: rotateX(180deg) translateZ(.3px);
}
.download-macbook__back > img { width: 6%; height: auto; opacity: .7; }
@media (max-width: 760px) {
  .lp-download-page .lp-hero { padding-top: 32px; }
  .lp-download-page .lp-hero__inner { gap: 16px; }
  .download-hero-icon { width: 64px; height: 64px; }
  .lp-download-page .lp-hero__title { font-size: clamp(36px, 6.3vw, 44px); }
  .lp-download-page .lp-hero__sub { max-width: 600px; font-size: 16px; line-height: 24px; }
  .lp-download-page .lp-hero__cta { margin-top: 4px; }
  .lp-download-page .lp-hero__media { width: calc(100vw - 16px); margin-top: 72px; }
}
@media (max-width: 600px) {
  .lp-download-page .lp-hero__media { margin-top: 112px; }
}
@media (prefers-reduced-motion: reduce), print {
  .lp-download-page .download-macbook-photo { translate: none; }
  .download-macbook-photo.is-lid-enhanced > img { clip-path: none; }
  .is-lid-enhanced .download-macbook__scene { display: none; }
}