/* Town-only additions. Approved hub styles remain read-only. */
.tint-town .th-hero{min-height:680px}
.tint-town .th-hero>img{object-position:70% 52%}
.tint-town .th-hero:before{background:linear-gradient(90deg,rgba(9,10,12,.96),rgba(9,10,12,.77) 43%,rgba(9,10,12,.12))}
.tint-town .th-hero-copy{max-width:750px}.tint-town .th-hero h1{max-width:750px}
.tint-town .th-hero h1 span{font-size:.67em}
.tint-town .th-breadcrumb{font-size:13px;margin-bottom:32px}
.tt-early{padding-bottom:34px}
.tt-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;padding-bottom:18px;scroll-padding-inline:1px}
.tt-carousel figure{scroll-snap-align:start;min-width:0}
.tt-carousel a{display:block;overflow:hidden}
.tint-town .tt-carousel img{aspect-ratio:3/2;object-fit:cover}
.tt-carousel figcaption{padding:18px 1px 0;line-height:1.5}
.tt-carousel figcaption strong{display:block;font-weight:600;font-size:20px;margin-bottom:6px}
.tt-carousel figcaption span{display:block;font-size:15px;color:var(--th-muted)}
.tint-town .tt-carousel-hint{font-size:13px;color:var(--th-muted);margin-top:12px}
.tt-planning{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto 1fr;gap:0 28px;margin-top:34px}
.tt-planning article{display:grid;grid-template-rows:subgrid;grid-row:span 3;border-top:2px solid var(--th-red);padding-top:22px}
.tt-planning article>span{font:600 32px/1 'Barlow Condensed',sans-serif;color:var(--th-red);margin-bottom:22px}
.tint-town .tt-planning h3{font-size:26px;margin-bottom:16px}
.tt-planning p{font-size:16px;color:var(--th-muted)}
.tt-siblings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto 1fr auto;gap:0 40px;margin-top:34px}
.tt-siblings article{display:grid;grid-template-rows:subgrid;grid-row:span 3;padding:30px 0;border-top:3px solid var(--th-red)}
.tt-siblings p{color:var(--th-muted)}.tt-siblings a{justify-self:start;margin-top:8px}
.tint-town .th-gallery span{line-height:1.5}
@media(max-width:900px){.tt-carousel{grid-auto-columns:calc((100% - 20px)/2)}.tt-planning{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.tt-planning article{grid-template-rows:auto auto 1fr;grid-row:auto}.tt-planning h3{min-height:2.2em}}
@media(max-width:640px){.tint-town .th-hero{min-height:0;padding-bottom:38px}.tint-town .th-hero:before{background:linear-gradient(90deg,#101114ee,#101114b3)}.tint-town .th-hero>img{object-position:67% center}.tint-town .th-hero h1 span{font-size:.64em}.tt-carousel{grid-auto-columns:86%;gap:16px}.tt-early{padding-bottom:28px}.tt-planning{grid-template-columns:1fr;gap:24px}.tt-planning article{grid-template-columns:40px 1fr;grid-template-rows:auto 1fr;gap:0 14px}.tt-planning article>span{grid-row:1/3;font-size:30px}.tint-town .tt-planning h3{min-height:0;margin-bottom:12px}.tt-planning p{grid-column:2}.tt-siblings{grid-template-columns:1fr;gap:8px}.tt-siblings article{grid-row:auto;grid-template-rows:auto 1fr auto}.tint-town .th-gallery{grid-template-columns:1fr 1fr}.tint-town .th-gallery span{font-size:13px}.tint-town .th-breadcrumb{gap:7px;font-size:12px}}
/* Photo statement follows the established ceramic-coating callout treatment. */
.tint-town .tt-brand-break{position:relative;isolation:isolate;background:#161618;min-height:530px;display:flex;align-items:center;text-align:center}
.tint-town .tt-brand-break>img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center 54%;z-index:-2}
.tint-town .tt-brand-break:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000c,#0009 65%,#000a);z-index:-1}
.tint-town .tt-brand-break .wrap{padding-block:78px}
.tint-town .tt-brand-break h2{color:#fff;font-size:clamp(38px,4.1vw,66px);max-width:1320px;margin:0 auto 26px;line-height:1.15}
.tint-town .tt-brand-break h2 span{display:block;margin-top:28px}
.tint-town .tt-brand-break p{max-width:770px;margin:0 auto;color:#ececef;font-size:19px}
.tint-town .th-why .why-grid p,.tint-town .tt-why-followup{color:#c4cbd3}
@media(max-width:640px){.tint-town .tt-brand-break{min-height:485px}.tint-town .tt-brand-break .wrap{padding-block:52px}.tint-town .tt-brand-break h2{font-size:36px}.tint-town .tt-brand-break h2 span{margin-top:24px}.tint-town .tt-brand-break p{font-size:17px}}