*{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:#F8EFE5;color:#2E3138;font-family:'Instrument Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
  a{color:#5D768B;text-decoration:none}
  a:hover{color:#33475A}
  ::selection{background:#AEC6D0;color:#33475A}
  @keyframes fadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  image-slot{--is-bg:#E4ECEF}
  .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  @media(max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:600px){.team-grid{grid-template-columns:1fr}}

  /* responsive */
  html,body{overflow-x:hidden;max-width:100%}
  img,video,iframe{max-width:100%;height:auto}
  image-slot{max-width:100%}
  h1,h2,h3,p,li,blockquote{overflow-wrap:break-word}
  h1,h2,h3{text-wrap:balance}
  p,li{text-wrap:pretty}
  .m-menu summary::-webkit-details-marker,.m-sub summary::-webkit-details-marker{display:none}
  .m-menu summary,.m-sub summary{list-style:none}
  .m-sub[open] .m-caret{transform:rotate(180deg)}
  nav img{height:58px!important;width:auto!important}
  @media(min-width:1600px){.r-wide{max-width:1320px!important}}
  @media(max-width:1020px){.nav-links-home{display:none!important}.m-menu{display:block!important}}
  @media(max-width:960px){
    .nav-links{display:none!important}
    .hero-grid,.r-split{grid-template-columns:minmax(0,1fr)!important}
    .r-media{width:100%;max-width:460px;margin-left:auto;margin-right:auto}
    .r-tall{height:clamp(300px,80vw,460px)!important}
  }
  @media(max-width:760px){
    .grid-2,.grid-3,.svc-grid,.r-2{grid-template-columns:minmax(0,1fr)!important}
    .r-badge{left:12px!important}
    .r-arch{right:-8px!important;top:-8px!important}
  }
  @media(max-width:560px){
    .r-wrap{padding-left:18px!important;padding-right:18px!important}
    nav img{height:46px!important}
    nav a[href^="tel:"]{display:none!important}
    .r-auto{grid-template-columns:minmax(0,1fr)!important}
    .r-pad{padding:28px 22px!important}
    .r-round{border-radius:24px!important}
  }


.jh-24-1:hover{color:#33475A !important;background:#EFE4D5 !important}
.jh-24-2:hover{background:#445E73 !important;color:#F8EFE5 !important}
.jh-24-3:hover{color:#33475A !important;transform:translateY(-2px) !important}
.jh-24-4:hover{color:#fff !important}