/* 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(640px,calc(100% - 48px));aspect-ratio:16/9;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:none}
.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:12px;background:#fff;overflow:hidden}
.detail-specs table{width:100%;table-layout:fixed;border-collapse:collapse;border-style:hidden;color:#172b44;text-align:center}
.detail-specs th,.detail-specs td{height:43px;padding:0 10px;border:1px solid #bac4d1;font-size:16px;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: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:12px;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}
}

/* Separate column labels, row labels and values without heavy grid lines. */
.detail-specs thead th{font-weight:600}
.detail-specs tbody th{font-weight:500}
.detail-specs td{font-weight:400}

/* Dark lettering stays legible over the pale desktop artwork. */
@media(min-width:601px){.detail-hero h1,.detail-hero p{color:#16385c}}

/* Pisca 1200 / 2000 comparison, following the supplied three-column reference. */
.product-pisca .pisca-specs-comparison{padding:clamp(40px,4.4444vw,64px) 0 clamp(24px,2.7778vw,40px)}
.product-pisca .pisca-specs-comparison h2{font-size:clamp(36px,4.4444vw,64px)!important}
.product-pisca .pisca-specs-comparison .spec-card{width:min(1250px,86.8%);margin-top:clamp(40px,5.5556vw,80px);padding-bottom:clamp(54px,6.25vw,90px);border-radius:clamp(28px,3.75vw,54px);box-shadow:0 0 36px #d7e9ff28}
.product-pisca .pisca-comparison{width:100%;table-layout:fixed;color:#000}
.product-pisca .pisca-comparison col:nth-child(1){width:22%}
.product-pisca .pisca-comparison col:nth-child(2){width:36.5%}
.product-pisca .pisca-comparison col:nth-child(3){width:41.5%}
.product-pisca .pisca-comparison tr>*:first-child{width:auto}
.product-pisca .pisca-comparison th,.product-pisca .pisca-comparison td{height:clamp(37px,3.3333vw,48px);padding:5px clamp(7px,.6944vw,10px);border:1px solid #151515;font-size:clamp(12px,1.1111vw,16px);font-weight:700;line-height:1.45;letter-spacing:.075em;overflow-wrap:normal;word-break:normal}
.product-pisca .pisca-comparison thead th{height:clamp(68px,6.25vw,90px);padding:0 10px;border:0;background:#506892;color:#fff}
.product-pisca .pisca-comparison .product-pictures>*{height:clamp(210px,19.3056vw,278px);padding:0 14px;border-top:0}
.product-pisca .pisca-comparison .product-picture{position:static;display:block;width:100%;max-width:100%;height:clamp(210px,19.3056vw,278px);margin:0 auto;object-fit:contain}
.product-pisca .pisca-comparison .product-pictures td:first-of-type .product-picture{width:89%}
.product-pisca .pisca-specs-comparison .support-link{width:min(480px,calc(100% - 48px),33.3333vw);height:clamp(44px,4.1667vw,60px);margin-top:clamp(48px,4.8611vw,70px);font-size:clamp(18px,1.6667vw,24px)}
@media(max-width:900px){
 .product-pisca .pisca-specs-comparison .spec-card{width:calc(100% - 32px);border-radius:24px;padding-bottom:28px}
 .product-pisca .pisca-specs-comparison .product-spec-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .product-pisca .pisca-specs-comparison .pisca-comparison{min-width:960px}
 .product-pisca .pisca-comparison col:nth-child(1){width:180px}
 .product-pisca .pisca-comparison col:nth-child(2){width:360px}
 .product-pisca .pisca-comparison col:nth-child(3){width:420px}
 .product-pisca .pisca-comparison th,.product-pisca .pisca-comparison td{height:44px;font-size:13px;padding:7px 10px;letter-spacing:.03em}
 .product-pisca .pisca-comparison thead th{height:64px}
 .product-pisca .pisca-comparison .product-pictures>*{height:200px}
 .product-pisca .pisca-comparison .product-picture{height:200px;aspect-ratio:auto}
 main .pisca-specs-comparison .product-spec-scroll[id] table tr>*:first-child{width:180px;border-color:#151515;box-shadow:1px 0 0 #151515}
 .product-pisca .pisca-specs-comparison .support-link{width:min(480px,calc(100% - 48px));height:48px;font-size:18px}
}

/* Center the editable title above the landscape product artwork. */
.product-pisca main>.detail-hero{box-sizing:border-box;height:43.333333vw;min-height:0;padding:6.1vw 24px 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}
.product-pisca main>.detail-hero::before{inset:0;height:auto;background-position:center;background-size:cover}
.product-pisca main>.detail-hero h1{position:relative;left:auto;top:auto;display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:center;gap:1vw;width:auto;max-width:100%;margin:0;line-height:1.08;white-space:nowrap;color:#2d6cda}
.product-pisca main>.detail-hero h1 .hero-name{position:static;left:auto;top:auto;flex:none;font:800 7.1vw/1.08 "Hero Roboto",Roboto,Inter,Arial,sans-serif;letter-spacing:.10em}
.product-pisca main>.detail-hero h1 .hero-series{position:static;left:auto;top:auto;flex:none;font-size:4vw;font-weight:800;line-height:1.15;letter-spacing:.08em}
.product-pisca main>.detail-hero p{position:relative;left:auto;top:auto;margin:.3vw 0 0;max-width:100%;font-size:2.5vw;font-weight:700;line-height:1.35;letter-spacing:.04em;white-space:normal;color:#2d6cda}
@media(max-width:600px){
 .product-pisca main>.detail-hero{height:calc(41.516vw + 130px);padding:24px 16px 0}
 .product-pisca main>.detail-hero::before{inset:0;height:auto;background-color:#bad5fb;background-size:100% auto;background-position:center bottom}
 .product-pisca main>.detail-hero h1{gap:8px;width:auto;max-width:100%;line-height:1.08}
 .product-pisca main>.detail-hero h1 .hero-name{font-size:clamp(34px,10vw,52px);letter-spacing:.10em}
 .product-pisca main>.detail-hero h1 .hero-series{font-size:clamp(23px,6.8vw,34px);letter-spacing:.06em}
 .product-pisca main>.detail-hero p{font-size:clamp(18px,4.8vw,24px);margin-top:8px;line-height:1.35}
}