/* Shared image and SVG plane: preserve height proportions through contain/cropping. */
.tower-page .product-hero-image.has-scale{container-type:size;mask-image:none}
.tower-page .product-hero-shade{background:linear-gradient(90deg,#050807 0%,#050807fc 28%,#050807ef 40%,#05080740 61%,#05080700 77%)}
.tower-scale-scene{position:absolute;left:65%;top:50%;width:min(100cqw,139.6363636cqh);aspect-ratio:1536/1100;transform:translate(-65%,-50%)}
.tower-page .tower-scale-scene>img{position:absolute;inset:0 0 auto;width:100%;height:93.090909%;object-fit:contain;mask-image:linear-gradient(0deg,transparent,#000 3%,#000 96%,transparent)}
.tower-scale-overlay{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.scale-labels{fill:#f0e8d5;font-family:Arial,Helvetica,sans-serif;font-size:27px;letter-spacing:.2px}
.scale-label-note{font-size:22px;fill:#d8d9ca}
@media(max-width:1100px) and (min-width:701px){.tower-page .product-hero-image.has-scale{right:16px}}
@media(max-width:1000px) and (min-width:701px){.tower-page .product-hero-copy{max-width:55%}.tower-page .product-hero h1{font-size:4.9vw}}
@media(max-width:700px){
 .tower-page .product-hero-image.has-scale{height:clamp(440px,128vw,620px);margin:25px -20% 0 -95%;inset:auto}
 .tower-scale-scene{left:auto;right:calc(20vw + 12px);top:50%;transform:translateY(-50%)}
 .scale-labels{font-size:32px}.scale-label-note{font-size:28px}
}
@media(max-width:360px){.tower-page .product-hero-image.has-scale{height:430px;margin-left:-111%;margin-right:-18%}.tower-scale-scene{right:calc(18vw + 12px)}}