@import url("common.css");
/* warm: cream and colour blocks, soft rounded type, friendly round shapes */
.t-warm h1,.t-warm h2,.t-warm h3,.t-warm .logo,.t-warm .fact b{font-weight:600;letter-spacing:-.03em}
.t-warm .btn{border-radius:999px}
.t-warm .hero{max-width:1260px;margin:10px auto 0;padding:0 14px}
.t-warm .hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;background:var(--card);border-radius:44px;margin-inline:max(14px,calc((100vw - 1260px) / 2));padding:clamp(28px,5vw,64px);min-height:min(78vh,760px)}
.t-warm .hero-copy{grid-column:1;grid-row:1;display:grid;gap:22px;padding:0}
.t-warm .hero-media{grid-column:2;grid-row:1;justify-self:center;width:min(100%,520px);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 0 0 14px var(--bg)}
.t-warm h1{font-size:clamp(44px,5.6vw,84px);line-height:1}
.t-warm .where{display:inline-block;justify-self:start;background:var(--bg);padding:6px 14px;border-radius:99px}
.t-warm .lead{color:var(--muted)}
.t-warm .facts{padding-top:28px}
.t-warm .facts-in{gap:12px}
.t-warm .fact{background:var(--card);border-radius:28px;text-align:center;justify-items:center}
.t-warm .about-media img{border-radius:36px}
.t-warm .group{background:var(--card);border-radius:30px;padding:30px}
.t-warm .group h3{border-bottom:0;color:var(--a)}
.t-warm .item{border-bottom-color:color-mix(in srgb,var(--fg) 10%,transparent)}
.t-warm .price{background:var(--bg);padding:3px 12px;border-radius:99px}
.t-warm .dots{display:none}
.t-warm .item>div{flex:1}
.t-warm .ph img{border-radius:28px}
.t-warm .why{background:var(--card);border-radius:44px;margin-inline:max(14px,calc((100vw - 1260px) / 2))}
.t-warm .w h3{color:var(--a)}
.t-warm .band .band-in{background:var(--a);color:var(--afg);border-radius:40px;padding:clamp(32px,5vw,64px)}
.t-warm .band .btn{background:var(--bg);color:var(--fg)}
.t-warm .map{border-radius:30px}
.t-warm .mbar a{border-radius:999px}
@media (max-width:900px){
  .t-warm .hero{grid-template-columns:1fr;border-radius:30px;min-height:0}
  .t-warm .hero-media{grid-row:1;width:min(78vw,360px)}
  .t-warm .hero-copy{grid-row:2;text-align:center;justify-items:center}
  .t-warm .where{justify-self:center}
  .t-warm .ctas{justify-content:center}
  .t-warm .why{border-radius:30px}
}