/* Narrow screens: original source fill in its own art cell below live text. */
@media(max-width:600px){
 body main>.detail-hero{height:auto;min-height:0;display:block;padding:24px 20px calc(46.527778vw + 24px)}
 body main>.detail-hero::before{inset:auto 0 0;height:46.527778vw;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}
}
/* Aurora 930: web1.fig > Aurora 930 (1691:4555), 1440 × 6790. 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,main video{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.527778vw - 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-aurora-930/5cf6f11c00ea031f7ec72a1d37541937f496eed6.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:9.305556vw;top:calc(18.611111vw - var(--nav));font:800 6.666667vw/7.152778vw Roboto,Inter,Arial,sans-serif;letter-spacing:.03em}
.hero-series{position:absolute;left:46.666667vw;top:calc(20.416667vw - var(--nav));font-size:3.819444vw;font-weight:900;line-height:4.027778vw;letter-spacing:.1em}
.detail-hero p{left:9.305556vw;top:calc(26.597222vw - var(--nav));font-size:2.083333vw;font-weight:700;line-height:2.152778vw;letter-spacing:.04em}

.detail-intro{padding:138px 0 148px}
.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}
.feature-media{height:auto;object-fit:cover;margin-inline:auto}
.detail-feature-0{padding-bottom:122px}
.detail-feature-0 .feature-media{width:min(1057px,calc(100% - 48px));aspect-ratio:1057/440;margin-top:107px}
.detail-feature-1{padding-bottom:194px}
.detail-feature-1 .feature-media{width:100%;aspect-ratio:1440/300;margin-top:94px}
.detail-feature-2{padding-bottom:84px}
.detail-feature-2 .feature-media{width:min(1192px,calc(100% - 48px));aspect-ratio:1192/671;margin-top:94px}

/* Component 142 instance 1695:6271 (1440 × 941); master 1694:6187 holds both scene variants. */
.detail-applications{padding:66px 0 67px}
.application-media{width:min(1176px,calc(100% - 48px));height:auto;aspect-ratio:1176/594;object-fit:cover;margin:45px auto 0}
.scene-tabs{display:flex;align-items:center;gap:111px;width:min(1176px,calc(100% - 48px));margin:29px auto 0;padding-left:367px;box-sizing:border-box}
.scene-tabs button{border:0;padding:0;background:none;color:rgba(255,255,255,.56);font-family:inherit;font-size:24px;font-weight:600;line-height:1.45;letter-spacing:.02em;cursor:pointer;white-space:nowrap}
.scene-tabs button[aria-selected="true"]{color:#fff}
.scene-tabs button:focus-visible{outline:2px solid #bbd3ff;outline-offset:5px}
.scene-divider{flex:none;width:1px;height:76px;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,#fff 55.288%,rgba(0,0,0,0) 100%)}

.detail-specs{padding:87px 0 93px;background:url("../assets/product-details/opt/source-web1-aurora-930/6fd037654de0da8355ef82acd34dba9c1dca4b72.webp") center top/max(1441px,100%) auto no-repeat}
.detail-specs h2{font-size:64px!important;font-weight:700!important;line-height:1.45;letter-spacing:.03125em!important}
.spec-card{width:min(947px,calc(100% - 48px));margin:75px auto 0;padding-bottom:51px;border-radius:44px;background:#fff;box-shadow:0 0 20px rgba(255,255,255,.25);overflow:hidden}
.spec-scroll{overflow-x:auto}
.detail-specs table{width:100%;min-width:760px;table-layout:fixed;border-collapse:collapse;border-style:hidden;color:#000;text-align:center}
.detail-specs th,.detail-specs td{height:40px;padding:0 10px;border:2px solid #000;font-size:16px;font-weight:900;line-height:1.45;letter-spacing:.125em;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:228px;border-top-style:hidden}
.product-picture{position:relative;top:-7px;width:183px;height:119px;object-fit:cover;margin:auto}
.detail-specs tbody tr:nth-last-child(2)>*{height:85px}
.detail-specs tbody tr:last-child>*{height:50px}
.support-link{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(480px,calc(100% - 48px));height:60px;margin:64px auto 0;border:2px solid #fff;border-radius:48px;font-size:24px;font-weight:500;letter-spacing:.083333em}

/* Keep the title anchor, but let the series label follow actual font metrics. */
@media(min-width:901px){
 .detail-hero h1{left:9.305556vw;top:calc(18.611111vw - var(--nav));display:flex;align-items:baseline;gap:1.25vw;max-width:calc(100% - 9.305556vw)}
 .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}
 section[class^="detail-feature"] .feature-media{margin-top:28px}
 .detail-applications{padding:64px 0}
 .application-media{margin-top:28px}
 .scene-tabs{justify-content:center;gap:24px;padding:0;margin-top:20px}
 .scene-tabs button{font-size:16px}
 .scene-divider{height:40px}
 .detail-specs{padding:64px 0 72px}
 .spec-card{margin-top:35px;border-radius:24px;padding-bottom:24px}
 .detail-specs table{min-width:0}
 .detail-specs th,.detail-specs td{padding:6px 8px;font-size:13px;letter-spacing:.04em}
 .detail-specs thead th{height:56px}
 .detail-specs .product-pictures>*{height:120px}
 .product-picture{top:0;width:min(150px,100%);height:auto;aspect-ratio:183/119}
 .detail-specs tbody tr:nth-last-child(2)>*{height:auto}
 .support-link{margin-top:40px;font-size:18px}
}
main .design-cta a{font-weight:600}