.topbar { width:100%; left:0; right:0; border-radius:0; background:rgba(15,14,11,.94); backdrop-filter:blur(16px); padding:14px 5vw; }
.topbar .brand { font:700 32px/1 var(--font-sans); letter-spacing:-1.5px; }
.brand>span { color:#c49b62; }
.brand small { font:400 12px/1.4 var(--font-sans); letter-spacing:0; margin-left:20px; }
.topbar-actions { gap:22px; }
.topbar .navlink { font:500 14px var(--font-sans); letter-spacing:0; border:0; padding:7px 0; }
.topbar .navlink-contact { background:#9c4c29; color:#fff; border-radius:30px; padding:10px 24px; }
.hero.hero-split { min-height:780px; height:auto; max-height:none; display:block; padding:128px 5vw 240px; background:#f6f2ea; color:#24251f; }
.hero-split::before { display:none; }
.hero-split-media { position:absolute; top:96px; bottom:auto; right:0; width:72%; height:calc(100% - 286px); align-self:stretch; overflow:hidden; }
.hero-split-portrait { object-position:42% center; filter:none; mask-image:linear-gradient(90deg,transparent,#000 36%); -webkit-mask-image:linear-gradient(90deg,transparent,#000 36%); }
.hero-split-media::after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#f6f2ea,transparent 12%); pointer-events:none; }
.hero-split-copy { padding:0; position:relative; top:auto; transform:none; margin:0; width:44%; max-width:610px; }
.hero-split-copy .eyebrow { color:#9c4c29; font-size:11px; letter-spacing:2.4px; }
.hero-split-title { font:700 clamp(42px,4.4vw,76px)/1.02 var(--font-sans); letter-spacing:-.045em; color:#24251f; text-wrap:initial; }
.hero-split-lead { color:#4e4c44; font-size:clamp(16px,1.3vw,20px); line-height:1.5; max-width:40ch; }
.hero-split-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; margin-top:28px; }
.hero-split-proof .proof-num { color:#24251f; font:500 30px var(--font-display); }
.hero-split-proof .proof-label { color:#625e52; font-size:10px; }
.hero-split-actions .hero-action { border-color:#b9a99a; color:#24251f; font-size:13px; }
.hero-split-actions .hero-action-primary { background:#9c4c29; color:#fff; border-color:#9c4c29; }
.hero-split-actions { margin-top:28px; gap:10px; flex-wrap:wrap; }
.hero-split .scroll-cue { color:#9c4c29; }
.hero-split .hero-split-orb { position:absolute; left:50%; right:auto; translate:-50% 0; bottom:-70px; width:360px; height:360px; margin:0; z-index:6; pointer-events:none; }
.hero-split .hero-split-orb .hero-orb-frame { position:absolute; width:100%; height:100%; inset:0; border:0; }

.portfolio-overview .hero-split-actions { perspective:900px; }
.portfolio-overview .hero-split-actions .hero-action {
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; background:linear-gradient(180deg,#fffaf3,#e9dfd1);
  border:1px solid #b7a58f; border-bottom-color:#9b8063;
  box-shadow:0 4px 0 #b7a58f,0 8px 14px #49301818,inset 0 1px 0 #fff;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.portfolio-overview .hero-split-actions .hero-action-primary {
  background:linear-gradient(180deg,#b56439,#934321); border-color:#9c4c29;
  box-shadow:0 4px 0 #6d321c,0 8px 14px #49301824,inset 0 1px 0 #e0a17c66;
}
.portfolio-overview .hero-split-actions .hero-action:focus-visible { outline:2px solid #9c4c29; outline-offset:7px; }
@media(hover:hover) and (pointer:fine) {
  .portfolio-overview .hero-split-actions .hero-action:hover { transform:translateY(-2px) rotateX(4deg); color:#24251f; box-shadow:0 6px 0 #b7a58f,0 12px 18px #49301822,inset 0 1px 0 #fff; }
  .portfolio-overview .hero-split-actions .hero-action-primary:hover { color:#fff; box-shadow:0 6px 0 #6d321c,0 12px 18px #49301830,inset 0 1px 0 #e0a17c66; }
}
.portfolio-overview .hero-split-actions .hero-action:active { transform:translateY(3px); box-shadow:0 1px 0 #b7a58f,inset 0 1px 3px #49301820; }
.portfolio-overview .hero-split-actions .hero-action-primary:active { box-shadow:0 1px 0 #6d321c,inset 0 1px 3px #49301835; }
@media(min-width:901px) {
  .portfolio-overview .hero.hero-split { min-height:740px; padding-bottom:350px; }
  .portfolio-overview .hero-split-copy .eyebrow { font-size:14px; line-height:1.6; letter-spacing:1.8px; }
  .portfolio-overview .hero-split-lead { font-size:clamp(18px,1.4vw,21px); line-height:1.55; max-width:43ch; }
  .portfolio-overview .hero-split-media { right:-5%; width:69%; height:calc(100% - 420px); }
  .portfolio-overview .hero-split-portrait { object-position:38% center; }
  .portfolio-overview .hero-split-actions { justify-content:flex-start; gap:12px; }
  .portfolio-overview .hero-split .hero-split-orb { width:500px; height:500px; bottom:-45px; }
}
@media(prefers-reduced-motion:reduce) {
  .portfolio-overview .hero-split-actions .hero-action { transition:none; }
  .portfolio-overview .hero-split-actions .hero-action:hover { transform:none; }
}
@media(min-width:601px) and (max-width:900px) {
  .portfolio-overview .hero.hero-split { padding-bottom:210px; }
  .portfolio-overview .hero-split-copy .eyebrow { font-size:13px; line-height:1.6; letter-spacing:1.8px; }
  .portfolio-overview .hero-split-media { height:340px; }
  .portfolio-overview .hero-split .hero-split-orb { width:420px; height:420px; bottom:-100px; }
}

.portfolio-overview .falling-lines { display:none; }
.portfolio-overview .orb-field-canvas { z-index:8; }
.portfolio-overview #system { scroll-margin-top:80px; }
.portfolio-overview #system,.portfolio-overview #tools,.portfolio-overview #contact { background:#14120e; border:0; }
.portfolio-overview .profile-picker-flow .unpack-stage { padding:56px 5vw 120px; gap:0; }
.portfolio-overview .profile-picker-flow .unpack-head { width:min(780px,100%); background:none; box-shadow:none; backdrop-filter:none; padding:16px; border-radius:0; }
.portfolio-overview .profile-picker-flow .unpack-head .eyebrow { font-size:13px; line-height:1.6; letter-spacing:2px; margin:0; }
.portfolio-overview .profile-picker-flow .unpack-head h2 { max-width:22ch; line-height:1.08; margin-top:0; text-wrap:balance; }
.portfolio-overview .profile-picker-flow .unpack-head p:not(.eyebrow) { font-size:18px; line-height:1.6; max-width:58ch; margin:20px auto 0; }
.leadership-connectors { display:block; flex:none; width:100%; height:36px; margin:24px 0 20px; overflow:visible; stroke:#c49b62; stroke-width:1.25; fill:none; opacity:.8; }
.leadership-connectors path { vector-effect:non-scaling-stroke; }
.leadership-connectors circle { fill:#e8c788; stroke:none; }
.portfolio-overview .profile-picker-flow .cards.path-options { width:100%; gap:28px; }
.portfolio-overview .profile-picker-flow .cards.path-options .layer-card { padding:28px; gap:18px; }
.portfolio-overview .profile-picker-flow .cards.path-options .lc-title { font-size:clamp(26px,2.5vw,36px); line-height:1.13; }
.portfolio-overview .profile-picker-flow .cards.path-options .lc-desc { font-size:17px; line-height:1.6; }
.portfolio-overview .closing-stage { position:relative; z-index:4; width:min(1000px,100%); background:#14120e; padding:32px; border-top:1px solid #6e573733; align-items:flex-start; text-align:left; }
.portfolio-overview .closing-title { max-width:24ch; margin-top:16px; }
.portfolio-overview .closing-email { margin-top:24px; }
.portfolio-overview .closing-links { justify-content:flex-start; margin-top:24px; gap:16px 24px; }
.portfolio-overview .closing-links.closing-lanes { width:100%; justify-content:flex-start; }
@media(max-width:600px) {
  .portfolio-overview .profile-picker-flow .unpack-stage { padding:40px 20px 96px; gap:0; }
  .portfolio-overview .profile-picker-flow .unpack-head { padding:8px 0; }
  .portfolio-overview .profile-picker-flow .unpack-head h2 { font-size:32px; }
  .portfolio-overview .profile-picker-flow .unpack-head p:not(.eyebrow) { font-size:16px; }
  .portfolio-overview .profile-picker-flow .cards.path-options { gap:84px; }
  .portfolio-overview .profile-picker-flow .cards.path-options .layer-card { padding:24px; gap:14px; }
  .portfolio-overview .profile-picker-flow .cards.path-options .lc-title { font-size:27px; }
  .portfolio-overview .profile-picker-flow .cards.path-options .lc-desc { font-size:16px; }
  .portfolio-overview .closing-stage { padding:28px 0 0; }
}
@media(max-width:900px) {
  .portfolio-overview .profile-picker-flow .cards.path-options { gap:84px; }
  .leadership-connectors { width:1px; height:28px; background:linear-gradient(#c49b6200,#d7b575); margin:12px 0 20px; }
  .leadership-connectors path,.leadership-connectors circle { display:none; }
}
@media(max-width:900px) {
 .hero.hero-split { min-height:0; max-height:none; height:auto; padding:88px 0 200px; display:flex; flex-direction:column; }
 .hero-split-copy { top:auto; transform:none; margin:0; padding:25px 6vw 20px; width:100%; max-width:650px; order:0; }
 .hero-split-title { font-size:clamp(40px,7vw,60px); }
 .hero-split-media { position:relative; inset:auto; width:100%; height:420px; order:1; }
 .hero-split .hero-split-orb { width:320px; height:320px; bottom:-55px; }
 .hero-split-portrait { mask-image:linear-gradient(180deg,transparent,#000 18%); -webkit-mask-image:linear-gradient(180deg,transparent,#000 18%); object-position:42% center; }
}
@media(max-width:520px) {
 .brand small { display:none; }
 .topbar-actions { gap:12px; }
 .topbar .navlink { font-size:12px; }
 .topbar .navlink-contact { padding:8px 12px; }
 .hero-split-media { height:310px; }
 .hero-split .hero-split-orb { width:280px; height:280px; bottom:-45px; }
 .hero-split-proof { gap:16px; }
 .hero-split-actions { gap:8px; flex-wrap:wrap; }
}