.tf-parts-hero{position:relative;isolation:isolate;overflow:hidden;height:500px;background:#282828;color:#fff;display:flex;align-items:flex-end}
/* Preserve the square original's aspect ratio; do not stretch the fill transform. */
.tf-parts-hero__image{position:absolute;z-index:-1;max-width:none;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;pointer-events:none}
.tf-parts-hero__content{width:100%;display:flex;flex-direction:column;align-items:center;gap:49px}
.tf-parts-hero--plain .tf-parts-hero__content{padding-bottom:50px}
.tf-parts-hero__copy{text-align:center;display:flex;flex-direction:column;align-items:center;gap:15px;padding:0 20px}
.tf-parts-hero h1{font-family:Impact,sans-serif;font-weight:400;font-size:110px;line-height:134px;letter-spacing:2px;margin:0}
.tf-parts-hero__copy p{font-family:Inter,sans-serif;font-size:24px;line-height:23px;max-width:586px;margin:0}
.tf-parts-hero__strip{width:100%;background:rgba(0,0,0,.6);padding:15px 0}
.tf-parts-hero__strip>div{height:20px;position:relative;font-family:Impact,sans-serif;font-size:16px;line-height:20px;letter-spacing:1.4px;white-space:nowrap}
.tf-parts-hero__strip>div span{position:absolute;top:0}
.tf-parts-hero__strip-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Keep the plain desktop title at the reference position without inventing a promotion strip. */
@media(min-width:768px){.tf-parts-hero--plain .tf-parts-hero__content{padding-bottom:121px}}
/* Mobile layout is a proposal: the source frame is desktop only. */
@media(max-width:767px){.tf-parts-hero{height:400px}.tf-parts-hero h1{font-size:clamp(42px,12vw,80px);line-height:1.2}.tf-parts-hero__copy p{font-size:20px;line-height:1.3}.tf-parts-hero__content{gap:35px}}