/* Seesee mobile polish + visual routing v32301.2 */
.ss-hub-image-link{
  display:block;
  min-width:0;
  text-decoration:none;
  overflow:hidden;
  border-radius:18px;
}
.ss-hub-image{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}
.ss-cross-links{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin-top:34px;
  background:var(--ss-line);
  border-top:1px solid var(--ss-line);
  border-bottom:1px solid var(--ss-line);
}
.ss-cross-links a{
  display:flex;
  align-items:center;
  min-height:92px;
  padding:22px;
  background:#fff;
  color:var(--ss-ink);
  text-decoration:none;
  line-height:1.6;
}
.ss-cross-links a:hover{background:#f7f6f1}

.ss-media-plan-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-top:38px;
  background:var(--ss-line);
  border:1px solid var(--ss-line);
}
.ss-media-plan-grid article{
  min-height:210px;
  padding:24px;
  background:#fff;
  display:flex;
  flex-direction:column;
}
.ss-media-plan-grid small{
  font-size:10px;
  letter-spacing:.12em;
  color:var(--ss-muted);
}
.ss-media-plan-grid h3{
  font-size:18px;
  line-height:1.6;
  margin:18px 0 14px;
  font-weight:600;
}
.ss-media-plan-grid p{
  font-size:12px;
  color:var(--ss-muted);
}
.ss-media-plan-grid article>span{
  margin-top:auto;
  padding-top:18px;
  font-size:9px;
  letter-spacing:.13em;
  color:var(--ss-muted);
}
.ss-media-plan-grid-people article{background:#fbfaf6}
.ss-media-plan-grid article[id]{scroll-margin-top:100px}
.ss-media-plan-grid article>span{
  display:inline-flex;
  align-self:flex-start;
  border:1px solid var(--ss-line);
  border-radius:999px;
  padding:5px 9px;
}
.ss-media-draft-link{
  display:inline-block;
  margin-top:14px;
  color:var(--ss-ink);
  text-decoration:none;
  border-bottom:1px solid currentColor;
  padding-bottom:2px;
  font-size:12px;
  font-weight:600;
}

@media(max-width:760px){

  /* ---- global rhythm ---- */
  .ss-intro,
  .ss-possibility,
  .ss-process,
  .ss-story,
  .ss-entry,
  .ss-environments,
  .ss-deep,
  .ss-subhero,
  .ss-service-check,
  .ss-service-next,
  .ss-media-paths,
  .ss-contact-route,
  .ss-case-next,
  .ss-contact-entry,
  .ss-consult-map,
  .ss-contact-methods,
  .ss-find-path,
  .ss-media-consult,
  .ss-featured-view,
  .ss-feed,
  .ss-knowledge-entry{
    padding-top:68px!important;
    padding-bottom:68px!important;
  }

  .ss-kicker{
    margin-bottom:18px!important;
    font-size:11px!important;
    letter-spacing:.16em!important;
  }

  .seesee-new-home h2,
  .ss-subpage h2{
    margin-bottom:24px!important;
  }

  .seesee-new-home p,
  .ss-subpage p{
    line-height:1.9!important;
  }

  /* ---- visual consistency ---- */
  .ss-env-image-link,
  .ss-approved-image-slot,
  .ss-draft-inline-image,
  .ss-hub-image-link{
    margin-top:28px!important;
    margin-bottom:34px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  .ss-env-image,
  .ss-approved-image,
  .ss-hub-image{
    width:100%!important;
    height:auto!important;
  }

  .ss-three-mobile-approved{
    margin-top:30px!important;
    margin-bottom:48px!important;
  }

  /* ---- top ---- */
  .ss-hero{
    padding-top:62px!important;
    padding-bottom:62px!important;
  }

  .ss-hero .ss-lead{
    margin-top:26px!important;
    margin-bottom:22px!important;
  }

  .ss-hero .ss-copy{
    line-height:1.95!important;
  }

  .ss-actions{
    gap:14px!important;
    margin-top:34px!important;
  }

  .ss-actions .ss-button,
  .ss-possibility-cta .ss-button,
  .ss-entry .ss-button,
  .ss-media-consult .ss-button{
    width:100%!important;
    text-align:center!important;
  }

  /* ---- three environments ---- */
  .ss-env{
    padding-top:46px!important;
    padding-bottom:54px!important;
    gap:22px!important;
  }

  .ss-env h3{
    font-size:30px!important;
    line-height:1.45!important;
    margin:8px 0 14px!important;
  }

  .ss-path-links{
    margin-top:18px!important;
  }

  .ss-path-links a{
    padding:14px 0!important;
    font-size:14px!important;
  }

  /* ---- service hub ---- */
  .ss-hub-row{
    grid-template-columns:1fr!important;
    gap:22px!important;
    padding-top:46px!important;
    padding-bottom:52px!important;
  }
  .ss-hub-image-link{
    width:100%!important;
    max-width:100%!important;
  }

  /* ---- story / case ---- */
  .ss-story .ss-draft-inline-image,
  .ss-story .ss-approved-image-slot{
    margin-top:30px!important;
  }

  .ss-case-flow{
    grid-template-columns:1fr 1fr!important;
    margin-top:34px!important;
    margin-bottom:34px!important;
  }

  .ss-case-flow span{
    padding:18px 12px!important;
    line-height:1.55!important;
  }

  /* ---- consultation ---- */
  .ss-entry-grid{
    gap:0!important;
  }

  .ss-entry-grid>div{
    padding:22px 20px!important;
  }

  .ss-entry-grid b{
    margin-bottom:14px!important;
  }

  .ss-contact-order{
    gap:16px!important;
    width:100%!important;
  }

  .ss-contact-order .ss-button{
    width:100%!important;
    text-align:center!important;
  }

  .ss-contact-secondary,
  .ss-contact-phone{
    display:inline-block!important;
    width:auto!important;
  }

  .ss-media-plan-grid{
    grid-template-columns:1fr!important;
    margin-top:28px!important;
  }
  .ss-media-plan-grid article{
    min-height:0!important;
    padding:22px 18px!important;
  }
  .ss-media-plan-grid h3{
    font-size:18px!important;
    margin:12px 0 10px!important;
  }

  .ss-check-grid{
    grid-template-columns:1fr!important;
    gap:1px!important;
  }
  .ss-check-card{
    min-height:0!important;
    padding:24px 20px!important;
  }
  .ss-service-specific{
    margin-top:34px!important;
    padding:24px 20px!important;
  }
  .ss-service-specific ul{
    padding-left:20px!important;
  }

  /* ---- media ---- */
  .ss-post-grid{
    grid-template-columns:1fr!important;
    gap:1px!important;
    margin-top:30px!important;
  }
  .ss-post-grid article{
    padding:24px 20px!important;
  }
  .ss-media-four-paths a{
    grid-template-columns:42px minmax(0,1fr) 28px!important;
    gap:12px!important;
    padding:22px 0!important;
  }
  .ss-media-four-paths a>span{
    grid-column:2/4!important;
    font-size:13px!important;
  }
  .ss-cross-links{
    grid-template-columns:1fr!important;
    margin-top:28px!important;
  }
  .ss-cross-links a{
    min-height:auto!important;
    padding:18px 4px!important;
  }
  .ss-edo-lanes{
    grid-template-columns:1fr!important;
    margin-top:42px!important;
  }

  /* ---- cards ---- */
  .ss-path-cards{
    margin-top:30px!important;
  }

  .ss-path-cards a{
    padding:22px 18px!important;
  }

  .ss-path-cards strong{
    font-size:18px!important;
    line-height:1.55!important;
  }

  /* ---- footer / fixed CTA breathing room ---- */
  .ss-draft-footer{
    padding-bottom:92px!important;
  }

  .seesee-line-float{
    opacity:.96!important;
  }
}