/* Legacy pages are scoped by their unique hero: do not affect the series pages. */
.product-detail-page:has(.handpass-detail-hero) .handpass-detail-hero{height:auto;aspect-ratio:1440/706;background-position:center}
.product-detail-page:has(.nebula-detail-hero) .nebula-detail-hero{height:auto;aspect-ratio:1440/800;background-position:center}
.product-detail-page:has(.handpass-detail-hero) .handpass-scene{height:auto;aspect-ratio:1440/600}
.product-detail-page:has(.nebula-detail-hero) .product-visual-section{height:auto;aspect-ratio:1440/720}
.product-detail-page:has(.handpass-detail-hero) .product-detail-hero .product-detail-shell,
.product-detail-page:has(.nebula-detail-hero) .product-detail-hero .product-detail-shell{width:77.361111%;height:100%;position:absolute;inset:0}
.product-detail-page:has(.handpass-detail-hero) .product-detail-hero,
.product-detail-page:has(.nebula-detail-hero) .product-detail-hero{position:relative}
.product-detail-page:has(.handpass-detail-hero) .product-detail-hero::after,
.product-detail-page:has(.nebula-detail-hero) .product-detail-hero::after{content:none}
.product-detail-page:has(.handpass-detail-hero) .product-detail-hero-copy,
.product-detail-page:has(.nebula-detail-hero) .product-detail-hero-copy{max-width:41.666667vw;margin-top:-.833333vw}
.product-detail-page:has(.handpass-detail-hero) .product-detail-hero-copy h1,
.product-detail-page:has(.nebula-detail-hero) .product-detail-hero-copy h1{font-size:4.166667vw}
.product-detail-page:has(.handpass-detail-hero) .product-detail-hero-copy p,
.product-detail-page:has(.nebula-detail-hero) .product-detail-hero-copy p{font-size:1.736111vw;margin-top:1.805556vw}
.product-detail-page:has(.handpass-detail-hero) .product-detail-hero-copy a,
.product-detail-page:has(.nebula-detail-hero) .product-detail-hero-copy a{width:11.25vw;height:2.986111vw;margin-top:3.611111vw;font-size:1.111111vw}
/* Overlay copy follows the media geometry on these two legacy pages. */
.product-detail-page:has(.handpass-detail-hero) .handpass-scene>div,
.product-detail-page:has(.nebula-detail-hero) .product-visual-section>div{left:11.319444vw;right:auto;max-width:32.638889vw}
.product-detail-page:has(.handpass-detail-hero) .handpass-scene h2,
.product-detail-page:has(.nebula-detail-hero) .product-visual-section h2{font-size:2.916667vw;margin-bottom:1.527778vw}
.product-detail-page:has(.handpass-detail-hero) .handpass-scene p,
.product-detail-page:has(.nebula-detail-hero) .product-visual-section p{font-size:1.25vw}
.product-detail-page{background:#fff;color:#111820}
.product-detail-shell{width:min(1114px,calc(100% - 48px));margin:auto}
.product-detail-hero{height:800px;background-position:center;background-size:cover;background-repeat:no-repeat}
.nebula-detail-hero{background-image:url("../assets/product-details/opt/source-web1-nebula/hero-background.webp")}
.handpass-detail-hero{height:706px;background-image:url("../assets/product-details/opt/source-web1-handpass/hero.webp")}
.product-detail-hero .product-detail-shell{height:100%;display:flex;align-items:center}
.product-detail-hero-copy{max-width:600px;margin-top:-12px}
.product-detail-hero-copy h1{margin:0;font:700 60px/1.15 Inter,"Noto Sans SC",sans-serif;letter-spacing:.02em}
.product-detail-hero-copy p{margin:26px 0 0;font-size:25px;font-weight:600;letter-spacing:.08em}
.product-detail-hero-copy p span{margin:0 8px;color:#5d6672}
.product-detail-hero-copy a{display:inline-flex;align-items:center;justify-content:center;width:162px;height:43px;margin-top:52px;border-radius:5px;background:#080b10;color:#fff;font-size:16px;letter-spacing:.1em}
.product-detail-hero-copy a::after{content:"";width:8px;height:8px;margin-left:18px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}
.product-intro{padding:90px 0;background:#fff}
.product-intro p{max-width:1030px;margin:0 auto;color:#343c47;font-size:20px;font-weight:500;line-height:2.1;text-align:center;letter-spacing:.04em}
.product-features{padding:100px 0 118px;background:#071425;color:#fff}
.product-features h2,.product-specs h2,.handpass-capabilities h2{margin:0 0 65px;text-align:center;font-size:40px}
.product-feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.product-feature-grid article{min-height:300px;padding:30px 22px;border:1px solid #315a8e;background:linear-gradient(160deg,#122946,#071425)}
.product-feature-grid strong{display:block;color:#3b8cf2;font:700 44px/1 Inter,sans-serif}
.product-feature-grid h3{margin:30px 0 20px;font-size:20px;line-height:1.6}
.product-feature-grid p{margin:0;color:#aebdd0;font-size:13px;line-height:1.9}
.product-visual-section,.handpass-scene{position:relative;height:720px;overflow:hidden;background:#071425;color:#fff}
.product-visual-section img,.handpass-scene img{width:100%;height:100%;object-fit:cover}
.product-visual-section::after,.handpass-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,38,.78),transparent 65%)}
.product-visual-section>div,.handpass-scene>div{position:absolute;z-index:1;left:max(7vw,calc((100% - 1114px)/2));top:50%;max-width:470px;transform:translateY(-50%)}
.product-visual-section h2,.handpass-scene h2{margin:0 0 22px;font-size:42px}
.product-visual-section p,.handpass-scene p{font-size:18px;line-height:1.9}
.product-specs{padding:100px 0 120px;background:#050a12;color:#fff}
.product-specs dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid #354052}
.product-specs dl div{display:grid;grid-template-columns:180px 1fr;padding:21px 26px;border-bottom:1px solid #354052}
.product-specs dl div:nth-child(odd){border-right:1px solid #354052}
.product-specs dt{color:#92a0b3}.product-specs dd{margin:0;font-weight:600}
.handpass-intro{padding-block:105px}
.handpass-capabilities{padding:100px 0 120px;background:#f3f6fb}
.handpass-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.handpass-capability-grid article{min-height:240px;padding:38px;background:#fff;box-shadow:0 12px 30px rgba(32,73,125,.08)}
.handpass-capability-grid span{color:#2774dd;font:700 38px/1 Inter,sans-serif}
.handpass-capability-grid h3{margin:28px 0 14px;font-size:23px}
.handpass-capability-grid p{margin:0;color:#5b6573;line-height:1.9}
.handpass-scene{height:600px}
.nebula-overview{padding:90px 0 115px;background:linear-gradient(180deg,#02050a,#151515 72%,#050505);color:#fff}
.nebula-video{position:relative;width:960px;max-width:100%;margin:0 auto 78px}
.nebula-video img{display:block;width:100%;height:auto}
.nebula-video span{position:absolute;left:30px;bottom:22px;color:#9a9fa8;font-size:13px}
.nebula-overview-copy{max-width:960px;margin:0 auto 85px;text-align:center}
.nebula-overview-copy::before{content:"Nano-Photonic Chip";display:block;margin-bottom:10px;color:#397fe4;font-size:14px;letter-spacing:.12em}
.nebula-overview-copy p{margin:0;color:#d7dbe1;font-size:17px;line-height:2}
.nebula-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:58px 80px;max-width:960px;margin:auto}
.nebula-stat-grid article{min-height:125px;padding-top:17px;border-top:1px solid #456387}
.nebula-stat-grid small{display:block;color:#8d9bad;font-size:14px}
.nebula-stat-grid strong{display:block;margin-top:17px;color:#fff;font:600 30px/1.2 Inter,"Noto Sans SC",sans-serif}
.nebula-stat-grid span{display:block;margin-top:7px;color:#748399;font-size:13px}
.nebula-vision,.nebula-capability,.nebula-applications{background:#02060c;color:#fff;text-align:center}
.nebula-vision{padding:100px 0 80px}
.nebula-vision h2,.nebula-capability h2,.nebula-applications h2{margin:0 0 20px;font-size:36px;letter-spacing:.05em}
.nebula-vision p,.nebula-capability p,.nebula-applications p{max-width:840px;margin:0 auto 50px;color:#c1cbd8;font-size:15px;line-height:2}
.nebula-vision img{display:block;width:100%;height:auto}
.nebula-capability{padding:90px 0}
.nebula-capability img{display:block;width:960px;max-width:100%;height:auto;margin:auto}
.nebula-capability-light{background:#06111f}
.nebula-capability-slam{background:#02060c}
.nebula-capability-slam img{width:820px}
.nebula-applications{padding:95px 0 105px;background:#142b46}
.nebula-applications img{display:block;width:960px;max-width:100%;height:auto;margin:0 auto 45px}
.nebula-applications a{display:inline-flex;align-items:center;justify-content:center;min-width:220px;height:46px;border:1px solid #8ea8c7;border-radius:999px;color:#fff;font-size:14px;letter-spacing:.08em}
.nebula-applications a::after{content:"";width:7px;height:7px;margin-left:16px;border-top:1px solid;border-right:1px solid;transform:rotate(45deg)}
@media(max-width:900px){
  .product-detail-hero,.handpass-detail-hero{height:560px;background-position:62% center}
  .product-detail-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.85),rgba(255,255,255,.05))}
  .product-detail-hero{position:relative}.product-detail-hero .product-detail-shell{position:relative;z-index:1}
  .product-detail-hero-copy{max-width:65%}.product-detail-hero-copy h1{font-size:39px}.product-detail-hero-copy p{font-size:18px}
  .product-intro{padding:60px 0}.product-intro p{font-size:16px;text-align:left}
  .product-features,.product-specs,.handpass-capabilities{padding:65px 0}
  .product-features h2,.product-specs h2,.handpass-capabilities h2{margin-bottom:40px;font-size:30px}
  .product-feature-grid,.handpass-capability-grid,.product-specs dl{grid-template-columns:1fr}
  .product-feature-grid article{min-height:0}.product-specs dl div:nth-child(odd){border-right:0}
  .product-visual-section,.handpass-scene{height:500px}.product-visual-section>div,.handpass-scene>div{left:24px;right:24px}
  .product-visual-section h2,.handpass-scene h2{font-size:31px}
  .nebula-overview{padding:60px 0}.nebula-video{margin-bottom:50px}.nebula-overview-copy{margin-bottom:55px;text-align:left}
  .nebula-stat-grid{grid-template-columns:1fr 1fr;gap:28px}.nebula-stat-grid strong{font-size:23px}
  .nebula-vision,.nebula-capability,.nebula-applications{padding:65px 0}
  .nebula-vision h2,.nebula-capability h2,.nebula-applications h2{font-size:29px}
  .nebula-vision p,.nebula-capability p,.nebula-applications p{text-align:left}
}
