/* A quieter, more editorial finish for the public-facing homepage. */
.hero-footer,
.scroll-meter,
.why-progress,
.chapter-track,
.coordinate,
.why-coordinate{display:none!important}

#about,#why-us,#contact,#services{scroll-margin-top:0}

.owner-orbit{display:none!important}
.owner-monogram{border-radius:12px;border-color:#4a526d;background:#1a2130;box-shadow:none}
.owner-card{background:linear-gradient(145deg,#151b27,#0e121a);border-color:#363e53}
.owner-card a{position:relative;isolation:isolate;overflow:hidden;padding:9px 10px;margin-left:-10px;border-bottom:1px solid #8b95bf;transition:color .35s linear,border-color .35s linear}
.owner-card a::before{content:"";position:absolute;z-index:-1;inset:0;background:#c6c9ff;transform:scaleY(0);transform-origin:bottom;transition:transform .35s linear}
.owner-card a:hover,.owner-card a:focus-visible{color:#11152a;border-color:#c6c9ff}
.owner-card a:hover::before,.owner-card a:focus-visible::before{transform:scaleY(1)}

.showcase-header .eyebrow,.chapter-kicker,.reason-index{letter-spacing:1.4px}
.reason-card-foot,.depth-label{display:none}
.why-word{opacity:.055}

@media(max-width:760px){
  html{scroll-padding-top:82px}
  #about,#why-us,#contact,#services{scroll-margin-top:0}
  .section{padding-top:86px;padding-bottom:86px}
  .services{padding-bottom:92px}
  .service-grid{gap:24px}
  .about{gap:48px;padding-top:88px;padding-bottom:92px}
  .about-title{min-width:0}
  .owner-card{margin-top:38px;padding:27px 24px}
  .about-copy>p{margin-bottom:28px}
  .about-copy .large-copy{font-size:21px;line-height:1.55}
  .values{grid-template-columns:1fr;gap:0;margin-top:42px;padding-top:18px}
  .values>div{padding:22px 0;border-bottom:1px solid var(--line)}
  .values p{max-width:34rem}
  .story{margin-top:40px;padding-top:28px}
  .why-consulting{padding-bottom:88px}
  .why-consulting .consulting{padding:29px 24px}
  .contact{gap:48px;padding-top:90px;padding-bottom:92px}
  .contact-bottom{margin-top:36px}
  .contact-form{padding:27px 23px}
  footer{padding-top:52px}
}

@media(max-width:390px){
  .hero h1{font-size:48px}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:16px}
  .hero-note{gap:10px;flex-wrap:wrap}
  .about h2,.contact h2{font-size:45px}
  .contact-bottom{flex-direction:column;gap:22px}
  .owner-card a{gap:12px}
}

@media(prefers-reduced-motion:reduce){
  .owner-card a::before{transition:none}
}
