/* Narrow screens preserve the 1440:676 source fill below natural-flow text. */
@media(max-width:600px){
 body main>.detail-hero{height:auto;min-height:0;display:block;padding:24px 20px calc(46.944444vw + 24px)}
 body main>.detail-hero::before{inset:auto 0 0;height:46.944444vw;background-size:cover}
 body main>.detail-hero h1{position:static;display:flex;flex-wrap:wrap;max-width:100%;width:100%;gap:8px;line-height:1.2}
 body main>.detail-hero p{position:static;white-space:normal;margin:10px 0 0;font-size:14px;line-height:1.5}
 body main>.detail-hero .hero-name{font-size:clamp(28px,6vw,36px);line-height:1.2}
}
/* Libra 2000: web1.fig > libra 2000 (1691:4740), 1440 × 6452. Hero art starts under the fixed header. */
body{background:#1c3250}
main{overflow:hidden;color:#fff;font-weight:400;background:linear-gradient(180deg,#293341 0%,#273345 22%,#243348 42%,#21344b 58%,#1f344e 72%,#1c3250 100%)}
main img{display:block}
main>section:not(.detail-hero):not(.design-cta){text-align:center}
main>section:not(.design-cta) h2{margin:0;font-size:44px;font-weight:400;line-height:1.45;letter-spacing:.045455em}

.detail-hero{position:relative;isolation:isolate;height:calc(46.944444vw - var(--nav))}
.detail-hero::before{content:"";position:absolute;inset:calc(-1 * var(--nav)) 0 0;z-index:-1;background:url("../assets/product-details/opt/source-web1-libra-2000/39a0e4b1fca5c8e9fa98b92518226140c7466132.webp") center/cover no-repeat}
.detail-hero h1,.detail-hero p{position:absolute;margin:0;white-space:nowrap;color:#fff}
.hero-name{position:absolute;left:7.5vw;top:calc(19.027778vw - var(--nav));font:800 6.944444vw/7.444444vw Roboto,Inter,Arial,sans-serif;letter-spacing:.03em}
.hero-series{position:absolute;left:44.583333vw;top:calc(20.347222vw - var(--nav));font-size:3.819444vw;font-weight:900;line-height:4.027778vw;letter-spacing:.1em}
.detail-hero p{left:7.916667vw;top:calc(26.666667vw - var(--nav));font-size:2.083333vw;font-weight:700;line-height:2.152778vw;letter-spacing:.04em}

.detail-intro{padding:96px 0 192px}
.detail-intro p{width:min(1206px,calc(100% - 48px));margin:auto;font-size:24px;line-height:1.45;letter-spacing:.083333em}

section[class^="detail-feature"] p{width:calc(100% - 48px);max-width:1206px;margin:14px auto 0;font-size:20px;font-weight:500;line-height:1.45;letter-spacing:.1em}
.detail-feature-0{padding-bottom:144px}
/* Three crops of one strip (image 257–259): STRETCH paints with raw image transforms, no distortion. */
.stereo-tiles{position:relative;width:min(1077px,calc(100% - 48px));aspect-ratio:1077/790;margin:138px auto 0}
.stereo-tile{position:absolute;overflow:hidden}
.stereo-tile img{position:absolute;max-width:none;height:190.3%;top:-44.9516%}
.stereo-tile-rgb{left:0;top:0;width:49.8607%;height:40.6329%}
.stereo-tile-rgb img{width:341.232%;left:0}
.stereo-tile-depth{left:49.675%;top:0;width:50.325%;height:40.6329%}
.stereo-tile-depth img{width:338.028%;left:-100.837%}
.stereo-tile-cloud{left:0;top:40.6329%;width:100%;height:59.3671%}
.stereo-tile-cloud img{width:249.135%;left:-149.183%}
.detail-feature-1{padding-bottom:68px}
/* image 241 starts at the paragraph's top edge and shows only the right 59.26% of its bitmap. */
.vslam-media{position:relative;width:min(1338px,100%);aspect-ratio:1338/940;margin:-29px auto 0;overflow:hidden}
.vslam-media img{position:absolute;top:0;left:-68.75%;width:168.75%;max-width:none;height:100%}

/* Component 143 instance 1695:6278 (1440 × 941). */
.detail-applications{padding:66px 0 86px}
.application-media{width:min(1176px,calc(100% - 48px));height:auto;aspect-ratio:1176/594;object-fit:cover;margin:45px auto 0}
.application-label{margin:51px 0 0;font-size:24px;font-weight:600;line-height:1.45;letter-spacing:.02em}

.detail-specs{padding:170px 0 122px;background:url("../assets/product-details/opt/source-web1-libra-2000/6fd037654de0da8355ef82acd34dba9c1dca4b72.webp") center 54px/max(1441px,100%) auto no-repeat}
.detail-specs h2{font-size:64px!important;font-weight:700!important;letter-spacing:.03125em!important}
.spec-card{width:min(947px,calc(100% - 48px));margin:99px auto 0;padding-bottom:55px;border-radius:44px;background:#fff;box-shadow:0 0 20px rgba(255,255,255,.25);overflow:hidden}
.detail-specs table{width:100%;table-layout:fixed;border-collapse:collapse;border-style:hidden;color:#000;text-align:center}
.detail-specs th,.detail-specs td{height:54px;padding:0 10px;border:2px solid #000;font-size:16px;font-weight:900;line-height:1.45;letter-spacing:.02em;vertical-align:middle;overflow-wrap:anywhere}
.detail-specs tr>*:first-child{width:39.18%}
.detail-specs thead th{height:90px;border-style:hidden;background:#506892;color:#fff}
.detail-specs .product-pictures>*{height:238px;border-top-style:hidden}
.product-picture{width:276px;height:179px;object-fit:cover;margin:auto}
.detail-specs tbody tr:nth-last-child(2)>*{height:79px}
.detail-specs tbody tr:last-child>*{height:57px}
.support-link{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(480px,calc(100% - 48px));height:60px;margin:74px auto 0;border:2px solid #fff;border-radius:48px;font-size:24px;font-weight:500;letter-spacing:.083333em}
main .design-cta a{font-weight:600}

/* Keep the title anchor, but let the series label follow actual font metrics. */
@media(min-width:901px){
 .detail-hero h1{left:7.5vw;top:calc(19.027778vw - var(--nav));display:flex;align-items:baseline;gap:1.25vw;max-width:calc(100% - 7.5vw)}
 .detail-hero h1 .hero-name,.detail-hero h1 .hero-series{position:static;flex:none}
}
@media(max-width:900px){
 .detail-hero{height:320px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;box-sizing:border-box;padding:0 20px 28px}
 .detail-hero h1,.detail-hero p,.hero-name,.hero-series{position:static;left:auto;top:auto;white-space:normal}
 .detail-hero h1{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;width:100%}
 .hero-name{font-size:32px;line-height:1.15;letter-spacing:0}
 .hero-series{font-size:18px;line-height:1.2;letter-spacing:.04em}
 .detail-hero p{margin-top:8px;font-size:14px;line-height:1.5;letter-spacing:0}
 main>section:not(.design-cta) h2{font-size:28px;padding-inline:24px}
 .detail-specs h2{font-size:32px!important}
 .detail-intro{padding:56px 0 64px}
 .detail-intro p{font-size:16px;text-align:left;letter-spacing:.04em}
 section[class^="detail-feature"]{padding-bottom:64px!important}
 section[class^="detail-feature"] p{font-size:15px;text-align:left;letter-spacing:.04em}
 .stereo-tiles{margin-top:28px}
 .vslam-media{margin-top:12px}
 .detail-applications{padding:64px 0}
 .application-media{margin-top:28px}
 .application-label{margin-top:20px;font-size:16px}
 .detail-specs{padding:64px 0 72px;background-position:center top}
 .spec-card{margin-top:35px;border-radius:24px;padding-bottom:24px}
 .detail-specs th,.detail-specs td{height:auto;padding:8px;font-size:13px;letter-spacing:.02em}
 .detail-specs thead th{height:56px}
 .detail-specs .product-pictures>*{height:120px}
 .product-picture{width:min(150px,100%);height:auto;aspect-ratio:276/179}
 .detail-specs tbody tr:nth-last-child(2)>*,.detail-specs tbody tr:last-child>*{height:auto}
 .support-link{margin-top:40px;font-size:18px}
}
/* dropped-image 1 (1695:6279): STRETCH crop v .1915–.9997. */
.application-media{object-position:50% 99.84%}
