/* Narrow screens preserve the 1440:675 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.875vw + 24px)}
 body main>.detail-hero::before{inset:auto 0 0;height:46.875vw;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}
}
/* Pisca: web1.fig > pisca (1691:4184), 1440 × 6935. Hero art starts under the fixed header. */
/* Roboto wght 800 instance, Latin letters/digits only. */
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.875vw - 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-pisca/2372d769cab11185278a3153f18c4de4e61c2e72.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:13.263889vw;top:calc(16.111111vw - var(--nav));font:800 9.722222vw/10.416667vw "Hero Roboto",Roboto,Inter,Arial,sans-serif;letter-spacing:.03em}
.hero-series{position:absolute;left:40.972222vw;top:calc(20.833333vw - var(--nav));font-size:4.444444vw;font-weight:900;line-height:4.6875vw;letter-spacing:.1em}
.detail-hero p{left:13.611111vw;top:calc(27.361111vw - var(--nav));font-size:2.5vw;font-weight:700;line-height:2.583333vw;letter-spacing:.04em}

.detail-intro{padding:109px 0 159px}
.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:149px}
.detail-feature-0 .feature-media{width:min(1100px,calc(100% - 48px));aspect-ratio:1100/618;margin-top:81px}
.detail-feature-1{padding-bottom:171px}
.detail-feature-1 .feature-media{width:min(1198px,calc(100% - 48px));aspect-ratio:1198/499;margin-top:58px}
.detail-feature-2{padding-bottom:36px}
.detail-feature-2 .feature-media{width:100%;aspect-ratio:1440/546;margin-top:104px}

/* Component 141 instance 1693:6029 (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:161px 0 124px;background:url("../assets/product-details/opt/source-web1-pisca/6fd037654de0da8355ef82acd34dba9c1dca4b72.webp") center 69px/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:80px 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:43px;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:234px;border-top-style:hidden}
/* image 211 (378 × 246) is taller than its 234px row and rises 18px into the header band. */
.product-picture{position:relative;z-index:1;width:378px;height:246px;object-fit:cover;margin:-24px auto 0}
.support-link{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:min(480px,calc(100% - 48px));height:60px;margin:75px 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:13.263889vw;top:calc(16.111111vw - var(--nav));display:flex;align-items:baseline;gap:1.25vw;max-width:calc(100% - 13.263889vw)}
 .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:34px;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"] p br{display:none}
 section[class^="detail-feature"] .feature-media{margin-top:28px}
 .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:130px}
 .product-picture{width:min(170px,100%);height:auto;aspect-ratio:378/246;margin:0 auto}
 .support-link{margin-top:40px;font-size:18px}
}