/* --- Shared transition for all animated elements --- */
#orochi-intro .product-title,
#orochi-intro .header,
#orochi-intro .body-copy,
#orochi-intro .images-icons li,
#outlast-n-outplay-image picture img,
#ultra-lightweight-design .content,
#dual-mode-performance .content,
#dual-mode-performance picture img,
#hyperspeed-bluetooth .icons ul li,
#hyperspeed-bluetooth-footnote .content,
#take-your-game-anywhere .content,
#take-your-game-anywhere picture img,
#discover-more-features .content,
#more-features .icons ul li,
#scrolling-images-v3-content .main-heading,
#scrolling-images-v3-content .main-paragraph,
#scrolling-images-v3-content .main-paragraph-2 {
  transition: opacity 0.65s ease, transform 0.65s ease;
}
/* --- Hero: always visible --- */
#orochi-hero {
  opacity: 1;
}
/* --- Intro product title: white --- */
#orochi-intro .product-title {
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
}
/* --- Gradient headings --- */
#orochi-intro .header,
#ultra-lightweight-design .header,
#dual-mode-performance .header,
section.bo-temp sup a,
#take-your-game-anywhere .header,
#discover-more-features .header {
  background: linear-gradient(250deg, #44d62c 30%, #b9ffae 90%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  text-align: center;
  text-transform: uppercase;
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}