/* TIL THERMA & LITTLE HARBOURS V2 2026-09-03 */
body.til-therma-harbours-active .til-therma-feature{
  position:relative;
  margin:clamp(2rem,5vw,4rem) auto;
  padding:clamp(1.5rem,4vw,3.25rem);
  overflow:hidden;
  border:1px solid rgba(19,75,78,.22);
  border-left:8px solid #b77436;
  border-radius:18px;
  background:linear-gradient(135deg,#f1eadb 0%,#fbf8f0 68%,#e2eee9 100%);
  box-shadow:0 18px 44px rgba(18,58,61,.11);
}
body.til-therma-harbours-active .til-therma-feature:after{
  content:"";
  position:absolute;
  right:-70px;
  bottom:-92px;
  width:230px;
  height:230px;
  border:34px solid rgba(29,103,105,.08);
  border-radius:50%;
  pointer-events:none;
}
body.til-therma-harbours-active .til-therma-feature>*{position:relative;z-index:1}
body.til-therma-harbours-active .til-therma-feature__kicker{
  margin:0 0 .55rem;
  color:#8a4c1f;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body.til-therma-harbours-active .til-therma-feature h2{margin-top:0;color:#123f43}
body.til-therma-harbours-active .til-therma-feature__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
  margin:1.25rem 0;
  padding:0;
  list-style:none;
}
body.til-therma-harbours-active .til-therma-feature__facts li{
  padding:.8rem 1rem;
  border:1px solid rgba(19,75,78,.14);
  border-radius:10px;
  background:rgba(255,255,255,.66);
  color:#183f42;
  font-weight:700;
}
body.til-therma-harbours-active .til-therma-feature__button{
  display:inline-flex;
  align-items:center;
  min-height:46px;
  padding:.7rem 1.05rem;
  border-radius:6px;
  background:#153f43;
  color:#fff!important;
  font-weight:800;
  text-decoration:none!important;
}
body.til-therma-harbours-active .til-therma-feature__note{margin:.8rem 0 0;font-size:.9rem;color:#40585a}
body.til-therma-harbours-active .til-harbours-hero .wp-block-cover__inner-container{max-width:980px}
body.til-therma-harbours-active .til-harbours-lead{font-size:clamp(1.08rem,1.8vw,1.3rem);line-height:1.7}
body.til-therma-harbours-active .til-harbours-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  max-width:none!important;
  margin:1rem 0 2rem;
}
body.til-therma-harbours-active .til-harbours-grid>.til-harbour-card{
  margin:0;
  padding:1.2rem 1.25rem;
  border:1px solid rgba(19,75,78,.17);
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 24px rgba(18,58,61,.07);
}
body.til-therma-harbours-active .til-harbours-grid>.til-harbour-card h3{margin-top:0}
body.til-therma-harbours-active .til-harbours-grid>.til-harbour-card p:last-child{margin-bottom:0}
body.til-therma-harbours-active .til-harbours-grid>.til-harbour-card--media{
  overflow:hidden;
  padding-top:0;
}
body.til-therma-harbours-active .til-harbour-card--media>.wp-block-image{
  margin:0 -1.25rem 1rem;
}
body.til-therma-harbours-active .til-harbour-card--media>.wp-block-image img{
  display:block;
  width:calc(100% + 2.5rem);
  max-width:none;
  aspect-ratio:16/9;
  object-fit:cover;
}
body.til-therma-harbours-active .til-harbours-grid--single{grid-template-columns:minmax(0,1fr)}
body.til-therma-harbours-active .til-harbours-cta{
  margin:clamp(2rem,5vw,4rem) 0 1rem;
  padding:clamp(1.25rem,3vw,2rem);
  border-radius:14px;
  background:#e5efe9;
}
body.til-therma-harbours-active .til-harbours-cta h2{margin-top:0}
@media(max-width:720px){
  body.til-therma-harbours-active .til-therma-feature{border-left-width:5px;border-radius:13px}
  body.til-therma-harbours-active .til-therma-feature__facts,
  body.til-therma-harbours-active .til-harbours-grid{grid-template-columns:1fr}
  body.til-therma-harbours-active .til-harbours-hero{min-height:440px!important}
}