/* Home only: design/precision intro with a true responsive technical drawing. */
.tkph-intro{padding:120px 0 104px;background:#f7f4ee}
.tkph-intro__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:clamp(50px,8vw,120px);align-items:center}
.tkph-intro__copy h2{max-width:610px;color:#171715;font-size:clamp(40px,4.8vw,66px);line-height:1.04;letter-spacing:-.055em}
.tkph-intro__copy>p:not(.tkph-kicker){max-width:480px;margin:29px 0 31px;color:#595752;font-size:18px;line-height:1.65}
.tkph-intro__copy .tkph-text-link{color:#171715!important}
.tkph-intro__technical{position:relative;width:100%;aspect-ratio:2073/758;padding:0;background-color:#f7f4ee;background-image:url('../assets/intro-fireplace-architectural-drawing-v2.png');background-position:center;background-size:118% auto;background-repeat:no-repeat;background-blend-mode:multiply}
.tkph-intro__technical svg{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.tkph-drawing__fireplace{fill:none;stroke:#26241f;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tkph-drawing__dimension{fill:none;stroke:#c99725;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.tkph-drawing__dimension text{fill:#a87a08;stroke:none;font-family:Poppins,Arial,sans-serif;font-size:16px;font-weight:600;letter-spacing:.04em}
.tkph-intro .tkph-features{margin-top:75px}
.tkph-intro .tkph-feature{border-color:#d6d0c4}
.tkph-intro .tkph-feature>span{display:none}
.tkph-intro .tkph-feature h3{margin-top:0}
.tkph-intro .tkph-feature h3{font-size:18px;text-transform:none}
@media(max-width:800px){
  .tkph-intro{padding:75px 0 66px}
  .tkph-intro__grid{grid-template-columns:1fr;gap:34px}
  .tkph-intro__copy h2{font-size:clamp(37px,10vw,48px)}
  .tkph-intro__copy>p:not(.tkph-kicker){margin:23px 0 26px;font-size:16px}
  .tkph-intro__technical{margin-top:2px}
  .tkph-intro .tkph-features{grid-template-columns:1fr;gap:18px;margin-top:35px}
  .tkph-intro .tkph-feature{padding-top:18px}
}