/* Insights + Website creation: extends home.css + sleek.css */
.hub .h-hero h1{font-size:clamp(34px,4.4vw,56px);line-height:1.06}
.hb-quote{margin:22px 0 0;padding-left:14px;border-left:3px solid var(--yellow);font-size:16px;font-style:italic;color:var(--ink);max-width:34em}
.hb-quote cite{display:block;margin-top:4px;font-size:13px;font-style:normal;color:var(--muted)}
.hub .g-glance .s-visual-top b{font-size:16px}
.hub .h-card p a{color:var(--navy);font-weight:700}

/* grids */
.hb-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hb-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hb-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}

/* image cards */
.hb-card{text-decoration:none;color:inherit;gap:0;padding:0;overflow:hidden}
.hb-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--mist);border-bottom:1px solid var(--line)}
.hb-card>.hb-tag,.hb-card>h3,.hb-card>p,.hb-card>.h-link{margin-left:24px;margin-right:24px}
.hb-card>.hb-tag{margin-top:20px}
.hb-card>h3{margin-top:8px;margin-bottom:8px}
.hb-card>p{margin-top:0;margin-bottom:16px}
.hb-card>.h-link{margin-top:auto;margin-bottom:24px}
.hb-tag{font:600 11px var(--fm);letter-spacing:.06em;text-transform:uppercase;color:var(--red)}
a.hb-card:hover,a.hb-pod:hover{border-color:#cfdbe8;box-shadow:0 18px 40px -24px rgba(3,60,108,.4)}
a.hb-card:hover img,a.hb-pod:hover img{filter:saturate(1.1)}

/* podcast cards */
.hb-pod{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:stretch;text-decoration:none;color:inherit;padding:0;overflow:hidden}
.hb-pod img{width:100%;height:100%;min-height:240px;object-fit:cover;background:var(--mist)}
.hb-pod>div{display:flex;flex-direction:column;padding:24px 24px 24px 0}
.hb-pod h3{margin:8px 0}
.hb-pod p{margin:0 0 16px}
.hb-pod .h-link{margin-top:auto}

/* market tiles */
.hb-markets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.hb-markets a{display:flex;flex-direction:column;gap:4px;height:100%;padding:18px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s,box-shadow .2s}
.hb-markets a:hover{border-color:#cfdbe8;transform:translateY(-2px);box-shadow:0 12px 30px -20px rgba(3,60,108,.35)}
.hb-markets .code{align-self:flex-start;margin-bottom:8px}
.hb-markets b{font-size:16px}
.hb-markets small{font-size:13px;color:var(--muted);line-height:1.35}

/* website hero visual */
.hb-visual .aw-mock{border-radius:12px}
.hb-visual .s-checks{margin:4px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.hb-visual .s-checks li{font-size:14.5px}
.hb-work>img{aspect-ratio:16/10}

@media (max-width:1024px){
 .hb-grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hb-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hb-grid2{grid-template-columns:1fr}
 .hb-markets{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:760px){
 .hb-grid3,.hb-grid4{grid-template-columns:1fr}
 .hb-markets{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hb-pod{grid-template-columns:1fr;gap:0}
 .hb-pod img{min-height:0;aspect-ratio:16/10}
 .hb-pod>div{padding:20px 24px 24px}
 .hb-visual .s-checks{grid-template-columns:1fr}
}
.hb-podcard>img{aspect-ratio:16/9}