/* Thermal Group Layout Patch 3.1 — scoped corrections only.
   Depends on restored October 16 layouts; no changes to desktop carousel or products. */

/* Keep the main navigation available while browsing on phones/tablets.
   Sticky (not fixed) preserves document flow: no jump under the header. */
@media (max-width:850px) {
  html body > .site-header,
  html body .site-header {
    position:-webkit-sticky!important;
    position:sticky!important;
    top:0!important;
    z-index:9999!important;
    width:100%!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    background:#fff!important;
    border-bottom:1px solid #e4eaf2!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body .site-header.is-scrolled {
    box-shadow:0 5px 18px rgba(15,57,105,.105)!important;
  }
  html body .site-header .main-nav {
    z-index:2;
  }
  html { scroll-padding-top:80px; }
  html body :is(section[id],main[id],article[id],div[id]) {
    scroll-margin-top:80px;
  }
}

/* About hero: at laptop widths, the diagonal bands in the full-bleed artwork
   cut through the heading. Make the white reading pane reach past the text,
   and scale the type to the available column. This does not touch mobile art. */
@media (min-width:851px) and (max-width:1420px) {
  html body .about195-page .about195-hero {
    isolation:isolate;
    background:#fff!important;
  }
  html body .about195-page .about195-hero-art { z-index:0!important; }
  html body .about195-page .about195-hero::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    background:#fff!important;
    opacity:1!important;
    clip-path:polygon(0 0,61% 0,50% 100%,0 100%)!important;
    -webkit-clip-path:polygon(0 0,61% 0,50% 100%,0 100%)!important;
    pointer-events:none!important;
    z-index:1!important;
  }
  html body .about195-page .about195-hero-inner {
    position:relative!important;
    z-index:2!important;
  }
  html body .about195-page .about195-hero-copy {
    width:47%!important;
    max-width:565px!important;
    min-width:0!important;
    box-sizing:border-box;
  }
  html body .about195-page .about195-hero-copy h1 {
    font-size:clamp(35px,3.45vw,49px)!important;
    line-height:1.085!important;
    letter-spacing:-.035em!important;
    max-width:100%!important;
    overflow-wrap:normal!important;
    hyphens:auto;
  }
  html body .about195-page .about195-hero-copy p {
    font-size:clamp(12.6px,1.06vw,15.2px)!important;
    line-height:1.52!important;
    max-width:96%!important;
  }
}
@media (min-width:851px) and (max-width:1050px) {
  html body .about195-page .about195-hero-copy {
    width:49%!important;
  }
  html body .about195-page .about195-hero-copy h1 {
    font-size:clamp(33px,3.75vw,39px)!important;
    letter-spacing:-.027em!important;
  }
  html body .about195-page .about195-hero-copy p {
    font-size:12.9px!important;
    max-width:96%!important;
  }
}