/* Isolated previews: the approved product, marks and background keep their exact positions. */
.hero.product-first .mh-intro.tt-intro{height:195.984375px;padding:12px 24px 14px;display:flex;align-items:center;justify-content:center}
.hero.product-first h1.tt-title{position:relative;margin:0;width:min(640px,100%,calc(169.984375px * var(--art-height-fit) * var(--title-scale-desktop,1)));height:auto;max-width:none;aspect-ratio:var(--art-ratio);font:inherit;line-height:1;translate:var(--title-x-desktop,0px) var(--title-shift-desktop,0px)}
.tt-art{position:relative;display:block;width:100%;aspect-ratio:var(--art-ratio);overflow:hidden}
.tt-art>img{position:absolute;display:block;width:var(--art-image-width);height:var(--art-image-height);left:var(--art-image-left);top:var(--art-image-top);max-width:none;object-fit:fill}
@media(min-width:761px) and (max-width:1100px){
 .hero.product-first .mh-intro.tt-intro{height:174.6875px;padding-top:12px;padding-bottom:14px}
 .hero.product-first h1.tt-title{width:min(600px,100%,calc(148.6875px * var(--art-height-fit) * var(--title-scale-desktop,1)))}
}
@media(max-width:760px){
 .hero.product-first .mh-intro.tt-intro{height:145.5625px;padding:17px 16px 14px}
 .hero.product-first h1.tt-title{width:min(440px,100%,calc(114.5625px * var(--art-height-fit) * var(--title-scale-mobile,1)));translate:var(--title-x-mobile,0px) var(--title-shift-mobile,0px)}
}
@media(max-width:360px){
 .hero.product-first .mh-intro.tt-intro{height:130.984375px;padding-top:17px;padding-bottom:14px}
 .hero.product-first h1.tt-title{width:min(100%,calc(99.984375px * var(--art-height-fit) * var(--title-scale-mobile,1)))}
}
