/* Product-center hero only; photograph remains a separate image element. */
.product-hero{--product-hero-height:clamp(520px,31vw,580px);background:#0b1d30;min-height:var(--product-hero-height)}
.product-hero>.container{position:static;padding-top:24px}
.product-hero .breadcrumb{position:relative;z-index:3;margin-bottom:0;font-size:13px;color:#a4b6c8}
.product-hero .hero-grid{display:flex;align-items:center;min-height:calc(var(--product-hero-height) - 88px);padding:0}
.product-hero .hero-copy{position:relative;z-index:2;width:44%;padding:0}
.product-hero .hero-label{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:1.2px;color:#9bbbd9;margin-bottom:18px}
.product-hero .hero-label::before{content:"";width:28px;height:2px;background:#3988ff}
.product-hero .hero-copy h1{font-size:clamp(48px,3vw,56px);font-weight:700;letter-spacing:1px;margin-bottom:20px;line-height:1.15}
.product-hero .hero-copy h2{font-size:clamp(28px,1.8vw,32px);font-weight:500;line-height:1.55;margin-bottom:0;color:#f1f5fa}
.product-hero .hero-copy>p{font-size:14px;line-height:2;color:#aabbcd}
.product-hero .hero-copy .actions{margin-top:30px;gap:14px}
.product-hero .button{min-height:48px;padding-inline:22px;border-radius:2px;font-size:14px;gap:22px}
.product-hero .button.secondary{border-color:#62768c;background:#0b1d3040}
.product-hero .button.secondary:hover{background:#ffffff12}
.product-hero .hero-product{position:absolute;z-index:0;inset:0;border:0;border-radius:0;background:linear-gradient(90deg,#0b1d30 25%,#19334c 48%,#4b647c 78%,#354f69);overflow:hidden;display:block}
.product-hero .hero-product picture{display:block;width:100%;height:100%}
.product-hero .hero-product img{position:absolute;top:50%;right:calc(8.15vw + max(0px,calc((100vw - 1200px)/3)));transform:translateY(-50%);width:69.7%;height:auto;max-width:none;padding:0;object-fit:contain;mix-blend-mode:normal;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 94%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.product-hero .hero-product::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1d30d9 0%,#0b1d3080 27%,#0b1d3026 45%,transparent 65%),linear-gradient(0deg,#0b1d30eb,transparent 22%);pointer-events:none}
.product-hero .hero-product figcaption{display:none;position:absolute;z-index:1;left:62%;right:max(5%,calc((100vw - 1200px)/2));bottom:30px;border:0;border-top:1px solid #ffffff45;margin:0;padding:16px 0 0;color:#d0dbe5;font-size:12px;letter-spacing:1px;align-items:center}
.product-hero .hero-product figcaption>span:first-child{color:#fff;font-size:16px;font-weight:500}

@media(max-width:700px){
 .product-hero{min-height:0}
 .product-hero>.container{padding-top:18px}
 .product-hero .hero-grid{display:block;min-height:0}
 .product-hero .breadcrumb{font-size:12px}
 .product-hero .hero-copy{width:100%;padding:34px 0 32px}
 .product-hero .hero-label{font-size:11px;letter-spacing:1px}
 .product-hero .hero-copy h1{font-size:36px;margin-bottom:18px}
 .product-hero .hero-copy h2{font-size:24px;margin-bottom:16px}
 .product-hero .hero-copy>p{font-size:13px}
 .product-hero .hero-copy .actions{margin-top:24px;gap:10px}
 .product-hero .button{padding-inline:16px;gap:14px;font-size:13px}
 .product-hero .hero-product{position:relative;inset:auto;width:100vw;margin-left:calc((min(1200px,90vw) - 100vw)/2);height:auto;aspect-ratio:auto;background:#e9edf1}
 .product-hero .hero-product picture{height:auto}
 .product-hero .hero-product img{position:static;transform:none;width:min(85%,552.5px);height:auto;max-width:100%;margin-inline:auto;opacity:1;mask-image:none}
 .product-hero .hero-product::after{background:linear-gradient(180deg,#0b1d30,transparent 22%),linear-gradient(0deg,#0b1d30,transparent 32%),linear-gradient(#0b1d3026,#0b1d3026)}
 .product-hero .hero-product figcaption{display:flex;left:5%;right:5%;bottom:20px;padding-top:12px}
}