/* Full-bleed close-ups of the four existing vector instruments. */
.page-product section.product-hero{
 display:block!important;max-width:none;width:100%;padding:0 0 88px!important;
}
.product-opening{
 position:relative;isolation:isolate;overflow:hidden;
 min-height:clamp(640px,80svh,900px);
 display:flex;align-items:center;
 padding:100px max(64px,calc((100vw - 1280px)/2));
}
.product-opening .product-intro{position:relative;z-index:1;width:52%;max-width:670px}
.product-opening .nautical-visual{
 position:absolute;inset:0;overflow:hidden;pointer-events:none;
 mask-image:linear-gradient(90deg,transparent 52%,#000 70%);
}
.product-opening .nautical-visual img{
 position:absolute;left:84%;top:50%;
 width:clamp(1100px,110vw,2100px);max-width:none;height:auto;
 transform:translate(-50%,-50%);
}
.product-hero>.copytext{
 max-width:1408px;margin:0 auto!important;padding:48px 64px 0;
}
@media(max-width:1250px){
 .product-opening{padding-inline:40px}
 .product-hero>.copytext{padding-inline:40px}
}
@media(max-width:760px){
 .product-opening{min-height:780px;flex-direction:column;align-items:stretch;padding:124px 24px 0}
 .product-opening .product-intro{width:100%;max-width:520px;gap:24px}
 .product-opening .nautical-visual{position:relative;inset:auto;flex:1;min-height:320px;width:calc(100% + 48px);margin:28px -24px 0;mask-image:linear-gradient(180deg,transparent,#000 22%)}
 .product-opening .nautical-visual img{width:1000px;left:76%;top:62%}
 .product-hero>.copytext{padding:40px 24px 0}
}
@media(max-width:480px){
 .product-opening{min-height:760px}
 .product-opening .nautical-visual img{width:850px;left:84%}
}
/* Give the Board Effectiveness boat more room within its opening. */
.product-opening--board .nautical-visual img{width:clamp(880px,88vw,1680px);left:78%}
@media(max-width:760px){
 .product-opening--board .nautical-visual img{width:800px;left:70%}
}
@media(max-width:480px){
 .product-opening--board .nautical-visual img{width:680px;left:78%}
}