/* =========================================================
   V39 — exact compass logo, richer video guidance, custom pointer
   ========================================================= */

/* Exact Compass logo visibility */
.header-compass-logo,
.shg-mobile-compass-logo,
.footer-compass-logo,
.about-compass-card img,
.shg-loader-logo-compass img{
  display:block!important;
  background:transparent!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
}
.header-compass-logo,
.shg-mobile-compass-logo,
.shg-loader-logo-compass img{filter:invert(1)!important}
.site-header.is-scrolled .header-compass-logo,
.site-header.shg-header-paper .header-compass-logo,
.site-header.shg-paper-header .header-compass-logo{filter:none!important}
.shg-loader-logo-compass img{
  width:170px!important;
  max-width:170px!important;
  max-height:44px!important;
}
.footer-compass-logo{filter:none!important;background:transparent!important}
.about-compass-card img{filter:none!important;max-width:280px!important}

/* Video guidance content density */
.video-guides-grid{grid-template-columns:1.14fr .86fr!important;grid-template-rows:320px 320px!important}
.video-guide-card{border:1px solid #e2ddd4!important;box-shadow:0 12px 36px rgba(18,18,16,.04)}
.video-guide-card.guide-2,.video-guide-card.guide-3{grid-template-columns:50% 50%!important}
.video-guide-copy{
  padding:24px 24px 22px!important;
  justify-content:flex-start!important;
  min-width:0;
}
.video-guide-kicker{
  display:inline-block;
  margin-bottom:10px;
  color:#827a70;
  font-size:8px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.video-guide-copy h3{
  margin:0 0 10px!important;
  font-size:30px!important;
  line-height:1.02!important;
  text-wrap:balance;
}
.guide-2 .video-guide-copy h3,
.guide-3 .video-guide-copy h3{font-size:23px!important}
.video-guide-copy p{
  margin:0!important;
  font-size:14px!important;
  line-height:1.68!important;
  color:#5e5a54!important;
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.video-guide-link{margin-top:auto!important;padding-top:18px!important}
.video-guide-media{cursor:pointer!important}
.video-guide-media:hover .video-guide-play,
.video-guide-link:hover,
.play-orbit:hover{cursor:pointer}
@media(max-width:1100px){
  .video-guides-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:540px 410px!important}
}
@media(max-width:720px){
  .video-guides-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important}
  .video-guide-card.guide-2,.video-guide-card.guide-3{grid-template-columns:1fr!important}
  .video-guide-copy{padding:20px 18px 22px!important}
  .video-guide-copy h3,.guide-2 .video-guide-copy h3,.guide-3 .video-guide-copy h3{font-size:26px!important}
  .video-guide-copy p{-webkit-line-clamp:unset;font-size:14px!important}
}

/* Hide stray off-canvas scrollbars */
@media(max-width:820px){
  .shg-mobile-drawer{overflow:hidden!important;scrollbar-width:none!important}
  body.shg-menu-open .shg-mobile-drawer{overflow-y:auto!important}
  .shg-mobile-drawer::-webkit-scrollbar{display:none!important;width:0!important}
  .team-v16,.team-v16 *{max-width:100%}
  .team-v16{overflow-x:hidden!important}
}
html,body{overflow-x:hidden!important}
body:not(.shg-menu-open) .shg-mobile-drawer{pointer-events:none!important}