/* Mobile-first personal brand refinement */
@media(max-width:780px){
  .nav{background:rgba(250,251,252,.985)}
  .nav-inner{height:70px;padding-inline:4px}
  .brand-mark{width:68px!important;min-width:68px!important;height:46px!important;font-size:1.72rem!important}
  .menu{width:42px;height:42px}

  .hero{padding-top:70px}
  .hero-bg{inset:70px 0 0!important;background:linear-gradient(180deg,#151b21 0%,#1d2329 55%,#1a2026 100%)!important}
  .hero-bg:before{opacity:.35!important}
  .hero-inner{display:flex!important;flex-direction:column!important;min-height:auto!important;gap:0!important;align-items:stretch!important}
  .hero-copy{order:1!important;padding:42px 0 24px!important;max-width:none!important;position:relative!important;z-index:4!important}
  .hero h1{font-size:clamp(3.1rem,13vw,4.8rem)!important;line-height:.98!important;letter-spacing:-.055em!important;max-width:100%!important}
  .hero-sub{margin-top:22px!important;font-size:1rem!important;line-height:1.55!important;max-width:95%!important;color:#d7dde2!important}
  .hero-actions{margin-top:28px!important;gap:12px!important;display:grid!important;grid-template-columns:1fr!important}
  .hero-actions .btn{width:100%!important;min-height:56px!important}
  .hero-secondary-link{margin-top:18px!important}

  .hero-monogram{display:none!important}

  .hero-portrait-wrap{order:2!important;transform:none!important;margin:14px auto 0!important;padding:0 0 34px!important;justify-content:center!important;width:100%!important}
  .hero-portrait{width:min(82vw,340px)!important;height:430px!important;border-radius:0!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 24px 50px rgba(0,0,0,.34)!important}
  .hero-portrait img{object-position:center 12%!important}

  .proof-bar{margin-top:0!important}
  .proof-grid{grid-template-columns:1fr 1fr!important}
  .proof{padding:18px 16px!important;min-height:122px!important}
  .proof-number{font-size:.65rem!important}
  .proof b{font-size:.82rem!important}
  .proof p{font-size:.72rem!important;line-height:1.45!important}

  .section{padding:64px 0!important}
  .section-title{font-size:clamp(2.2rem,10vw,3rem)!important;line-height:1.02!important}
  .section-intro{font-size:.95rem!important;line-height:1.65!important}

  .about-layout{gap:30px!important}
  .about-photo{max-width:86%!important;margin:0 auto!important}
  .about-photo img{height:420px!important}
  .focus-grid{gap:12px!important;margin-top:26px!important}
  .focus-card{min-height:0!important;padding:18px!important}

  #speaking .topics-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  #speaking .topic-card{min-height:0!important;padding:20px!important}

  #ecosystem .section-head{text-align:left!important;margin-bottom:28px!important}
  #ecosystem .section-head .section-intro{margin-inline:0!important}
  #ecosystem .ecosystem-grid{grid-template-columns:1fr!important;gap:20px!important}
  #ecosystem .pillar-card{border-radius:10px!important;overflow:hidden!important;box-shadow:0 14px 34px rgba(20,30,40,.10)!important}
  #ecosystem .real-site-thumb{height:210px!important;padding:34px 10px 10px!important;border-bottom:0!important}
  #ecosystem .real-site-thumb:before{left:10px!important;right:10px!important;top:10px!important}
  #ecosystem .real-site-thumb img{object-fit:cover!important;object-position:center top!important;border-radius:0 0 8px 8px!important}
  #ecosystem .pillar-top{margin:0 20px!important;padding:20px 0 14px!important}
  #ecosystem .pillar-card .venture{margin:0 20px!important;padding:15px 0!important}
  #ecosystem .pillar-card .venture:last-child{padding-bottom:22px!important}

  .media-layout{gap:28px!important}
  .media-image{height:300px!important;max-width:92%!important;margin:0 auto!important;border-radius:10px!important}
  .media-image img{object-position:center center!important}
  .media-list{grid-template-columns:1fr!important;gap:10px!important}
  .media-item{padding:14px 15px!important}
  .media-actions{display:grid!important;grid-template-columns:1fr!important}
  .media-actions .btn{width:100%!important}

  .cta{padding:38px 0!important}
  .cta-inner{gap:20px!important}
  .cta h2{font-size:2rem!important;line-height:1.1!important}

  .contact-layout{gap:34px!important}
  .contact-form{padding:22px!important;border-radius:8px!important}
}

@media(max-width:520px){
  .wrap{width:min(calc(100% - 28px),var(--max))!important}
  .hero-copy{padding-top:36px!important}
  .hero h1{font-size:clamp(3rem,14vw,4.2rem)!important}
  .hero-portrait{width:min(88vw,330px)!important;height:410px!important}
  .proof-grid{grid-template-columns:1fr!important}
  .proof{min-height:auto!important}
  .about-photo{max-width:100%!important}
  .about-photo img{height:390px!important}
  #ecosystem .real-site-thumb{height:195px!important}
  .media-image{height:270px!important;max-width:100%!important}
}