
.mobile-contact-bar { display:none; }
@media(max-width:600px) {
  html { scroll-padding-top:0; }
  body { padding-bottom:calc(82px + env(safe-area-inset-bottom,0px)); }
  section[id] { scroll-margin-top:82px; }
  .topbar { padding:10px 20px; min-height:64px; }
  .topbar .brand { font-size:29px; }
  .topbar-actions { gap:14px; }
  .topbar .navlink { min-height:44px; display:inline-flex; align-items:center; }
  .portfolio-overview .topbar-actions .navlink:nth-child(-n+2) { display:none; }
  .topbar .navlink-contact { padding:10px 18px; }
  .portfolio-overview .hero.hero-split { display:block; padding:96px 20px 260px; min-height:0; }
  .portfolio-overview .hero-split-copy { width:100%; padding:0; max-width:none; }
  .portfolio-overview .hero-split-copy .eyebrow { font-size:11px; line-height:1.55; letter-spacing:1px; margin-bottom:12px; }
  .portfolio-overview .hero-split-title { position:relative; max-width:65%; min-height:176px; display:block; padding-top:20px; font-size:clamp(30px,8.4vw,44px); line-height:1.08; letter-spacing:-.04em; }
  .portfolio-overview .hero-split-media { position:absolute; top:124px; right:0; bottom:auto; width:44%; height:190px; }
  .portfolio-overview .hero-split-portrait { width:100%; height:100%; object-fit:cover; object-position:42% center; mask-image:linear-gradient(90deg,transparent,#000 15%),linear-gradient(0deg,transparent,#000 15%,#000 90%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 15%),linear-gradient(0deg,transparent,#000 15%,#000 90%,transparent); mask-composite:intersect; -webkit-mask-composite:source-in; }
  .portfolio-overview .hero-split-lead { font-size:16px; line-height:1.55; margin-top:18px; max-width:none; }
  .portfolio-overview .hero-split-proof { gap:12px; margin-top:22px; padding-top:18px; border-top:1px solid #d8cfc0; }
  .portfolio-overview .hero-split-proof .proof-num { font-size:28px; }
  .portfolio-overview .hero-split-proof .proof-label { font-size:12px; line-height:1.5; letter-spacing:.3px; }
  .portfolio-overview .hero-split-actions { display:grid; grid-template-columns:1fr 1fr; margin-top:22px; gap:10px; }
  .portfolio-overview .hero-split-actions .hero-action { min-height:48px; padding:12px 10px; font-size:12px; justify-content:center; }
  .portfolio-overview .hero-split-actions .hero-action:last-child { grid-column:1/-1; min-height:44px; width:fit-content; justify-self:center; padding:8px 16px; border-color:transparent; }
  .portfolio-overview .hero-split .hero-split-orb { width:320px; height:320px; bottom:10px; }
  .profile-picker-flow .unpack-stage { padding:32px 20px; gap:20px; }
  .profile-picker-flow .unpack-head { width:100%; margin-bottom:0; }
  .profile-picker-flow .unpack-head h2 { font-size:31px; line-height:1.12; }
  .profile-picker-flow .unpack-head p:not(.eyebrow) { font-size:15px; line-height:1.6; }
  .profile-picker-flow .unpack-head .eyebrow { margin-bottom:12px; }
  .profile-picker-flow .unpack-head p:not(.eyebrow) { margin-top:16px; margin-bottom:0; }
  .profile-picker-flow .cards.path-options { width:100%; gap:12px; }
  .profile-picker-flow .cards.path-options .layer-card { padding:22px; gap:10px; }
  .profile-picker-flow .cards.path-options .layer-card .lc-title { min-height:0; font-size:26px; line-height:1.12; }
  .profile-picker-flow .cards.path-options .lc-desc { font-size:15px; line-height:1.55; }
  .profile-picker .path-options .lc-badge { padding-top:8px; }
  
  .orb-field-canvas { opacity:.24; mask-image:linear-gradient(90deg,#000,transparent 22%,transparent 78%,#000); -webkit-mask-image:linear-gradient(90deg,#000,transparent 22%,transparent 78%,#000); }
  
  .portfolio-overview .orb-field-canvas { mask-image:none; -webkit-mask-image:none; }
  .profile-page .orb-field-canvas { opacity:.8; mask-image:none; -webkit-mask-image:none; }
  .portfolio-overview .hero-core-caption { bottom:14px; font-size:12px; }
  .closing { padding:52px 20px 44px; }
  .closing .closing-title { font-size:32px; line-height:1.15; }
  .closing-email { font-size:clamp(16px,5vw,22px); overflow-wrap:anywhere; }
  .closing-links a,.footer .links a { min-height:44px; display:inline-flex; align-items:center; }
  .mobile-contact-bar:not([hidden]) { position:fixed; inset:auto 0 0; z-index:200; display:grid; grid-template-columns:1fr 1.25fr; gap:10px; padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px)); background:rgba(17,15,12,.97); border-top:1px solid #5b4831; box-shadow:0 -8px 28px #0003; }
  .mobile-contact-bar a { display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; padding:10px; border:1px solid #796347; border-radius:999px; color:#eadac2; text-decoration:none; font:500 14px var(--font-sans,system-ui); }
  .mobile-contact-bar .mobile-contact-primary { background:#9c4c29; border-color:#9c4c29; color:#fff; }
  .mobile-contact-bar a:focus-visible { outline:2px solid #f0cd96; outline-offset:2px; }
  .profile-page .profile-topbar { min-height:64px; padding:10px 20px; }
  .profile-page-nav a[href$="#tools"] { display:none; }
  .profile-page-nav { gap:12px; }
  .profile-switcher { top:64px; display:flex; overflow-x:auto; gap:6px; padding:6px 16px; scrollbar-width:thin; }
  .profile-switcher a { min-height:44px; padding:10px 14px; font-size:12px; }
  .profile-page section[id] { scroll-margin-top:128px; }
  .profile-page .hero-str { padding-top:142px; }
  .profile-page .hero-split { padding-top:144px; }
  .profile-customer-success .customer-motion-hero { padding-top:138px; }
  .customer-motion-hero .hero-orb { grid-row:auto; height:180px; width:220px; order:2; margin-top:22px; }
  .profile-customer-success .customer-motion-hero .hero-name { font-size:34px; }
  .profile-customer-success .customer-motion-hero .hero-lead { font-size:17px; line-height:1.5; }
  .profile-page .hero-actions .hero-action { min-height:48px; }
  .profile-page .case-proof .unpack-stage { padding-top:48px; }
  .profile-str .hero.hero-str { height:auto; min-height:0; padding:148px 20px 36px; align-items:flex-start; }
  .profile-str .hero-inner { display:flex; flex-direction:column; padding:0; width:100%; }
  .profile-str .hero-eyebrow { font-size:10px; line-height:1.65; letter-spacing:1.7px; }
  .profile-str .hero-str .hero-name { font-size:34px; margin-top:16px; }
  .profile-str .hero-str .hero-lead { font-size:16px; line-height:1.6; margin-top:20px; }
  .profile-str .hero-orb.hero-orb-three { order:2; left:auto; transform:none!important; width:220px; height:176px; margin:12px auto 0; }
  .profile-str .hero-actions { justify-content:center; margin-top:22px; }
  .profile-page .hero-split--founder { display:block; padding:148px 20px 116px; }
  .profile-page .hero-split--founder .hero-split-copy { width:100%; padding:0; max-width:none; }
  .profile-page .hero-split--founder .hero-split-copy .eyebrow { font-size:10px; letter-spacing:1.3px; margin-bottom:12px; }
  .profile-page .hero-split--founder .hero-split-title { max-width:63%; min-height:176px; padding-top:14px; font-size:33px; line-height:1.1; }
  .profile-page .hero-split--founder .hero-split-media { position:absolute; top:196px; right:0; width:44%; height:180px; }
  .profile-page .hero-split--founder .hero-split-portrait { height:100%; object-fit:cover; object-position:42% center; }
  .profile-page .hero-split--founder .hero-split-lead { font-size:16px; line-height:1.55; margin-top:18px; }
  .profile-page .hero-split--founder .hero-split-proof { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:20px; gap:10px; }
  .profile-page .hero-split--founder .hero-split-proof li { min-width:0; }
  .profile-page .hero-split--founder .proof-num { font-size:28px; }
  .profile-page .hero-split--founder .proof-label { font-size:12px; line-height:1.5; letter-spacing:.3px; }
  .profile-page .hero-split--founder .hero-split-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:20px; }
  .profile-page .hero-split--founder .hero-split-actions .hero-action { padding:10px; font-size:12px; justify-content:center; }
  .profile-page .hero-split--founder .hero-split-actions .hero-action:last-child { grid-column:1/-1; justify-self:center; border-color:transparent; min-height:44px; }
  .profile-page .hero-split--founder .hero-split-orb { width:180px; height:180px; bottom:-24px; }
}
@media(max-width:360px) {
  .portfolio-overview .hero-split-title { font-size:29px; }
  .portfolio-overview .hero-split-copy .eyebrow { font-size:10px; letter-spacing:.75px; }
  .profile-page-nav { gap:8px; }
  .profile-page-nav a { font-size:11px; }
}
