.portfolio-dashboard{
  position:relative;
  z-index:1;
  width:100%;
  height:100vh;
  height:100svh;
  min-height:0;
  overflow:clip;
  isolation:isolate;
  background:var(--cream,#f4f4ed);
  box-sizing:border-box;
  padding:6px;
  touch-action:pan-y;
  overscroll-behavior-y:auto;
}
.portfolio-dashboard #root{
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
}
.portfolio-dashboard .hero-canvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.portfolio-dashboard .shell{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid rgba(23,25,25,.14);
  border-radius:22px;
  box-shadow:0 22px 70px -50px rgba(15,16,16,.55);
  background:rgba(250,250,245,.58);
  backdrop-filter:blur(8px);
}
.portfolio-dashboard .shell__panel{
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  overscroll-behavior-y:auto!important;
}
body:not(.portfolio-ready) .a11y,body:not(.dashboard-active) .a11y{
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.portfolio-ready.dashboard-active .a11y{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
html,body{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html::-webkit-scrollbar,body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}
.portfolio-dashboard :is(.shell__panel,.rail,.clone-page){
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.portfolio-dashboard :is(.shell__panel,.rail,.clone-page)::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.portfolio-dashboard #main-content{
  height:100%!important;
  min-height:0!important;
  position:relative;
  overflow:hidden!important;
}
@media(min-width:901px){.portfolio-dashboard .rail{
    flex:0 0 248px!important;
    width:248px!important;
    height:100%!important;
    min-height:0!important;
    padding:18px 16px 14px!important;
    overflow:hidden!important;
    border-right:1px solid rgba(23,25,25,.12)!important;
    background:rgba(250,250,246,.74)!important;
    backdrop-filter:blur(16px)!important;
  }
.portfolio-dashboard .rail__inner{
    min-height:0!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
.portfolio-dashboard .rail__avatar{
    width:82px!important;
    height:82px!important;
    margin:0 auto 8px!important;
    box-shadow:0 14px 30px -20px rgba(15,16,16,.55)!important;
  }
.portfolio-dashboard .rail__name{
    font-size:21px!important;
    line-height:1.08!important;
    margin-top:2px!important;
  }
.portfolio-dashboard .rail__meta{
    font-size:11.5px!important;
    line-height:1.35!important;
  }
.portfolio-dashboard .rail__edit{
    min-height:30px!important;
    padding:0 11px!important;
    margin-top:8px!important;
    font-size:10px!important;
  }
.portfolio-dashboard .rail__actions{
    margin-top:10px!important;
    height:38px!important;
    gap:8px!important;
  }
.portfolio-dashboard .rail__socials{gap:8px!important}
.portfolio-dashboard .rail__nav{
    flex:1 1 auto!important;
    min-height:0!important;
    margin-top:12px!important;
    padding-top:10px!important;
    overflow:hidden!important;
  }
.portfolio-dashboard .rail__link{
    min-height:38px!important;
    padding:0 11px!important;
    border-radius:13px!important;
    font-size:13px!important;
    gap:10px!important;
  }
.portfolio-dashboard .rail__link .ricon{
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
  }
.portfolio-dashboard .rail__copy{
    margin-top:auto!important;
    padding-top:10px!important;
    font-size:10px!important;
    line-height:1.45!important;
  }
.portfolio-dashboard .home{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:18px 24px!important;
    gap:10px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
.portfolio-dashboard .home__topbar{
    flex:0 0 116px!important;
    min-height:116px!important;
    height:116px!important;
    max-height:116px!important;
    grid-template-columns:minmax(160px,.34fr) minmax(0,1fr)!important;
    gap:12px!important;
  }
.portfolio-dashboard .home__glass--showcase{
    flex:1 1 auto!important;
    min-height:0!important;
    margin:0!important;
    padding:11px!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
.portfolio-dashboard .clone-page{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:18px 24px!important;
    overflow:hidden!important;
  }
.portfolio-dashboard .clone-wrap{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
  }
.portfolio-dashboard .clone-kicker{font-size:9px!important}
.portfolio-dashboard[data-route="projects"] .clone-wrap,.portfolio-dashboard[data-route="construction"] .clone-wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    column-gap:12px!important;
    align-content:start!important;
  }
.portfolio-dashboard[data-route="contact"] .clone-wrap,.portfolio-dashboard[data-route="profile"] .clone-wrap,.portfolio-dashboard[data-route="about"] .clone-wrap{
    display:flex!important;
    flex-direction:column!important;
  }

}
@media(max-width:900px){.portfolio-dashboard{padding:4px}
.portfolio-dashboard .shell{border-radius:18px}
.portfolio-dashboard .rail{
    min-height:72px!important;
    height:72px!important;
    padding:8px 12px!important;
    overflow:hidden!important;
  }
.portfolio-dashboard .rail__inner{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:0 8px!important;
  }
.portfolio-dashboard .rail__avatar{
    width:38px!important;
    height:38px!important;
  }
.portfolio-dashboard .rail__name{font-size:14px!important;line-height:1.1!important}
.portfolio-dashboard .rail__meta{font-size:9px!important}
.portfolio-dashboard .rail__nav,.portfolio-dashboard .rail__copy,.portfolio-dashboard .rail__edit{display:none!important}
.portfolio-dashboard .shell__panel{
    height:calc(100% - 72px)!important;
    min-height:0!important;
    padding:0 0 58px!important;
  }
.portfolio-dashboard .home,.portfolio-dashboard .clone-page{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:10px 12px!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    gap:8px!important;
  }
.portfolio-dashboard .home__topbar{
    flex:0 0 86px!important;
    min-height:86px!important;
    height:86px!important;
    grid-template-columns:90px minmax(0,1fr)!important;
    gap:8px!important;
  }
.portfolio-dashboard .home__glass--showcase{
    flex:1 1 auto!important;
    min-height:0!important;
    padding:8px!important;
    margin:0!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
.portfolio-dashboard .clone-wrap{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
  }
.portfolio-dashboard .clone-kicker{font-size:7.5px!important}
.portfolio-dashboard .mobile-nav{
    display:flex!important;
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    bottom:max(5px,env(safe-area-inset-bottom))!important;
  }
html.mobile-nav-hidden .portfolio-dashboard .mobile-nav{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

}
@media(max-width:430px){.portfolio-dashboard .rail__actions{gap:4px!important}
.portfolio-dashboard .home__topbar{grid-template-columns:78px minmax(0,1fr)!important}

}
@media(min-width:901px){.portfolio-dashboard[data-route="about"] .clone-wrap,.portfolio-dashboard[data-route="engineering"] .clone-wrap,.portfolio-dashboard[data-route="automation"] .clone-wrap{
    display:flex!important;
    flex-direction:column!important;
  }

}
@media(max-width:900px){.portfolio-dashboard[data-route="projects"] .clone-wrap,.portfolio-dashboard[data-route="construction"] .clone-wrap{
    display:flex!important;
    flex-direction:column!important;
  }

}
[data-theme="dark"] .portfolio-dashboard{
  background:#0F1010;
}
[data-theme="dark"] .portfolio-dashboard .shell{
  background:rgba(15,16,16,.78)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 22px 70px -50px rgba(0,0,0,.9)!important;
}
[data-theme="dark"] .portfolio-dashboard .rail{
  background:rgba(15,16,16,.9)!important;
  border-color:rgba(255,255,255,.11)!important;
  color:#f6f8fc!important;
}
[data-theme="dark"] .portfolio-dashboard .rail__copy{
  color:#A9ADAD!important;
}
.hero{
  color-scheme:light!important;
}
.hero .role-btn,.hero .role-btn__label{
  color:#111!important;
  mix-blend-mode:normal!important;
}
.portfolio-dashboard[data-theme="dark"]{
  background:#0F1010;
}
.portfolio-dashboard[data-theme="dark"] .shell{
  background:rgba(15,16,16,.78)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.portfolio-dashboard[data-theme="dark"] .rail{
  background:rgba(15,16,16,.9)!important;
  border-color:rgba(255,255,255,.11)!important;
}
.portfolio-dashboard.dashboard-under-hero{
  position:fixed!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100vh!important;
  height:100svh!important;
  margin:0!important;
  padding:6px!important;
  visibility:visible!important;
  pointer-events:none!important;
  transform:none!important;
}
.portfolio-dashboard.dashboard-under-hero #root,.portfolio-dashboard.dashboard-under-hero .shell{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
@media(min-width:901px){.portfolio-dashboard{
    --dash-ink:#171919;
    --dash-muted:#787C7C;
    --dash-line:rgba(23,25,25,.13);
    --dash-panel:#fffefa;
    --dash-wash:#F3F1EF;
    --dash-active:#edf0f2;
    --dash-shadow:0 18px 48px -34px rgba(23,25,25,.34);
    padding:4px!important;
    background:#f2f1eb!important;
  }
.portfolio-dashboard .shell{
    display:flex!important;
    border:1px solid rgba(23,25,25,.15)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 82% 18%,rgba(216,218,219,.46),transparent 32%),
      linear-gradient(135deg,#f8f7f1 0%,#f1f4f7 100%)!important;
    box-shadow:0 26px 80px -54px rgba(23,25,25,.48)!important;
    backdrop-filter:none!important;
  }
.portfolio-dashboard .rail{
    flex:0 0 264px!important;
    width:264px!important;
    padding:22px 20px 16px!important;
    background:rgba(255,255,252,.94)!important;
    border-right:1px solid rgba(23,25,25,.14)!important;
    backdrop-filter:none!important;
  }
.portfolio-dashboard .rail__avatar{
    width:92px!important;
    height:92px!important;
    margin:8px auto 12px!important;
    border-radius:50%!important;
    box-shadow:0 16px 38px -24px rgba(23,25,25,.45)!important;
  }
.portfolio-dashboard .rail__name{
    color:var(--dash-ink)!important;
    font-size:20px!important;
    font-weight:700!important;
    letter-spacing:-.03em!important;
    text-align:center!important;
  }
.portfolio-dashboard .rail__meta{
    color:var(--dash-muted)!important;
    text-align:center!important;
  }
.portfolio-dashboard .rail__actions{
    justify-content:center!important;
    margin-top:14px!important;
  }
.portfolio-dashboard :is(.rail__social,.rail__theme){
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    border-radius:50%!important;
    background:#fff!important;
    color:var(--dash-ink)!important;
    box-shadow:inset 0 0 0 1px var(--dash-line)!important;
  }
.portfolio-dashboard .rail__nav{
    margin-top:18px!important;
    padding-top:18px!important;
    border-top:1px solid var(--dash-line)!important;
  }
.portfolio-dashboard .rail__link{
    min-height:42px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    color:#585B5B!important;
    font-size:13.5px!important;
    font-weight:600!important;
    transition:background-color .18s ease,color .18s ease,transform .18s ease!important;
  }
.portfolio-dashboard .rail__link:hover{
    background:rgba(23,25,25,.045)!important;
    transform:translateX(2px)!important;
  }
.portfolio-dashboard .rail__link.active{
    background:var(--dash-active)!important;
    color:var(--dash-ink)!important;
    box-shadow:none!important;
  }
.portfolio-dashboard .rail__link .ricon{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
  }
.portfolio-dashboard .shell__panel{
    flex:1 1 auto!important;
    min-width:0!important;
    background:transparent!important;
  }
.portfolio-dashboard .home{
    padding:26px 28px 20px!important;
    gap:12px!important;
    background:transparent!important;
  }
.portfolio-dashboard .home__topbar{
    display:none!important;
  }
.portfolio-dashboard-intro{
    flex:0 0 auto;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    min-height:88px;
    padding:0 2px;
  }
.portfolio-dashboard-intro__copy{
    min-width:0;
    max-width:760px;
  }
.portfolio-dashboard-intro__eyebrow{
    margin:0 0 6px;
    color:#7E5B47;
    font:700 10px/1.1 'Poppins',system-ui,sans-serif;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
.portfolio-dashboard-intro h1{
    margin:0;
    color:var(--dash-ink);
    font:700 clamp(34px,3.55vw,54px)/.95 'Poppins',system-ui,sans-serif;
    letter-spacing:-.055em;
  }
.portfolio-dashboard-intro p{
    margin:10px 0 0;
    max-width:720px;
    color:#787C7C;
    font:500 13px/1.45 'Poppins',system-ui,sans-serif;
  }
.portfolio-dashboard-status{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:40px;
    padding:0 14px;
    border:1px solid var(--dash-line);
    border-radius:999px;
    background:rgba(255,255,255,.72);
    color:var(--dash-ink);
    box-shadow:0 10px 28px -22px rgba(23,25,25,.45);
    font:600 11px/1 'Poppins',system-ui,sans-serif;
    white-space:nowrap;
  }
.portfolio-dashboard-status::before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#32b67a;
    box-shadow:0 0 0 4px rgba(50,182,122,.12);
  }
.portfolio-tools-strip{
    flex:0 0 58px;
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    align-items:center;
    min-height:58px;
    overflow:hidden;
    border:1px solid rgba(23,25,25,.13);
    border-radius:20px;
    background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(243,241,239,.78));
    box-shadow:var(--dash-shadow);
  }
.portfolio-tools-strip__label{
    height:34px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:0 16px;
    border-right:1px solid var(--dash-line);
  }
.portfolio-tools-strip__label span{
    color:#7E5B47;
    font:700 9px/1 'Poppins',system-ui,sans-serif;
    letter-spacing:.12em;
    text-transform:uppercase;
  }
.portfolio-tools-strip__label strong{
    margin-top:5px;
    color:var(--dash-ink);
    font:700 12px/1 'Poppins',system-ui,sans-serif;
  }
.portfolio-tools-strip__items{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    align-items:center;
    min-width:0;
    height:100%;
    padding:8px 10px;
  }
.portfolio-tool{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
    height:32px;
    padding:0 10px;
    border-right:1px solid rgba(23,25,25,.09);
    color:#262828;
    font:600 11px/1 'Poppins',system-ui,sans-serif;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
.portfolio-tool:last-child{border-right:0}
.portfolio-dashboard .home__glass--showcase{
    flex:1 1 auto!important;
    min-height:0!important;
    padding:12px!important;
    border:1px solid rgba(23,25,25,.11)!important;
    border-radius:26px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(243,241,239,.7))!important;
    box-shadow:var(--dash-shadow)!important;
    backdrop-filter:none!important;
  }

}
.portfolio-dashboard[data-theme="dark"]{
  --dash-ink:#f4f7fb;
  --dash-muted:#A9ADAD;
  --dash-line:rgba(255,255,255,.12);
  --dash-panel:#171919;
  --dash-wash:#171919;
  --dash-active:#171919;
  --dash-shadow:0 18px 48px -34px rgba(0,0,0,.72);
}
@media(min-width:901px){.portfolio-dashboard[data-theme="dark"] .shell{
    background:
      radial-gradient(circle at 82% 18%,rgba(88,91,91,.3),transparent 32%),
      linear-gradient(135deg,#0F1010 0%,#0F1010 100%)!important;
  }
.portfolio-dashboard[data-theme="dark"] .rail{
    background:rgba(15,16,16,.96)!important;
    border-right-color:rgba(255,255,255,.1)!important;
  }
.portfolio-dashboard[data-theme="dark"] .rail__name,.portfolio-dashboard[data-theme="dark"] .portfolio-dashboard-intro h1,.portfolio-dashboard[data-theme="dark"] .portfolio-tools-strip__label strong{
    color:#f5f7fb!important;
  }
.portfolio-dashboard[data-theme="dark"] .rail__link{color:#A9ADAD!important}
.portfolio-dashboard[data-theme="dark"] .rail__link:hover{background:rgba(255,255,255,.05)!important}
.portfolio-dashboard[data-theme="dark"] .rail__link.active{
    background:#171919!important;
    color:#fff!important;
  }
.portfolio-dashboard[data-theme="dark"] :is(.rail__social,.rail__theme){
    background:#171919!important;
    color:#fff!important;
  }
.portfolio-dashboard[data-theme="dark"] .portfolio-dashboard-intro p{color:#A9ADAD}
.portfolio-dashboard[data-theme="dark"] .portfolio-dashboard-status{
    background:rgba(23,25,25,.78);
    color:#F3F1EF;
  }
.portfolio-dashboard[data-theme="dark"] .portfolio-tools-strip{
    background:linear-gradient(90deg,rgba(15,16,16,.96),rgba(23,25,25,.9));
  }
.portfolio-dashboard[data-theme="dark"] .portfolio-tool{color:#D8DADB}
.portfolio-dashboard[data-theme="dark"] .home__glass--showcase{
    background:linear-gradient(135deg,rgba(15,16,16,.88),rgba(23,25,25,.78))!important;
  }

}
.portfolio-dashboard .home__glass--tools{
  flex:0 0 70.25px!important;
  min-height:70.25px!important;
  height:70.25px!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  padding:10px 16.296px!important;
  gap:14px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:28px!important;
  background:
    linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,0) 38%),
    linear-gradient(100deg,rgba(255,255,255,.97),rgba(255,255,255,.93) 42%,rgba(243,241,239,.95) 76%,rgba(216,218,219,.96))!important;
  box-shadow:
    rgba(23,25,25,.14) 0 0 0 1px inset,
    rgba(255,255,255,.7) 0 1px 0 0 inset,
    rgba(15,16,16,.4) 0 24px 60px -36px!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
  color:rgb(23,25,25)!important;
}
.portfolio-dashboard .home__tools{
  display:grid!important;
  grid-template-columns:140.438px minmax(0,1fr)!important;
  grid-template-rows:50.25px!important;
  align-items:center!important;
  width:100%!important;
  height:50.25px!important;
  gap:19.012px!important;
}
.portfolio-dashboard .tools-marquee{
  position:relative!important;
  display:block!important;
  min-width:0!important;
  width:100%!important;
  height:50.25px!important;
  overflow:hidden!important;
  border:1px solid rgba(23,25,25,.14)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:
    rgba(23,25,25,.22) 0 30px 70px -40px,
    rgba(23,25,25,.08) 0 4px 20px -10px!important;
}
.portfolio-dashboard .tools-marquee__track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  height:48.25px!important;
  padding:14px 28px!important;
  gap:44px!important;
  flex-wrap:nowrap!important;
  animation:brewedops-tools-marquee 80s linear infinite!important;
  will-change:transform!important;
}
.portfolio-dashboard .tools-marquee__item{
  position:relative!important;
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  height:20.25px!important;
  padding:0 44px 0 0!important;
  gap:10px!important;
  color:rgb(23,25,25)!important;
  font:600 13.5px/20.25px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
  letter-spacing:-.0675px!important;
  white-space:nowrap!important;
}
.portfolio-dashboard .tools-marquee__label{
  display:block!important;
  color:rgb(23,25,25)!important;
  font:600 13.5px/20.25px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
  letter-spacing:-.0675px!important;
  white-space:nowrap!important;
}
.portfolio-dashboard .tools-marquee .sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@keyframes brewedops-tools-marquee{
  from{translate:0 0}
  to{translate:-50% 0}
}
.portfolio-dashboard[data-theme="dark"] .home__glass--tools{
  background:
    linear-gradient(rgba(255,255,255,.025),rgba(255,255,255,0) 38%),
    linear-gradient(100deg,#171919,#171919 42%,#171919 76%,#262828)!important;
  box-shadow:
    rgba(255,255,255,.08) 0 0 0 1px inset,
    rgba(255,255,255,.03) 0 1px 0 0 inset,
    rgba(0,0,0,.5) 0 24px 60px -36px!important;
}
.portfolio-dashboard[data-theme="dark"] .tools-marquee{
  background:#0F1010!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:rgba(0,0,0,.28) 0 30px 70px -40px,rgba(0,0,0,.18) 0 4px 20px -10px!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.tools-marquee__item,.tools-marquee__label){
  color:#F3F1EF!important;
}
@media(max-width:900px){.portfolio-dashboard .home__glass--tools{
    flex-basis:58px!important;
    min-height:58px!important;
    height:58px!important;
    padding:7px 9px!important;
    border-radius:20px!important;
  }
.portfolio-dashboard .home__tools{
    grid-template-columns:112px minmax(0,1fr)!important;
    grid-template-rows:44px!important;
    height:44px!important;
    gap:10px!important;
  }
.portfolio-dashboard .tools-marquee{height:44px!important}
.portfolio-dashboard .tools-marquee__track{height:42px!important;padding:11px 20px!important;gap:30px!important}
.portfolio-dashboard .tools-marquee__item{height:20px!important;padding-right:30px!important;gap:8px!important;font-size:11px!important}
.portfolio-dashboard .tools-marquee__label{font-size:11px!important}

}
@media(prefers-reduced-motion:reduce){.portfolio-dashboard .tools-marquee__track{animation:none!important}

}
.portfolio-dashboard .tools-marquee__track{
  transform:none!important;
  translate:0 0;
}
.portfolio-dashboard .portfolio-about{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:22px 26px!important;
  overflow:hidden!important;
}
.portfolio-dashboard .portfolio-about__wrap{
  width:100%!important;
  max-width:none!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.portfolio-dashboard .portfolio-about__head{
  flex:0 0 auto!important;
  min-height:0!important;
  margin-bottom:14px!important;
}
.portfolio-dashboard .portfolio-about__grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.portfolio-dashboard .portfolio-about__card{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(23,25,25,.16)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 18px 42px -32px rgba(15,16,16,.48)!important;
}
.portfolio-dashboard .portfolio-about__card img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transition:transform .45s cubic-bezier(.22,1,.36,1)!important;
}
.portfolio-dashboard .portfolio-about__card:hover img{
  transform:scale(1.025)!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-about__card{
  background:#171919!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 18px 42px -30px rgba(0,0,0,.72)!important;
}
@media(max-width:900px){.portfolio-dashboard .portfolio-about{
    padding:14px!important;
  }
.portfolio-dashboard .portfolio-about__head{
    margin-bottom:10px!important;
  }
.portfolio-dashboard .portfolio-about__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
.portfolio-dashboard .portfolio-about__card{
    border-radius:16px!important;
  }

}
.portfolio-dashboard .rail__meta,.portfolio-dashboard [data-owner-meta],.portfolio-dashboard .rail__edit,.portfolio-dashboard .rail__edit-profile{
  display:none!important;
}
.portfolio-dashboard .rail__avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 42%!important;
}
.portfolio-dashboard .tools-marquee:hover .tools-marquee__track{
  animation-play-state:paused!important;
}
.portfolio-dashboard .portfolio-about-preview{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:120px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
}
.portfolio-dashboard .portfolio-about-preview img{
  position:absolute!important;
  left:50%!important;
  bottom:2px!important;
  width:48%!important;
  height:88%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:10px!important;
  border:2px solid rgba(255,255,255,.92)!important;
  box-shadow:0 10px 22px -12px rgba(23,25,25,.42)!important;
  transform-origin:50% 100%!important;
}
.portfolio-dashboard .portfolio-about-preview img:nth-child(1){transform:translateX(-88%) rotate(-7deg)!important;z-index:1!important}
.portfolio-dashboard .portfolio-about-preview img:nth-child(2){transform:translateX(-62%) rotate(-2deg)!important;z-index:2!important}
.portfolio-dashboard .portfolio-about-preview img:nth-child(3){transform:translateX(-36%) rotate(3deg)!important;z-index:3!important}
.portfolio-dashboard .portfolio-about-preview img:nth-child(4){transform:translateX(-10%) rotate(7deg)!important;z-index:4!important}
.portfolio-dashboard .rail__name{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.portfolio-dashboard .portfolio-dashboard-intro,.portfolio-dashboard .portfolio-dashboard-status{
  display:none!important;
}
.portfolio-dashboard .portfolio-about-overview__head{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  height:34px!important;
}
.portfolio-dashboard .portfolio-about-overview__icon{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:11px!important;
  background:#7E5B47!important;
  color:#fff!important;
  font-size:13px!important;
}
.portfolio-dashboard .portfolio-about-overview__head strong{
  color:var(--dash-ink,#171919)!important;
  font:700 14px/1 'Poppins',system-ui,sans-serif!important;
}
.portfolio-dashboard .portfolio-about-overview__images{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  width:100%!important;
  height:calc(100% - 44px)!important;
  margin-top:10px!important;
  min-height:0!important;
}
.portfolio-dashboard .portfolio-about-overview__image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:9px!important;
  border:1px solid rgba(23,25,25,.10)!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-about-overview__head strong{
  color:#f5f7fb!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-about-overview__image{
  border-color:rgba(255,255,255,.10)!important;
}
html,body,.portfolio-dashboard,.portfolio-dashboard .shell__panel,.portfolio-dashboard #main-content{
  scrollbar-width:none!important;
}
html::-webkit-scrollbar,body::-webkit-scrollbar,.portfolio-dashboard::-webkit-scrollbar,.portfolio-dashboard .shell__panel::-webkit-scrollbar,.portfolio-dashboard #main-content::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.portfolio-dashboard .rail__avatar{
  overflow:hidden!important;
}
.portfolio-dashboard .rail__avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 45%!important;
}
.portfolio-dashboard .rail__name,.portfolio-dashboard [data-owner-name]{
  width:100%!important;
  display:block!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.portfolio-dashboard .rail__meta,.portfolio-dashboard [data-owner-meta],.portfolio-dashboard .rail__edit,.portfolio-dashboard .rail__edit-profile{
  display:none!important;
}
.portfolio-dashboard .tools-marquee{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26px,#000 calc(100% - 26px),transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 26px,#000 calc(100% - 26px),transparent 100%)!important;
}
.portfolio-dashboard .tools-marquee__track{
  display:flex!important;
  width:max-content!important;
  gap:0!important;
  padding:0!important;
  animation:portfolio-tools-loop 80s linear infinite!important;
  translate:none!important;
  will-change:transform!important;
}
.portfolio-dashboard .tools-marquee__group{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  height:48.25px!important;
  padding:14px 28px!important;
  gap:44px!important;
}
.portfolio-dashboard .tools-marquee__item{
  padding-right:0!important;
}
.portfolio-dashboard .tools-marquee:hover .tools-marquee__track{
  animation-play-state:paused!important;
}
@keyframes portfolio-tools-loop{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
.portfolio-dashboard .home__glass--showcase{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:12px!important;
  overflow:hidden!important;
}
.portfolio-dashboard .portfolio-overview-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
.portfolio-dashboard .portfolio-overview-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  padding:14px!important;
  overflow:hidden!important;
  border:1px solid rgba(23,25,25,.13)!important;
  border-radius:20px!important;
  background:rgba(255,255,252,.94)!important;
  box-shadow:0 14px 34px -28px rgba(23,25,25,.42)!important;
  color:#171919!important;
  text-decoration:none!important;
}
.portfolio-dashboard .portfolio-overview-card--projects{grid-column:span 6!important}
.portfolio-dashboard .portfolio-overview-card--about{grid-column:span 3!important}
.portfolio-dashboard .portfolio-overview-card--ai{grid-column:span 3!important}
.portfolio-dashboard .portfolio-overview-card--capabilities{grid-column:span 3!important}
.portfolio-dashboard .portfolio-overview-card--services{grid-column:span 3!important}
.portfolio-dashboard .portfolio-overview-card--testimonials{grid-column:span 6!important}
.portfolio-dashboard .portfolio-overview-card__head{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
}
.portfolio-dashboard .portfolio-overview-card__icon{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  border-radius:11px!important;
  background:#7E5B47!important;
  color:#fff!important;
  font:700 9px/1 Poppins,system-ui,sans-serif!important;
}
.portfolio-dashboard .portfolio-overview-card__head strong{
  display:block!important;
  margin-top:1px!important;
  color:#171919!important;
  font:700 14px/1.15 Poppins,system-ui,sans-serif!important;
}
.portfolio-dashboard .portfolio-overview-card__head small{
  display:block!important;
  margin-top:5px!important;
  color:#787C7C!important;
  font:500 10px/1.35 Poppins,system-ui,sans-serif!important;
}
.portfolio-dashboard .portfolio-projects-mini,.portfolio-dashboard .portfolio-chip-list,.portfolio-dashboard .portfolio-skill-list,.portfolio-dashboard .portfolio-proof-mini{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
  margin-top:auto!important;
  padding-top:12px!important;
}
.portfolio-dashboard :is(.portfolio-projects-mini,.portfolio-chip-list,.portfolio-skill-list,.portfolio-proof-mini) span{
  min-width:0!important;
  padding:8px 9px!important;
  overflow:hidden!important;
  border:1px solid rgba(23,25,25,.10)!important;
  border-radius:10px!important;
  background:#f6f8fb!important;
  color:#585B5B!important;
  font:600 9px/1.15 Poppins,system-ui,sans-serif!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.portfolio-dashboard .portfolio-service-mini{
  display:grid!important;
  gap:4px!important;
  margin-top:auto!important;
  padding-top:10px!important;
}
.portfolio-dashboard .portfolio-service-mini span{
  padding:5px 0!important;
  border-bottom:1px solid rgba(23,25,25,.08)!important;
  color:#585B5B!important;
  font:600 9px/1.15 Poppins,system-ui,sans-serif!important;
}
.portfolio-dashboard .portfolio-overview__about-images{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:6px!important;
  margin-top:10px!important;
}
.portfolio-dashboard .portfolio-overview__about-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:9px!important;
}
.portfolio-dashboard .portfolio-section-page{
  width:100%!important;
  height:100%!important;
  padding:34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.portfolio-dashboard .portfolio-section-page__eyebrow{
  color:#7E5B47!important;
  font:700 10px/1 Poppins,system-ui,sans-serif!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
.portfolio-dashboard .portfolio-section-page h1{
  margin:8px 0 8px!important;
  color:#171919!important;
  font:700 clamp(34px,4vw,58px)/.98 Poppins,system-ui,sans-serif!important;
  letter-spacing:-.05em!important;
}
.portfolio-dashboard .portfolio-section-page p{
  max-width:660px!important;
  margin:0!important;
  color:#787C7C!important;
  font:500 13px/1.5 Poppins,system-ui,sans-serif!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-overview-card{
  background:#171919!important;
  border-color:rgba(255,255,255,.11)!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-overview-card__head strong,.portfolio-dashboard[data-theme="dark"] .portfolio-section-page h1{
  color:#f5f7fb!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-overview-card__head small,.portfolio-dashboard[data-theme="dark"] .portfolio-section-page p{
  color:#A9ADAD!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-projects-mini,.portfolio-chip-list,.portfolio-skill-list,.portfolio-proof-mini) span{
  background:#171919!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#D8DADB!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-service-mini span{
  border-bottom-color:rgba(255,255,255,.08)!important;
  color:#D8DADB!important;
}
@media(max-width:900px){.portfolio-dashboard .portfolio-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
.portfolio-dashboard .portfolio-overview-card{
    grid-column:span 1!important;
    padding:10px!important;
    border-radius:16px!important;
  }
.portfolio-dashboard .portfolio-overview-card__head{
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:7px!important;
  }
.portfolio-dashboard .portfolio-overview-card__icon{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
  }
.portfolio-dashboard .portfolio-overview-card__head strong{font-size:11px!important}
.portfolio-dashboard .portfolio-overview-card__head small{font-size:8px!important}

}
html,body,.portfolio-dashboard,.portfolio-dashboard *{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html::-webkit-scrollbar,body::-webkit-scrollbar,.portfolio-dashboard::-webkit-scrollbar,.portfolio-dashboard *::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.portfolio-dashboard .rail__avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 60%!important;
}
.portfolio-dashboard .ricon--phosphor{
  display:grid!important;
  place-items:center!important;
}
.portfolio-dashboard .ricon--phosphor .ph{
  display:block!important;
  font-size:18px!important;
  line-height:1!important;
  color:currentColor!important;
}
.portfolio-dashboard .portfolio-overview-card__icon .ph,.portfolio-dashboard .portfolio-section-page__icon .ph{
  display:block!important;
  font-size:18px!important;
  line-height:1!important;
}
.portfolio-dashboard .tools-marquee__track{
  animation:portfolio-tools-loop 48s linear infinite!important;
  animation-play-state:running!important;
}
.portfolio-dashboard .tools-marquee:hover .tools-marquee__track{
  animation-play-state:paused!important;
}
.portfolio-dashboard .portfolio-overview-grid--construction{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:minmax(0,1.12fr) minmax(0,.88fr)!important;
}
.portfolio-dashboard .portfolio-overview-card--construction,.portfolio-dashboard .portfolio-overview-card--engineering{
  grid-column:span 6!important;
}
.portfolio-dashboard .portfolio-overview-card--projects,.portfolio-dashboard .portfolio-overview-card--systems,.portfolio-dashboard .portfolio-overview-card--about{
  grid-column:span 4!important;
}
.portfolio-dashboard .portfolio-overview-card--feature{
  background:
    radial-gradient(circle at 88% 10%,rgba(126,91,71,.10),transparent 32%),
    rgba(255,255,252,.97)!important;
}
.portfolio-dashboard .portfolio-overview-card--feature .portfolio-overview-card__head strong{
  font-size:17px!important;
  letter-spacing:-.025em!important;
}
.portfolio-dashboard .portfolio-overview-card--feature .portfolio-overview-card__head small{
  max-width:48ch!important;
  font-size:10.5px!important;
}
.portfolio-dashboard .portfolio-overview-card__icon{
  font-size:0!important;
}
.portfolio-dashboard .portfolio-section-page__icon{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  margin-bottom:12px!important;
  border-radius:13px!important;
  background:#7E5B47!important;
  color:#fff!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-overview-card--feature{
  background:
    radial-gradient(circle at 88% 10%,rgba(126,91,71,.12),transparent 34%),
    #171919!important;
}
@media(max-width:900px){.portfolio-dashboard .portfolio-overview-grid--construction{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
  }
.portfolio-dashboard .portfolio-overview-card--construction,.portfolio-dashboard .portfolio-overview-card--engineering,.portfolio-dashboard .portfolio-overview-card--projects,.portfolio-dashboard .portfolio-overview-card--systems{
    grid-column:span 1!important;
  }
.portfolio-dashboard .portfolio-overview-card--about{
    grid-column:span 2!important;
  }

}
.portfolio-dashboard .tools-marquee__track{
  transform:none!important;
  translate:0 0!important;
  animation:portfolio-tools-seamless 34s linear infinite!important;
  animation-play-state:running!important;
  backface-visibility:hidden!important;
  contain:layout paint!important;
}
.portfolio-dashboard .tools-marquee__group{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  height:48.25px!important;
  padding:14px 28px!important;
  gap:44px!important;
}
.portfolio-dashboard .tools-marquee:hover .tools-marquee__track{
  animation-play-state:paused!important;
}
@keyframes portfolio-tools-seamless{
  from{translate:0 0}
  to{translate:-50% 0}
}
.portfolio-dashboard .portfolio-reference-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
.portfolio-dashboard .portfolio-ref-card{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:12px 15px!important;
  color:rgb(23,25,25)!important;
  background:rgb(251,251,247)!important;
  border:1px solid rgba(23,25,25,.28)!important;
  border-radius:22px!important;
  box-shadow:
    rgba(15,16,16,.05) 0 1px 1.5px 0,
    rgba(15,16,16,.38) 0 18px 40px -20px!important;
  text-decoration:none!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
  transition:
    transform .34s cubic-bezier(.2,.8,.2,1),
    box-shadow .34s cubic-bezier(.25,.1,.25,1),
    border-color .14s cubic-bezier(.25,.1,.25,1)!important;
  transform:translateZ(0)!important;
  will-change:transform!important;
}
.portfolio-dashboard .portfolio-ref-card:hover{
  transform:translateY(-1px) scale(.97)!important;
  border-color:rgba(23,25,25,.38)!important;
  box-shadow:
    rgba(15,16,16,.05) 0 1px 1.5px 0,
    rgba(15,16,16,.44) 0 22px 44px -20px!important;
}
/* Cards rendered as <button>/<a> (clickable bento tiles) keep left-aligned text. */
.portfolio-dashboard :is(button,a).portfolio-ref-card{text-align:left!important;-webkit-appearance:none!important;appearance:none!important;cursor:pointer!important}
.portfolio-dashboard .portfolio-ref-card--construction,.portfolio-dashboard .portfolio-ref-card--engineering{
  grid-column:span 6!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(180px,.82fr)!important;
  gap:14px!important;
}
.portfolio-dashboard .portfolio-ref-card--projects{
  grid-column:span 6!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:14px!important;
}
.portfolio-dashboard .portfolio-ref-card--about,.portfolio-dashboard .portfolio-ref-card--automation{
  grid-column:span 3!important;
  display:flex!important;
  flex-direction:column!important;
}
.portfolio-dashboard .portfolio-ref-head{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  gap:6px!important;
  min-width:0!important;
}
.portfolio-dashboard :is(.portfolio-ref-card--projects,.portfolio-ref-card--construction,.portfolio-ref-card--engineering) .portfolio-ref-head{
  height:100%!important;
}
.portfolio-dashboard .portfolio-ref-label{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  padding-right:22px!important;
}
.portfolio-dashboard .portfolio-ref-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 34px!important;
  width:34px!important;
  height:34px!important;
  color:#fff!important;
  background:#7E5B47!important;
  border-radius:10px!important;
  transition:transform .34s cubic-bezier(.2,.8,.2,1)!important;
}
.portfolio-dashboard .portfolio-ref-icon .ph{
  font-size:20px!important;
  line-height:1!important;
}
.portfolio-dashboard .portfolio-ref-label h3{
  margin:0!important;
  color:rgb(23,25,25)!important;
  font:600 16px/18.4px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
  transition:color .14s cubic-bezier(.25,.1,.25,1)!important;
}
.portfolio-dashboard .portfolio-ref-head p{
  margin:0!important;
  max-width:34ch!important;
  color:rgb(88,91,91)!important;
  font:400 11.5px/16.675px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
}
.portfolio-dashboard .portfolio-ref-arrow{
  position:absolute!important;
  top:9px!important;
  right:0!important;
  color:#7E5B47!important;
  font-size:15px!important;
  line-height:1!important;
  transition:
    opacity .14s cubic-bezier(.25,.1,.25,1),
    transform .34s cubic-bezier(.2,.8,.2,1)!important;
}
.portfolio-dashboard .portfolio-ref-card:hover .portfolio-ref-icon{
  transform:translateY(-1px) rotate(-3deg)!important;
}
.portfolio-dashboard .portfolio-ref-card:hover .portfolio-ref-arrow{
  transform:translate(3px,-3px)!important;
}
.portfolio-dashboard .portfolio-ref-detail-grid{
  align-self:stretch!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  min-width:0!important;
}
.portfolio-dashboard .portfolio-ref-detail-grid>span{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:8px!important;
  padding:10px!important;
  min-width:0!important;
  background:#fff!important;
  border-radius:12px!important;
  box-shadow:rgba(23,25,25,.14) 0 0 0 1px inset!important;
}
.portfolio-dashboard .portfolio-ref-detail-grid .ph{
  grid-row:1/3!important;
  color:#7E5B47!important;
  font-size:18px!important;
}
.portfolio-dashboard .portfolio-ref-detail-grid b{
  overflow:hidden!important;
  color:#171919!important;
  font:600 11px/1.2 inherit!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.portfolio-dashboard .portfolio-ref-detail-grid small{
  color:#787C7C!important;
  font:500 8.5px/1.2 inherit!important;
}
.portfolio-dashboard .portfolio-ref-sheet{
  position:relative!important;
  align-self:stretch!important;
  min-width:0!important;
  padding:14px!important;
  overflow:hidden!important;
  background:
    linear-gradient(rgba(23,25,25,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(23,25,25,.05) 1px,transparent 1px),
    #fff!important;
  background-size:14px 14px!important;
  border-radius:14px!important;
  box-shadow:rgba(23,25,25,.14) 0 0 0 1px inset!important;
}
.portfolio-dashboard .portfolio-ref-sheet__title{
  display:block!important;
  color:#7E5B47!important;
  font:700 9px/1.2 inherit!important;
  letter-spacing:.08em!important;
}
.portfolio-dashboard .portfolio-ref-sheet__line{
  display:block!important;
  width:88%!important;
  height:3px!important;
  margin-top:10px!important;
  border-radius:999px!important;
  background:#F3F1EF!important;
}
.portfolio-dashboard .portfolio-ref-sheet>div{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto 1fr auto 1fr!important;
  gap:5px!important;
  align-items:center!important;
}
.portfolio-dashboard .portfolio-ref-sheet b{
  color:#7E5B47!important;
  font:700 9px/1 inherit!important;
}
.portfolio-dashboard .portfolio-ref-sheet small{
  color:#585B5B!important;
  font:600 8px/1 inherit!important;
}
.portfolio-dashboard .portfolio-ref-reel{
  position:relative!important;
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:14px!important;
}
.portfolio-dashboard .portfolio-ref-reel-track{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  width:100%!important;
  animation:portfolio-ref-drift-up 22s linear infinite!important;
  will-change:translate!important;
}
@keyframes portfolio-ref-drift-up{
  from{translate:0 0}
  to{translate:0 calc(-50% - 5px)}
}
.portfolio-dashboard .portfolio-ref-shot{
  position:relative!important;
  display:block!important;
  flex:0 0 94px!important;
  min-height:94px!important;
  padding:18px 4px 4px!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:12px!important;
  box-shadow:
    rgba(23,25,25,.14) 0 0 0 1px inset,
    rgba(15,16,16,.5) 0 6px 18px -14px!important;
}
.portfolio-dashboard .portfolio-ref-shot__chrome{
  position:absolute!important;
  top:7px!important;
  left:9px!important;
  display:flex!important;
  gap:4px!important;
}
.portfolio-dashboard .portfolio-ref-shot__chrome i{
  width:4px!important;height:4px!important;border-radius:50%!important;background:#D8DADB!important;
}
.portfolio-dashboard .portfolio-ref-shot__chrome i:first-child{background:#7E5B47!important}
.portfolio-dashboard .portfolio-ref-shot__content{
  display:flex!important;
  height:100%!important;
  padding:10px 12px!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  border-radius:7px!important;
  background:
    radial-gradient(circle at 80% 16%,rgba(126,91,71,.16),transparent 35%),
    linear-gradient(135deg,#f3f6fb,#F3F1EF)!important;
}
.portfolio-dashboard .portfolio-ref-shot__content strong{
  color:#171919!important;font:700 11px/1.15 inherit!important;
}
.portfolio-dashboard .portfolio-ref-shot__content small{
  margin-top:3px!important;color:#787C7C!important;font:500 8.5px/1.2 inherit!important;
}
.portfolio-dashboard .portfolio-ref-fan{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:1 1 auto!important;
  min-height:0!important;
}
.portfolio-dashboard .portfolio-ref-photo{
  position:absolute!important;
  left:50%!important;
  bottom:2px!important;
  display:block!important;
  width:min(42%,76px)!important;
  aspect-ratio:3/4!important;
  overflow:hidden!important;
  background:rgb(244,244,237)!important;
  border-radius:12px!important;
  box-shadow:
    rgb(255,255,255) 0 0 0 3px,
    rgba(15,16,16,.6) 0 14px 30px -14px!important;
  transform-origin:50% 50%!important;
  transition:transform .52s cubic-bezier(.2,.8,.2,1)!important;
  will-change:transform!important;
}
.portfolio-dashboard .portfolio-ref-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 20%!important;
}
.portfolio-dashboard .portfolio-ref-photo:nth-child(1){z-index:1;transform:translateX(-80%) translateY(5px) rotate(-11deg)!important}
.portfolio-dashboard .portfolio-ref-photo:nth-child(2){z-index:2;transform:translateX(-62%) translateY(-2px) rotate(-4deg)!important}
.portfolio-dashboard .portfolio-ref-photo:nth-child(3){z-index:3;transform:translateX(-38%) translateY(-2px) rotate(4deg)!important}
.portfolio-dashboard .portfolio-ref-photo:nth-child(4){z-index:4;transform:translateX(-20%) translateY(5px) rotate(11deg)!important}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(1){transform:translateX(-96%) translateY(0) rotate(-13deg)!important}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(2){transform:translateX(-68%) translateY(-7px) rotate(-5deg)!important}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(3){transform:translateX(-32%) translateY(-7px) rotate(5deg)!important}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(4){transform:translateX(-4%) translateY(0) rotate(13deg)!important}
/* Credential badges behind the About photo fan. */
.portfolio-dashboard .portfolio-ref-badge{
  position:absolute!important;
  left:50%!important;
  top:6px!important;
  z-index:0!important;
  width:50px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  opacity:1!important;
  filter:drop-shadow(0 8px 16px rgba(15,16,16,.55))!important;
  transform-origin:50% 50%!important;
  transition:transform .52s cubic-bezier(.2,.8,.2,1),opacity .4s ease!important;
  pointer-events:none!important;
}
.portfolio-dashboard .portfolio-ref-badge img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
.portfolio-dashboard .portfolio-ref-badge:nth-child(5){transform:translateX(-235%) translateY(30px) rotate(-18deg)!important}
.portfolio-dashboard .portfolio-ref-badge:nth-child(6){transform:translateX(-150%) translateY(8px) rotate(-9deg)!important}
.portfolio-dashboard .portfolio-ref-badge:nth-child(7){transform:translateX(-50%) translateY(0) rotate(0deg)!important}
.portfolio-dashboard .portfolio-ref-badge:nth-child(8){transform:translateX(50%) translateY(8px) rotate(9deg)!important}
.portfolio-dashboard .portfolio-ref-badge:nth-child(9){transform:translateX(135%) translateY(30px) rotate(18deg)!important}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-badge{opacity:1!important}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-badge:nth-child(5){transform:translateX(-265%) translateY(22px) rotate(-22deg)!important}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-badge:nth-child(6){transform:translateX(-165%) translateY(0) rotate(-11deg)!important}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-badge:nth-child(7){transform:translateX(-50%) translateY(-10px) rotate(0deg)!important}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-badge:nth-child(8){transform:translateX(65%) translateY(0) rotate(11deg)!important}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-badge:nth-child(9){transform:translateX(165%) translateY(22px) rotate(22deg)!important}
.portfolio-dashboard .portfolio-ref-chips{
  position:relative!important;
  display:flex!important;
  flex:1 1 auto!important;
  min-height:0!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:8px!important;
  overflow:hidden!important;
}
.portfolio-dashboard .portfolio-ref-chip-row{
  display:block!important;
  flex:0 0 32px!important;
  height:32px!important;
  overflow:hidden!important;
}
.portfolio-dashboard .portfolio-ref-chip-track{
  display:flex!important;
  width:max-content!important;
  height:32px!important;
  gap:0!important;
  animation:portfolio-ref-drift-left 26s linear infinite!important;
  will-change:translate!important;
}
.portfolio-dashboard .portfolio-ref-chip-row.is-reverse .portfolio-ref-chip-track{
  animation-direction:reverse!important;
}
.portfolio-dashboard .portfolio-ref-chip-group{
  display:flex!important;
  flex:0 0 auto!important;
  gap:8px!important;
  padding-right:8px!important;
}
@keyframes portfolio-ref-drift-left{
  from{translate:0 0}
  to{translate:-50% 0}
}
.portfolio-dashboard .portfolio-ref-chip{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  height:32px!important;
  padding:0 12px 0 9px!important;
  gap:7px!important;
  color:rgb(23,25,25)!important;
  background:#fff!important;
  border-radius:999px!important;
  box-shadow:rgba(23,25,25,.14) 0 0 0 1px inset!important;
  font:600 12px/18px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
  white-space:nowrap!important;
}
.portfolio-dashboard .portfolio-ref-chip .ph{
  color:#7E5B47!important;
  font-size:15px!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card{
  color:#f4f7fb!important;
  background:#171919!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:
    rgba(255,255,255,.04) 0 1px 1.5px 0,
    rgba(0,0,0,.48) 0 18px 40px -20px!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-label h3{color:#f4f7fb!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-head p{color:#A9ADAD!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-detail-grid>span,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-sheet,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-chip,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-shot{
  background:#171919!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-detail-grid b,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-chip,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-shot__content strong{color:#f4f7fb!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-detail-grid small,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-shot__content small{color:#A9ADAD!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-shot__content{
  background:
    radial-gradient(circle at 80% 16%,rgba(126,91,71,.14),transparent 35%),
    linear-gradient(135deg,#171919,#171919)!important;
}
@media(max-width:900px){.portfolio-dashboard .portfolio-reference-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
.portfolio-dashboard :is(.portfolio-ref-card--construction,.portfolio-ref-card--engineering,.portfolio-ref-card--projects){
    grid-column:span 1!important;
    display:flex!important;
    flex-direction:column!important;
  }
.portfolio-dashboard .portfolio-ref-card--about,.portfolio-dashboard .portfolio-ref-card--automation{grid-column:span 1!important}
.portfolio-dashboard .portfolio-ref-reel,.portfolio-dashboard .portfolio-ref-detail-grid,.portfolio-dashboard .portfolio-ref-sheet{flex:1 1 auto!important;margin-top:8px!important}
.portfolio-dashboard .portfolio-ref-card{padding:10px 11px!important;border-radius:18px!important}
.portfolio-dashboard .portfolio-ref-label h3{font-size:13px!important}
.portfolio-dashboard .portfolio-ref-head p{font-size:9.5px!important;line-height:1.35!important}

}
.portfolio-dashboard .tools-marquee__track{
  display:block!important;
  width:100%!important;
  height:48.25px!important;
  padding:0!important;
  overflow:visible!important;
  animation:none!important;
  transform:none!important;
  translate:none!important;
  will-change:auto!important;
  contain:layout paint!important;
}
@keyframes portfolio-tools-belt{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
.portfolio-dashboard .portfolio-ref-reel-track{
  animation-play-state:paused!important;
}
.portfolio-dashboard .portfolio-ref-card--projects:hover .portfolio-ref-reel-track{
  animation-play-state:running!important;
}
.portfolio-dashboard .portfolio-ref-chip-track{
  animation-play-state:paused!important;
}
.portfolio-dashboard .portfolio-ref-card--automation:hover .portfolio-ref-chip-track{
  animation-play-state:running!important;
}
.portfolio-dashboard .portfolio-ref-photo{
  width:min(34%,72px)!important;
  bottom:18px!important;
}
.portfolio-dashboard .portfolio-ref-photo:nth-child(1){
  transform:translateX(-132%) translateY(8px) rotate(-11deg)!important;
}
.portfolio-dashboard .portfolio-ref-photo:nth-child(2){
  transform:translateX(-86%) translateY(-3px) rotate(-4deg)!important;
}
.portfolio-dashboard .portfolio-ref-photo:nth-child(3){
  transform:translateX(-28%) translateY(-3px) rotate(4deg)!important;
}
.portfolio-dashboard .portfolio-ref-photo:nth-child(4){
  transform:translateX(20%) translateY(8px) rotate(11deg)!important;
}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(1){
  transform:translateX(-150%) translateY(4px) rotate(-13deg)!important;
}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(2){
  transform:translateX(-92%) translateY(-8px) rotate(-5deg)!important;
}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(3){
  transform:translateX(-22%) translateY(-8px) rotate(5deg)!important;
}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(4){
  transform:translateX(38%) translateY(4px) rotate(13deg)!important;
}
@media(max-width:900px){.portfolio-dashboard .tools-marquee__track{height:42px!important}

}
.portfolio-dashboard .portfolio-about__credentials{
  margin-top:28px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(23,25,25,.14)!important;
}
.portfolio-dashboard .portfolio-about__credentials-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:12px!important;
}
.portfolio-dashboard .portfolio-about__credentials-head p{
  margin:0!important;
  color:#787C7C!important;
  font:500 10px/1.4 Poppins,system-ui,sans-serif!important;
}
.portfolio-dashboard .portfolio-about__credentials-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.portfolio-dashboard .portfolio-about__credential{
  min-width:0!important;
  padding:12px 13px!important;
  border:1px solid rgba(23,25,25,.13)!important;
  border-radius:14px!important;
  background:rgba(255,255,252,.94)!important;
  box-shadow:0 14px 30px -28px rgba(23,25,25,.45)!important;
}
.portfolio-dashboard .portfolio-about__credential header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin-bottom:8px!important;
  color:#7E5B47!important;
  font:700 8px/1 Poppins,system-ui,sans-serif!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.portfolio-dashboard .portfolio-about__credential time{
  color:#787C7C!important;
}
.portfolio-dashboard .portfolio-about__credential strong{
  display:block!important;
  color:#171919!important;
  font:650 10.5px/1.35 Poppins,system-ui,sans-serif!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-about__credentials{
  border-top-color:rgba(255,255,255,.10)!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-about__credential{
  background:#171919!important;
  border-color:rgba(255,255,255,.10)!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-about__credential strong{
  color:#f5f7fb!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-about__credentials-head p{
  color:#A9ADAD!important;
}
@media(max-width:900px){.portfolio-dashboard .portfolio-about__credentials-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

}
@media(max-width:620px){.portfolio-dashboard .portfolio-about__credentials-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
.portfolio-dashboard .portfolio-about__credentials-grid{
    grid-template-columns:1fr!important;
  }

}
.portfolio-dashboard .tools-marquee__brand{
  display:block!important;flex:0 0 24px!important;width:24px!important;height:24px!important;
  object-fit:contain!important;filter:none!important;opacity:1!important;
}
.portfolio-dashboard .tools-marquee__group{ flex-shrink:0!important; }
.portfolio-dashboard .tools-marquee__item[data-tool="buildingconnected"] .tools-marquee__brand{width:108px!important;flex-basis:108px!important;background:#171919;border-radius:3px;padding:3px;}
.portfolio-dashboard .tools-marquee__item[data-tool="buildingconnected"] .tools-marquee__label{display:none!important;}
.portfolio-dashboard[data-theme="dark"] .tools-marquee__brand{background:#fff;border-radius:4px;padding:2px;}
@media(prefers-reduced-motion:reduce){.portfolio-dashboard .tools-marquee__track{overflow-x:auto!important;}
.portfolio-dashboard .tools-marquee__group+ .tools-marquee__group{display:none!important;}

}
.portfolio-dashboard,.portfolio-dashboard[data-theme="dark"]{
  --hero-paper:#f7f7f2;
  --hero-paper-2:#fbfaf6;
  --hero-ink:#17191d;
  --hero-muted:#787C7C;
  --hero-line:rgba(23,25,29,.14);
  --hero-line-strong:rgba(23,25,29,.24);
  --hero-shadow:0 18px 48px -34px rgba(23,25,29,.28);
  color-scheme:light!important;
  background:#f4f4ed!important;
}
.portfolio-dashboard .hero-canvas{
  z-index:0!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
}
.portfolio-dashboard .hero-canvas canvas{
  display:block!important;
  width:100%!important;
  height:100%!important;
  opacity:.72!important;
}
.portfolio-dashboard .shell{
  position:relative!important;
  z-index:1!important;
  background:rgba(247,247,242,.36)!important;
  border-color:var(--hero-line)!important;
  box-shadow:0 22px 70px -52px rgba(23,25,29,.34)!important;
  backdrop-filter:blur(2px)!important;
}
.portfolio-dashboard .rail,.portfolio-dashboard[data-theme="dark"] .rail{
  background:rgba(251,250,246,.9)!important;
  border-color:var(--hero-line)!important;
  color:var(--hero-ink)!important;
  backdrop-filter:blur(16px)!important;
}
.portfolio-dashboard :is(.rail__social,.rail__theme){
  background:rgba(255,255,255,.78)!important;
  color:var(--hero-ink)!important;
  box-shadow:inset 0 0 0 1px var(--hero-line)!important;
}
.portfolio-dashboard .rail__link.active{
  background:#ecebe5!important;
  color:#111!important;
  box-shadow:inset 0 0 0 1px rgba(23,25,29,.08)!important;
}
.portfolio-dashboard .rail__link:hover{background:#f0efe9!important}
.portfolio-dashboard .rail__link .ricon{
  color:var(--hero-ink)!important;
  background:transparent!important;
}
.portfolio-dashboard .rail__link .ricon i{
  font-size:20px!important;
  line-height:1!important;
}
.portfolio-dashboard .portfolio-ref-card,.portfolio-dashboard .home__glass--tools,.portfolio-dashboard .tools-marquee{
  background:rgba(251,250,246,.92)!important;
  color:var(--hero-ink)!important;
  border-color:var(--hero-line-strong)!important;
  box-shadow:var(--hero-shadow)!important;
}
.portfolio-dashboard :is(.portfolio-ref-icon,.portfolio-contact-kicker){
  color:#fff!important;
}
.portfolio-dashboard .portfolio-ref-icon{
  background:#24262a!important;
}
.portfolio-dashboard :is(.tools-marquee__item,.tools-marquee__label){
  color:var(--hero-ink)!important;
}
.portfolio-dashboard .tools-scrollrail{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(23,25,29,.28) transparent!important;
  cursor:grab!important;
  touch-action:pan-x!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x proximity!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.portfolio-dashboard .tools-scrollrail.is-dragging{cursor:grabbing!important;user-select:none!important}
.portfolio-dashboard .tools-scrollrail::-webkit-scrollbar{height:6px!important}
.portfolio-dashboard .tools-scrollrail::-webkit-scrollbar-thumb{background:rgba(23,25,29,.24)!important;border-radius:999px!important}
.portfolio-dashboard .tools-scrollrail .tools-marquee__track{
  width:max-content!important;
  min-width:max-content!important;
  translate:0 0!important;
  transform:none!important;
  animation:none!important;
  will-change:auto!important;
  contain:none!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__group{
  display:flex!important;
  width:max-content!important;
  padding:14px 24px!important;
  gap:18px!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__item{
  scroll-snap-align:start!important;
  padding-right:18px!important;
}
html.a11y-underline .portfolio-dashboard a,html.a11y-underline .portfolio-dashboard button[data-open-kape],html.a11y-underline #hero-concierge a{
  text-decoration:underline!important;
  text-decoration-thickness:1.5px!important;
  text-underline-offset:3px!important;
}
html.a11y-reduce-motion .portfolio-dashboard *,html.a11y-reduce-motion .portfolio-dashboard *::before,html.a11y-reduce-motion .portfolio-dashboard *::after{
  animation-play-state:paused!important;
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
  transition-duration:.001ms!important;
  scroll-behavior:auto!important;
}
html.a11y-reduce-motion .portfolio-dashboard .tools-marquee__track{
  animation:none!important;
  translate:0 0!important;
}
html.a11y-reduce-motion .portfolio-dashboard .hero-canvas canvas{
  opacity:.6!important;
}
html.a11y-high-contrast .portfolio-dashboard{
  --hero-line:rgba(0,0,0,.35);
  --hero-line-strong:rgba(0,0,0,.55);
}
html.a11y-high-contrast .portfolio-dashboard :is(.portfolio-ref-card,.tools-marquee,.portfolio-contact-shell,.portfolio-faq-card,.portfolio-contact-form){
  border-color:rgba(0,0,0,.55)!important;
}
.portfolio-dashboard .portfolio-contact-page{
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
  padding:34px 44px 28px;
  overflow:hidden;
  color:var(--hero-ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI",Poppins,sans-serif;
}
.portfolio-dashboard .portfolio-contact-head{
  position:relative;
  z-index:2;
  margin:0 0 18px;
  max-width:900px;
}
.portfolio-dashboard .portfolio-contact-kicker{
  display:inline-block;
  margin-bottom:8px;
  padding:0;
  background:transparent!important;
  color:#787C7C!important;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
}
.portfolio-dashboard .portfolio-contact-head h1{
  margin:0;
  font-size:clamp(34px,4vw,56px);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:760;
}
.portfolio-dashboard .portfolio-contact-head p{
  margin:9px 0 0;
  font-size:14px;
  line-height:1.45;
}
.portfolio-dashboard .portfolio-contact-shell{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);
  gap:22px;
  height:calc(100% - 130px);
  min-height:0;
  padding:14px;
  border:1px solid var(--hero-line-strong);
  border-radius:28px;
  background:rgba(247,247,242,.62);
  box-shadow:0 28px 70px -48px rgba(23,25,29,.42);
  backdrop-filter:blur(10px);
}
.portfolio-dashboard .portfolio-faq-card,.portfolio-dashboard .portfolio-contact-form{
  min-height:0;
  border:1px solid var(--hero-line);
  border-radius:22px;
  background:rgba(251,250,246,.92);
  box-shadow:0 18px 44px -34px rgba(23,25,29,.3);
}
.portfolio-dashboard .portfolio-faq-card{
  display:flex;
  flex-direction:column;
  padding:20px 20px 16px;
  overflow:auto;
}
.portfolio-dashboard .portfolio-faq-card h2{
  margin:0;
  font-size:25px;
  line-height:1;
  letter-spacing:-.035em;
}
.portfolio-dashboard .portfolio-faq-sub{margin:4px 0 12px;font-size:13px}
.portfolio-dashboard .portfolio-faq-list{border-top:1px solid var(--hero-line)}
.portfolio-dashboard .portfolio-faq-item{border-bottom:1px solid var(--hero-line)}
.portfolio-dashboard .portfolio-faq-item summary{
  display:grid;
  grid-template-columns:28px 1fr 18px;
  align-items:center;
  gap:8px;
  min-height:48px;
  cursor:pointer;
  list-style:none;
}
.portfolio-dashboard .portfolio-faq-item summary::-webkit-details-marker{display:none}
.portfolio-dashboard .portfolio-faq-item summary span{font-size:11px;font-weight:800;color:#787C7C}
.portfolio-dashboard .portfolio-faq-item summary strong{font-size:12px;line-height:1.2}
.portfolio-dashboard .portfolio-faq-item summary i{font-size:12px;transition:transform .2s ease}
.portfolio-dashboard .portfolio-faq-item[open] summary i{transform:rotate(180deg)}
.portfolio-dashboard .portfolio-faq-item p{margin:0 26px 14px 36px;color:var(--hero-muted);font-size:12px;line-height:1.5}
.portfolio-dashboard .portfolio-sidekick-link{
  margin-top:auto;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 14px;
  border:1px solid var(--hero-line-strong);
  border-radius:999px;
  background:#fff;
  color:var(--hero-ink);
  font:700 11px/1 inherit;
  cursor:pointer;
}
.portfolio-dashboard .portfolio-contact-form{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:20px;
}
.portfolio-dashboard .portfolio-contact-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.portfolio-dashboard .portfolio-contact-form label{
  display:flex;
  flex-direction:column;
  gap:6px;
  color:#787C7C;
  font-size:10px;
  font-weight:800;
  letter-spacing:.045em;
}
.portfolio-dashboard .portfolio-contact-form :is(input,textarea){
  width:100%;
  border:1px solid var(--hero-line-strong);
  border-radius:13px;
  background:rgba(255,255,255,.76);
  color:var(--hero-ink);
  font:500 13px/1.35 inherit;
  outline:none;
}
.portfolio-dashboard .portfolio-contact-form input{height:44px;padding:0 14px}
.portfolio-dashboard .portfolio-contact-form textarea{min-height:126px;resize:none;padding:13px 14px}
.portfolio-dashboard .portfolio-contact-form :is(input,textarea):focus{
  border-color:#17191d;
  box-shadow:0 0 0 3px rgba(23,25,29,.08);
}
.portfolio-dashboard .portfolio-contact-message{flex:1 1 auto;min-height:0}
.portfolio-dashboard .portfolio-contact-message textarea{flex:1 1 auto}
.portfolio-dashboard .portfolio-contact-actions{
  display:flex;
  align-items:center;
  gap:14px;
}
.portfolio-dashboard .portfolio-contact-actions button{
  min-height:42px;
  padding:0 18px;
  border:1px solid #17191d;
  border-radius:999px;
  background:#17191d;
  color:#fff;
  font-size:11px;
  font-weight:800;
  opacity:1;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.portfolio-dashboard .portfolio-contact-actions button:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px -16px rgba(23,25,29,.7);
}
.portfolio-dashboard .portfolio-contact-email{
  color:inherit;
  font-weight:700;
  text-underline-offset:3px;
}
.portfolio-dashboard .portfolio-contact-actions small{color:var(--hero-muted);font-size:10px}
@media(max-width:900px){.portfolio-dashboard .portfolio-contact-page{padding:20px 16px;overflow:auto}
.portfolio-dashboard .portfolio-contact-head h1{font-size:34px}
.portfolio-dashboard .portfolio-contact-shell{grid-template-columns:1fr;height:auto;min-height:calc(100% - 120px)}
.portfolio-dashboard .portfolio-contact-row{grid-template-columns:1fr}

}
.portfolio-dashboard #root,.portfolio-dashboard .shell__panel,.portfolio-dashboard #main-content,.portfolio-dashboard .home,.portfolio-dashboard .clone-page,.portfolio-dashboard .portfolio-contact-page{
  background:transparent!important;
}
.portfolio-dashboard .home__glass--showcase{
  background:rgba(247,247,242,.5)!important;
  border-color:rgba(23,25,29,.12)!important;
  backdrop-filter:blur(8px)!important;
}
.portfolio-dashboard[data-theme="dark"] .rail{
  background:rgba(18,19,22,.96)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f5f5f2!important;
}
.portfolio-dashboard[data-theme="dark"] .rail__name{color:#fff!important}
.portfolio-dashboard[data-theme="dark"] .rail__link{
  color:#d7d9dd!important;
  background:transparent!important;
}
.portfolio-dashboard[data-theme="dark"] .rail__link:hover{
  color:#fff!important;
  background:rgba(255,255,255,.08)!important;
}
.portfolio-dashboard[data-theme="dark"] .rail__link.active{
  color:#fff!important;
  background:#2a2c30!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.portfolio-dashboard[data-theme="dark"] .rail__link .ricon{
  color:#f0f1f3!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.rail__social,.rail__theme){
  color:#fff!important;
  background:#27292d!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;
}
.portfolio-dashboard .portfolio-nav-label{
  min-width:0!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
  line-height:1.15!important;
}
.portfolio-dashboard .portfolio-ref-detail-grid b,.portfolio-dashboard .portfolio-ref-detail-grid small,.portfolio-dashboard .portfolio-ref-shot__content strong,.portfolio-dashboard .portfolio-ref-shot__content small{
  min-width:0!important;
  overflow:visible!important;
  white-space:normal!important;
  text-overflow:clip!important;
}
@media(min-width:901px){.portfolio-dashboard .portfolio-ref-card--construction,.portfolio-dashboard .portfolio-ref-card--engineering{
    grid-template-columns:minmax(210px,.9fr) minmax(250px,1.1fr)!important;
    gap:18px!important;
  }
.portfolio-dashboard .portfolio-ref-card--projects{
    grid-template-columns:minmax(190px,.82fr) minmax(260px,1.18fr)!important;
    gap:18px!important;
  }
.portfolio-dashboard .portfolio-ref-detail-grid>span{
    grid-template-columns:26px minmax(0,1fr)!important;
    padding:10px 12px!important;
  }

}
.portfolio-dashboard .portfolio-section-page{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:28px 32px 24px!important;
  overflow:auto!important;
  color:var(--hero-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI",Poppins,sans-serif!important;
}
.portfolio-dashboard .portfolio-section-page__header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 76px!important;
  align-items:start!important;
  gap:28px!important;
  margin-bottom:18px!important;
}
.portfolio-dashboard .portfolio-section-page__copy{
  min-width:0!important;
  max-width:860px!important;
}
.portfolio-dashboard .portfolio-section-page__eyebrow{
  display:block!important;
  margin-bottom:8px!important;
  color:#787C7C!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.12em!important;
}
.portfolio-dashboard .portfolio-section-page h1{
  margin:0!important;
  color:var(--hero-ink)!important;
  font-size:clamp(32px,4vw,54px)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:760!important;
}
.portfolio-dashboard .portfolio-section-page__copy>p{
  max-width:760px!important;
  margin:10px 0 0!important;
  color:var(--hero-muted)!important;
  font-size:13px!important;
  line-height:1.5!important;
}
.portfolio-dashboard .portfolio-section-page__icon{
  display:grid!important;
  place-items:center!important;
  width:72px!important;
  height:72px!important;
  border:1px solid var(--hero-line-strong)!important;
  border-radius:22px!important;
  background:rgba(251,250,246,.92)!important;
  color:var(--hero-ink)!important;
  box-shadow:var(--hero-shadow)!important;
}
.portfolio-dashboard .portfolio-section-page__icon i{font-size:32px!important}
.portfolio-dashboard .portfolio-section-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:12px!important;
}
.portfolio-dashboard .portfolio-section-card:nth-child(1){grid-column:span 6!important}
.portfolio-dashboard .portfolio-section-card:nth-child(2){grid-column:span 3!important}
.portfolio-dashboard .portfolio-section-card:nth-child(3){grid-column:span 3!important}
.portfolio-dashboard .portfolio-section-card:nth-child(4){grid-column:span 6!important}
/* Construction VA — reworked 5-card bento: feature row, split row, asymmetric row. */
.portfolio-dashboard .portfolio-section-page[data-route="construction"] .portfolio-section-card:nth-child(1){grid-column:span 6!important}
.portfolio-dashboard .portfolio-section-page[data-route="construction"] .portfolio-section-card:nth-child(2){grid-column:span 3!important}
.portfolio-dashboard .portfolio-section-page[data-route="construction"] .portfolio-section-card:nth-child(3){grid-column:span 3!important}
.portfolio-dashboard .portfolio-section-page[data-route="construction"] .portfolio-section-card:nth-child(4){grid-column:span 2!important}
.portfolio-dashboard .portfolio-section-page[data-route="construction"] .portfolio-section-card:nth-child(5){grid-column:span 4!important}
/* About — overview glass-card bento: photo lead + six credential cards. */
.portfolio-dashboard .portfolio-about-page{width:100%!important;}
.portfolio-dashboard .portfolio-about-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
}
.portfolio-dashboard .portfolio-about-grid__lead{
  grid-column:1/-1!important;
  min-height:200px!important;
}
.portfolio-dashboard .portfolio-about-grid__lead .portfolio-ref-fan{
  flex:1 1 auto!important;
  min-height:130px!important;
}
.portfolio-dashboard .portfolio-about-grid__cred{
  display:flex!important;
  flex-direction:column!important;
  min-height:132px!important;
}
@media(max-width:900px){
  .portfolio-dashboard .portfolio-about-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .portfolio-dashboard .portfolio-about-grid__lead{min-height:230px!important}
}
@media(max-width:620px){
  .portfolio-dashboard .portfolio-about-grid{grid-template-columns:minmax(0,1fr)!important}
}
.portfolio-dashboard .portfolio-section-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  grid-template-rows:auto 1fr!important;
  gap:4px 12px!important;
  min-width:0!important;
  min-height:128px!important;
  padding:16px 18px!important;
  border:1px solid var(--hero-line-strong)!important;
  border-radius:20px!important;
  background:rgba(251,250,246,.92)!important;
  box-shadow:0 18px 42px -34px rgba(23,25,29,.38)!important;
}
.portfolio-dashboard .portfolio-section-card__no{
  position:absolute!important;
  top:12px!important;
  right:14px!important;
  color:#8a8c90!important;
  font-size:9px!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
}
.portfolio-dashboard .portfolio-section-card__icon{
  grid-row:1/3!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  background:#24262a!important;
  color:#fff!important;
}
.portfolio-dashboard .portfolio-section-card__icon i{font-size:20px!important}
.portfolio-dashboard .portfolio-section-card h2{
  margin:1px 28px 0 0!important;
  color:var(--hero-ink)!important;
  font-size:15px!important;
  line-height:1.15!important;
  letter-spacing:-.02em!important;
}
.portfolio-dashboard .portfolio-section-card p{
  margin:5px 0 0!important;
  color:var(--hero-muted)!important;
  font-size:11px!important;
  line-height:1.48!important;
}
.portfolio-dashboard .portfolio-section-page__footer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  margin-top:12px!important;
}
.portfolio-dashboard .portfolio-section-flow,.portfolio-dashboard .portfolio-section-tools{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-width:0!important;
  min-height:52px!important;
  padding:9px 10px!important;
  overflow-x:auto!important;
  border:1px solid var(--hero-line)!important;
  border-radius:17px!important;
  background:rgba(247,247,242,.68)!important;
}
.portfolio-dashboard .portfolio-section-flow span,.portfolio-dashboard .portfolio-section-tools span{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-height:32px!important;
  padding:0 11px!important;
  border:1px solid var(--hero-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--hero-ink)!important;
  font-size:10px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.portfolio-dashboard .portfolio-section-flow b{
  margin-right:6px!important;
  color:#787C7C!important;
  font-size:8px!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-section-page__icon,.portfolio-dashboard[data-theme="dark"] .portfolio-section-card{
  background:rgba(251,250,246,.94)!important;
  color:var(--hero-ink)!important;
}
@media(max-width:900px){.portfolio-dashboard .portfolio-section-page{
    padding:20px 16px 28px!important;
  }
.portfolio-dashboard .portfolio-section-page__header{
    grid-template-columns:minmax(0,1fr) 54px!important;
    gap:14px!important;
  }
.portfolio-dashboard .portfolio-section-page__icon{
    width:52px!important;height:52px!important;border-radius:16px!important;
  }
.portfolio-dashboard .portfolio-section-page__icon i{font-size:24px!important}
.portfolio-dashboard .portfolio-section-grid,.portfolio-dashboard .portfolio-section-page__footer{
    grid-template-columns:1fr!important;
  }
.portfolio-dashboard .portfolio-section-card{grid-column:span 1!important}
.portfolio-dashboard .portfolio-section-card{min-height:118px!important}

}
.portfolio-dashboard .home__topbar[data-portfolio-topbar="1"]{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:68px!important;
  padding:12px 16px!important;
  border:1px solid var(--hero-line)!important;
  border-radius:20px!important;
  background:rgba(248,248,244,.74)!important;
  box-shadow:0 18px 42px -38px rgba(23,25,29,.34)!important;
}
.portfolio-dashboard .portfolio-dashboard-brand{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
.portfolio-dashboard .portfolio-dashboard-brand span{
  color:var(--hero-ink)!important;
  font-size:12px!important;
  font-weight:850!important;
  letter-spacing:.115em!important;
}
.portfolio-dashboard .portfolio-dashboard-brand small{
  color:var(--hero-muted)!important;
  font-size:10px!important;
  font-weight:600!important;
  letter-spacing:.015em!important;
  white-space:normal!important;
}
.portfolio-dashboard .portfolio-dashboard-connect{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex:0 0 auto!important;
  min-height:38px!important;
  padding:0 14px!important;
  border:1px solid var(--hero-line-strong)!important;
  border-radius:999px!important;
  background:#24262a!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.portfolio-dashboard .portfolio-dashboard-connect:hover{transform:translateY(-1px)!important}
.portfolio-dashboard[data-theme="dark"] .home__topbar[data-portfolio-topbar="1"]{
  background:rgba(31,33,37,.92)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-dashboard-brand span{color:#fff!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-dashboard-brand small{color:#c4c7cb!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-dashboard-connect{
  background:#f4f3ef!important;
  color:#1f2124!important;
  border-color:rgba(255,255,255,.22)!important;
}
@media(max-width:620px){.portfolio-dashboard .home__topbar[data-portfolio-topbar="1"]{min-height:62px!important;padding:10px 12px!important}
.portfolio-dashboard .portfolio-dashboard-brand small{max-width:190px!important}
.portfolio-dashboard .portfolio-dashboard-connect{padding:0 11px!important}

}
.portfolio-dashboard[data-theme="dark"]{
  --hero-paper:#171919;--hero-paper-2:#171919;--hero-ink:#f3f5f8;--hero-muted:#D8DADB;
  --hero-line:rgba(255,255,255,.16);--hero-line-strong:rgba(255,255,255,.24);
  color-scheme:dark!important;background:#0F1010!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.shell,.home__glass--showcase,.portfolio-contact-shell){background:rgba(15,16,16,.8)!important;border-color:var(--hero-line)!important}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-faq-card,.portfolio-contact-form,.portfolio-section-card,.portfolio-section-page__icon,.portfolio-section-flow,.portfolio-section-tools){background:var(--hero-paper)!important;color:var(--hero-ink)!important;border-color:var(--hero-line)!important}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-contact-head h1,.portfolio-faq-card h2,.portfolio-faq-item summary strong,.portfolio-section-card h2,.portfolio-section-page h1){color:var(--hero-ink)!important}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-contact-form input,.portfolio-contact-form textarea,.portfolio-sidekick-link,.portfolio-section-flow span,.portfolio-section-tools span){background:var(--hero-paper-2)!important;color:var(--hero-ink)!important;border-color:var(--hero-line-strong)!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-contact-form :is(input,textarea)::placeholder{color:#D8DADB!important;opacity:1!important}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-contact-kicker,.portfolio-ref-sheet__title,.portfolio-ref-sheet b){color:#B99A88!important}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-ref-sheet small,.portfolio-ref-sheet strong,.portfolio-section-flow b){color:var(--hero-muted)!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-contact-actions button{background:#f3f5f8!important;color:#171919!important;border-color:#f3f5f8!important}
.portfolio-dashboard .portfolio-contact-form :is(input,textarea){font-family:inherit!important;font-size:16px!important;line-height:1.45!important}
.portfolio-dashboard .portfolio-contact-actions{flex-wrap:wrap;gap:10px}
.portfolio-dashboard .portfolio-contact-actions small{font-size:12px;line-height:1.5}
.portfolio-dashboard :is(.portfolio-faq-item p,.portfolio-faq-item summary strong,.portfolio-section-card p){font-size:13px!important;line-height:1.5!important}
.portfolio-dashboard .portfolio-about{overflow-y:auto!important;overscroll-behavior:contain!important}
.portfolio-dashboard .portfolio-contact-page{overflow:hidden!important;overscroll-behavior:contain!important}
.portfolio-dashboard .portfolio-section-page{justify-content:flex-start!important;overscroll-behavior:contain!important}
.portfolio-dashboard .portfolio-section-grid{flex-shrink:0!important}
.portfolio-dashboard .portfolio-section-page__header{margin-top:12px!important}
.portfolio-dashboard .portfolio-section-card{min-height:150px!important}
.portfolio-dashboard .portfolio-reference-grid{grid-template-rows:minmax(230px,1fr) minmax(240px,1fr)!important}
.portfolio-dashboard :is(.portfolio-ref-card--construction,.portfolio-ref-card--engineering){display:flex!important;flex-direction:column!important;gap:7px!important}
.portfolio-dashboard :is(.portfolio-ref-card--construction,.portfolio-ref-card--engineering,.portfolio-ref-card--projects) .portfolio-ref-head{height:auto!important}
.portfolio-dashboard .portfolio-ref-head p{max-width:60ch!important;font-size:12px!important;line-height:1.45!important}
.portfolio-dashboard .portfolio-ref-detail-grid{flex:1 1 auto!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
.portfolio-dashboard .portfolio-ref-detail-grid>span{grid-template-columns:22px minmax(0,1fr)!important;align-content:center!important;padding:7px 9px!important}
.portfolio-dashboard .portfolio-ref-detail-grid b{font-family:inherit!important;font-size:13px!important;font-weight:650!important;line-height:1.3!important}
.portfolio-dashboard .portfolio-ref-detail-grid small{font-family:inherit!important;font-size:11px!important;line-height:1.4!important}
.portfolio-dashboard .portfolio-ref-sheet{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:14px!important}
.portfolio-dashboard .portfolio-ref-sheet__title{font-family:inherit!important;font-size:11px!important;font-weight:700!important;line-height:1.3!important}
.portfolio-dashboard .portfolio-ref-sheet>.portfolio-workflow{position:static!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.portfolio-dashboard .portfolio-workflow>span{display:flex;flex-direction:column;gap:6px;min-width:0}
.portfolio-dashboard .portfolio-workflow b{font-family:inherit!important;font-size:20px!important;line-height:1.2!important}
.portfolio-dashboard .portfolio-workflow strong{font-size:13px!important;line-height:1.3!important;color:#262828}
.portfolio-dashboard .portfolio-workflow small{font-family:inherit!important;font-size:11px!important;line-height:1.4!important}
.portfolio-dashboard .portfolio-ref-card--projects{grid-template-columns:minmax(120px,.75fr) minmax(0,1.25fr)!important;gap:12px!important}
.portfolio-dashboard .portfolio-ref-card--about .portfolio-ref-fan{min-height:120px!important}
.portfolio-dashboard .home__topbar[data-portfolio-topbar="1"]{height:auto!important;min-height:68px!important;flex:0 0 auto!important}
.portfolio-dashboard .home__glass--showcase{min-height:490px!important}
.portfolio-dashboard .home{overflow-y:auto!important}
.portfolio-dashboard a:focus-visible,.portfolio-dashboard button:focus-visible{outline:2px solid #7E5B47!important;outline-offset:3px!important}

/* ===== Engineering section headline (plain text, above the bento grid) ===== */
.portfolio-dashboard .portfolio-eng-headline{margin:0 0 8px!important;padding:0 4px!important;max-width:720px!important}
.portfolio-dashboard .portfolio-eng-headline__title{margin:0!important;color:var(--dash-ink)!important;font:700 clamp(24px,2.6vw,38px)/1 'Poppins',system-ui,sans-serif!important;letter-spacing:-.045em!important}
.portfolio-dashboard .portfolio-eng-headline__sub{margin:5px 0 0!important;max-width:540px!important;color:#787C7C!important;font:500 clamp(13px,1vw,15px)/1.35 'Poppins',system-ui,sans-serif!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-eng-headline__sub{color:rgba(255,255,255,.64)!important}
/* ===== About section headline (mirrors the engineering headline) ===== */
.portfolio-dashboard .portfolio-about-headline{margin:0 0 8px!important;padding:0 4px!important;max-width:720px!important}
.portfolio-dashboard .portfolio-about-headline__title{margin:0!important;color:var(--dash-ink)!important;font:700 clamp(24px,2.6vw,38px)/1 'Poppins',system-ui,sans-serif!important;letter-spacing:-.045em!important}
.portfolio-dashboard .portfolio-about-headline__sub{margin:5px 0 0!important;max-width:560px!important;color:#787C7C!important;font:500 clamp(13px,1vw,15px)/1.35 'Poppins',system-ui,sans-serif!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-about-headline__sub{color:rgba(255,255,255,.64)!important}
/* Engineering grid fills the space left under the headline (rows split it evenly),
   so the section fits the viewport with no scroll; cards clip-guard via compact content.
   Desktop-only — mobile keeps its stacked auto-row layout below 901px. */
@media(min-width:901px){
.portfolio-dashboard .home > .portfolio-reference-grid--engineering.portfolio-reference-grid--flat{flex:1 1 auto!important;height:auto!important;min-height:0!important}
.portfolio-dashboard .portfolio-reference-grid--engineering{grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;align-content:stretch!important}
}

/* ===== Engineering credentials (about-shape card) ===== */
.portfolio-dashboard .portfolio-eng-creds{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;
  margin-top:auto!important;
}
.portfolio-dashboard .portfolio-eng-cred{
  display:flex!important;flex-direction:column!important;gap:1px!important;
  padding:9px 11px!important;border-radius:12px!important;
  background:rgba(23,25,25,.04)!important;box-shadow:rgba(23,25,25,.08) 0 0 0 1px inset!important;
}
.portfolio-dashboard .portfolio-eng-cred i{color:#7E5B47!important;font-size:15px!important;margin-bottom:3px!important}
.portfolio-dashboard .portfolio-eng-cred b{font:700 15px/1 -apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,Poppins,sans-serif!important;color:rgb(23,25,25)!important}
.portfolio-dashboard .portfolio-eng-cred small{font:500 10.5px/1.3 inherit!important;color:#5c6060!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-eng-cred{background:rgba(255,255,255,.05)!important;box-shadow:rgba(255,255,255,.1) 0 0 0 1px inset!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-eng-cred b{color:#f4f7fb!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-eng-cred small{color:#A9ADAD!important}

/* ===== Engineering: compact card contents so both rows fit the viewport (no scroll) ===== */
/* Scoped to the engineering grid so the overview page is untouched. */
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-card{padding:15px 17px!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-head h3{font-size:clamp(17px,1.25vw,20px)!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-head p{font-size:clamp(12px,.92vw,13.5px)!important;line-height:1.3!important;margin-top:3px!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-icon{width:34px!important;height:34px!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-icon .ph{font-size:18px!important}
/* Construction-shape discipline tiles: compact badge + text. */
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-detail-grid{gap:6px!important;margin-top:4px!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-detail-grid>span{
  grid-template-columns:38px minmax(0,1fr)!important;
  column-gap:12px!important;row-gap:2px!important;
  padding:7px 13px!important;align-content:center!important;
}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-detail-grid .ph{
  width:38px!important;height:38px!important;display:grid!important;place-items:center!important;
  font-size:19px!important;background:rgba(126,91,71,.12)!important;border-radius:11px!important;
}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-detail-grid b{font-size:15.5px!important;white-space:normal!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-detail-grid small{font-size:12px!important;line-height:1.3!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-reference-grid--engineering .portfolio-ref-detail-grid .ph{background:rgba(255,255,255,.08)!important;color:#e6b58f!important}
/* Services workflow: compact numerals + labels. Tightened so both rows + their
   two-line descriptions clear the sheet (overflow:hidden) at 605px without clipping. */
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-sheet{padding:6px 13px!important;display:flex!important;flex-direction:column!important;margin-top:6px!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-workflow{gap:4px 16px!important;margin-top:4px!important;flex:1!important;align-content:space-between!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-workflow>span{gap:1px!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-workflow b{font-size:13.5px!important;line-height:1!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-workflow strong{font-size:12px!important;line-height:1.15!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-workflow small{font-size:10.5px!important;line-height:1.15!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-sheet__title{font-size:10px!important}
/* Credentials tiles: compact figures. */
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-eng-creds{gap:5px!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-eng-cred{padding:4px 12px!important;justify-content:center!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-eng-cred i{font-size:14px!important;margin-bottom:0!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-eng-cred b{font-size:15.5px!important}
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-eng-cred small{font-size:10.5px!important}
/* Tools chips. */
.portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-chip{font-size:13px!important}

/* About-me teaser: clamp brief to 2 lines so the detail grid clears 605px. */
.portfolio-dashboard .portfolio-reference-grid--about .portfolio-ref-card--construction .portfolio-ref-head p{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;
}

/* ===== About: assessment link tiles (DISC + English), in the automation-shape card ===== */
.portfolio-dashboard .portfolio-about-assess-list{display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:auto!important}
.portfolio-dashboard .portfolio-about-assess-tile{
  display:flex!important;align-items:center!important;gap:11px!important;
  padding:11px 13px!important;border-radius:12px!important;text-decoration:none!important;
  background:rgba(228,230,231,.92)!important;box-shadow:rgba(126,91,71,.07) 0 0 0 1px inset!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.portfolio-dashboard .portfolio-about-assess-tile:hover{transform:translateY(-1px)!important;box-shadow:rgba(126,91,71,.5) 0 0 0 1px inset!important}
.portfolio-dashboard .portfolio-about-assess-tile>.ph:first-child{flex:0 0 auto!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important;font-size:18px!important;color:#7E5B47!important;background:rgba(126,91,71,.12)!important;border-radius:10px!important}
.portfolio-dashboard .portfolio-about-assess-tile>span{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important;flex:1 1 auto!important}
.portfolio-dashboard .portfolio-about-assess-tile b{font:700 15px/1.15 -apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,Poppins,sans-serif!important;color:rgb(23,25,25)!important}
.portfolio-dashboard .portfolio-about-assess-tile small{font:500 11px/1.3 inherit!important;color:#5c6060!important}
.portfolio-dashboard .portfolio-about-assess-tile__go{flex:0 0 auto!important;font-size:15px!important;color:#9aa0a0!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-about-assess-tile{background:rgba(126,91,71,.20)!important;box-shadow:rgba(185,154,136,.12) 0 0 0 1px inset!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-about-assess-tile>.ph:first-child{background:rgba(255,255,255,.08)!important;color:#e6b58f!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-about-assess-tile b{color:#f4f7fb!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-about-assess-tile small{color:#A9ADAD!important}

/* ===== About info popup (About me / The journey) — body-level, theme-independent ===== */
.portfolio-about-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:24px}
.portfolio-about-modal[hidden]{display:none}
.portfolio-about-modal__backdrop{position:absolute;inset:0;background:rgba(9,10,10,.62);backdrop-filter:blur(22px) saturate(118%);-webkit-backdrop-filter:blur(22px) saturate(118%);animation:aboutFade .3s ease}
@keyframes aboutFade{from{opacity:0}to{opacity:1}}
.portfolio-about-modal__panel{position:relative;width:min(680px,100%);max-height:min(86vh,720px);display:flex;flex-direction:column;background:#fbfbf7;color:#171919;border-radius:22px;box-shadow:rgba(0,0,0,.5) 0 40px 90px -30px;animation:aboutRise .4s cubic-bezier(.2,.8,.2,1);overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,Poppins,sans-serif}
@keyframes aboutRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.portfolio-about-modal__close{position:absolute;top:16px;right:16px;z-index:3;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(23,25,25,.06);color:#171919;cursor:pointer;font-size:18px;transition:transform .2s ease,background .2s ease}
.portfolio-about-modal__close:hover{transform:scale(1.08);background:rgba(23,25,25,.12)}
.portfolio-about-modal__scroll{overflow-y:auto;padding:42px 44px 40px;scrollbar-width:thin}
.portfolio-about-modal__kicker{display:inline-block;font-weight:700;font-size:11px;line-height:1;letter-spacing:.14em;color:#7E5B47;margin-bottom:12px}
.portfolio-about-modal__kicker::before{content:"● "}
.portfolio-about-modal__title{margin:0 0 14px;font-weight:700;font-size:clamp(24px,3vw,32px);line-height:1.08;letter-spacing:-.03em;max-width:22ch}
.portfolio-about-modal__lead{margin:0 0 16px;font-weight:600;font-size:16px;line-height:1.5;color:#2a2d2d}
.portfolio-about-modal__scroll>p{margin:0 0 13px;font-weight:400;font-size:14.5px;line-height:1.65;color:#4a4e4e}
.portfolio-about-modal__scroll>p em{font-style:italic;color:#7E5B47;font-weight:600}
.portfolio-about-modal__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 6px}
.portfolio-about-modal__fact{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:12px;row-gap:1px;padding:11px 14px;border-radius:14px;background:rgba(23,25,25,.04);box-shadow:rgba(23,25,25,.08) 0 0 0 1px inset}
.portfolio-about-modal__fact i{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;font-size:20px;color:#7E5B47;background:rgba(126,91,71,.12);border-radius:11px}
.portfolio-about-modal__fact b{font-weight:700;font-size:14.5px;line-height:1.2;color:#171919}
.portfolio-about-modal__fact small{font-weight:500;font-size:12px;line-height:1.3;color:#5c6060}
.portfolio-about-modal__cta{display:inline-flex;align-items:center;gap:7px;margin-top:18px;padding:11px 18px;border-radius:999px;background:#7E5B47;color:#fff;text-decoration:none;font-weight:600;font-size:14px;transition:transform .2s ease,filter .2s ease}
.portfolio-about-modal__cta:hover{transform:translateY(-1px);filter:brightness(1.08)}
.portfolio-about-modal__timeline{list-style:none;margin:22px 0 0;padding:0 0 0 22px;position:relative}
.portfolio-about-modal__timeline::before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background:linear-gradient(#7E5B47,rgba(126,91,71,.15))}
.portfolio-about-modal__step{position:relative;padding:0 0 20px 20px}
.portfolio-about-modal__step:last-child{padding-bottom:2px}
.portfolio-about-modal__step::before{content:"";position:absolute;left:-22px;top:4px;width:11px;height:11px;border-radius:50%;background:#7E5B47;box-shadow:0 0 0 4px #fbfbf7}
.portfolio-about-modal__step-tag{display:inline-block;font-weight:700;font-size:10.5px;line-height:1;letter-spacing:.1em;text-transform:uppercase;color:#7E5B47;margin-bottom:4px}
.portfolio-about-modal__step strong{display:block;font-weight:700;font-size:16px;line-height:1.25;color:#171919;margin-bottom:3px}
.portfolio-about-modal__step p{margin:0;font-weight:400;font-size:13.5px;line-height:1.55;color:#4a4e4e}
body.about-modal-open{overflow:hidden!important}
@media(max-width:600px){.portfolio-about-modal{padding:0}.portfolio-about-modal__panel{max-height:100%;height:100%;width:100%;border-radius:0}.portfolio-about-modal__scroll{padding:64px 22px 32px}.portfolio-about-modal__facts{grid-template-columns:1fr}}

/* About-me modal: four role photos */
.portfolio-about-modal__photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:4px 0 18px}
.portfolio-about-modal__photo{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#ece9e4;box-shadow:rgba(23,25,25,.12) 0 0 0 1px inset}
.portfolio-about-modal__photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top center}
.portfolio-about-modal__photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px 8px 6px;font-weight:600;font-size:10.5px;letter-spacing:.02em;color:#fff;text-align:center;background:linear-gradient(transparent,rgba(15,16,16,.72))}
@media(max-width:600px){.portfolio-about-modal__photos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Certificates & badges card: cert reel + static badge tray + Credly link */
.portfolio-dashboard .portfolio-ref-card--creds .portfolio-creds-left{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;height:100%!important}
.portfolio-dashboard .portfolio-creds-reel{appearance:none!important;-webkit-appearance:none!important;border:0!important;margin:0!important;padding:0!important;background:none!important;cursor:pointer!important;display:block!important;position:relative!important;align-self:stretch!important;height:100%!important;min-height:96px!important;width:100%!important;text-align:left!important;font:inherit!important}
.portfolio-dashboard .portfolio-creds-reel .portfolio-ref-reel{height:100%!important;margin-top:0!important}
.portfolio-dashboard .portfolio-creds-badges{flex:0 0 auto!important;margin-top:auto!important;padding-top:12px!important;display:flex!important;flex-direction:column!important;gap:8px!important}
.portfolio-dashboard .portfolio-creds-badges__row{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important}
.portfolio-dashboard .portfolio-creds-badge{flex:0 0 auto!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:4px!important;border-radius:10px!important;background:#fff!important;box-shadow:rgba(23,25,25,.14) 0 0 0 1px inset,rgba(15,16,16,.5) 0 6px 18px -14px!important}
.portfolio-dashboard .portfolio-creds-badge img{width:100%!important;height:100%!important;object-fit:contain!important}
.portfolio-dashboard .portfolio-creds-credly{display:inline-flex!important;align-items:center!important;gap:6px!important;align-self:flex-start!important;padding:6px 11px!important;border-radius:999px!important;background:rgba(126,91,71,.1)!important;color:#7E5B47!important;font-weight:650!important;font-size:11.5px!important;text-decoration:none!important;transition:background .18s ease,transform .18s ease!important}
.portfolio-dashboard .portfolio-creds-credly:hover{background:rgba(126,91,71,.18)!important;transform:translateY(-1px)!important}
.portfolio-dashboard .portfolio-creds-credly__go{font-size:12px!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-creds-badge{background:#f4f4f0!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-creds-credly{background:rgba(230,181,143,.14)!important;color:#e6b58f!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-creds-credly:hover{background:rgba(230,181,143,.24)!important}
@media(max-width:900px){.portfolio-dashboard .portfolio-creds-reel{flex:0 0 auto!important;height:180px!important;min-height:0!important;margin-top:0!important}.portfolio-dashboard .portfolio-creds-reel .portfolio-ref-reel{margin-top:0!important;flex:none!important}}

/* Assessment tiles open an inline preview modal */
.portfolio-dashboard button.portfolio-about-assess-tile{appearance:none!important;-webkit-appearance:none!important;width:100%!important;text-align:left!important;font:inherit!important;cursor:pointer!important}
.portfolio-assess-modal .portfolio-about-modal__lead{margin-bottom:20px}

/* Assessment popup embeds the actual certificate PDF (DISC + EF SET) */
.portfolio-assess-modal--pdf .portfolio-about-modal__panel{width:min(940px,100%);max-height:min(92vh,940px)}
.portfolio-assess-modal--pdf .portfolio-about-modal__scroll{padding:38px 34px 30px}
.portfolio-assess-modal--pdf .portfolio-about-modal__lead{margin-bottom:16px}
.portfolio-assess-pdf{margin:2px 0 6px;border-radius:14px;overflow:hidden;background:#f0efe9;box-shadow:rgba(23,25,25,.14) 0 0 0 1px inset}
.portfolio-assess-pdf__frame{display:block;width:100%;height:min(72vh,760px);border:0;background:#f0efe9}
@media(max-width:600px){.portfolio-assess-pdf__frame{height:70vh}}
.portfolio-assess-style{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(126,91,71,.1);color:#7E5B47;font-weight:700;font-size:13px;margin-bottom:18px}
.portfolio-assess-style i{font-size:16px}
.portfolio-assess-bars{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}
.portfolio-assess-bar{display:flex;gap:12px;align-items:flex-start}
.portfolio-assess-bar__key{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#7E5B47;color:#fff;font-weight:800;font-size:14px}
.portfolio-assess-bar__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}
.portfolio-assess-bar__top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.portfolio-assess-bar__top b{font-weight:650;font-size:13.5px;color:rgb(23,25,25)}
.portfolio-assess-bar__top i{font-style:normal;font-weight:700;font-size:13px;color:#7E5B47}
.portfolio-assess-bar__track{height:8px;border-radius:999px;background:rgba(126,91,71,.14);overflow:hidden}
.portfolio-assess-bar__fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#8a6550,#7E5B47)}
.portfolio-assess-bar__body small{font-size:11.5px;line-height:1.4;color:#787C7C}
.portfolio-assess-note{margin:0 0 18px;font-size:11px;font-style:italic;color:#9a9ea0}
.portfolio-assess-score{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.portfolio-assess-score__num{font-weight:800;font-size:44px;line-height:1;color:rgb(23,25,25)}
.portfolio-assess-score__num i{font-style:normal;font-weight:600;font-size:20px;color:#9a9ea0}
.portfolio-assess-score__cefr{display:flex;flex-direction:column;padding:8px 16px;border-radius:12px;background:rgba(126,91,71,.1)}
.portfolio-assess-score__cefr b{font-weight:800;font-size:20px;color:#7E5B47;line-height:1}
.portfolio-assess-score__cefr small{font-size:11px;color:#787C7C;margin-top:2px}
.portfolio-assess-scale{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:18px}
.portfolio-assess-scale__seg{text-align:center;padding:7px 0;border-radius:8px;background:rgba(126,91,71,.09);color:#9a9ea0;font-weight:650;font-size:11.5px}
.portfolio-assess-scale__seg.is-active{background:#7E5B47;color:#fff}
.portfolio-assess-skills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.portfolio-assess-skill{flex:1 1 auto;min-width:104px;display:flex;flex-direction:column;gap:2px;padding:9px 14px;border-radius:12px;background:rgba(23,25,25,.04);box-shadow:rgba(23,25,25,.08) 0 0 0 1px inset}
.portfolio-assess-skill b{font-weight:650;font-size:12.5px;color:rgb(23,25,25)}
.portfolio-assess-skill small{font-size:11px;color:#7E5B47;font-weight:600}

/* ===== Selected-work popup: browser-framed screenshot marquee ===== */
.portfolio-eng-lightbox{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center}
.portfolio-eng-lightbox[hidden]{display:none}
.portfolio-eng-lightbox__backdrop{position:absolute;inset:0;background:rgba(9,10,10,.62);backdrop-filter:blur(22px) saturate(118%);-webkit-backdrop-filter:blur(22px) saturate(118%);animation:engFade .3s ease}
@keyframes engFade{from{opacity:0}to{opacity:1}}
.portfolio-eng-lightbox__strip{position:relative;width:100%;height:min(64vh,440px);overflow:hidden;display:flex;align-items:center;animation:engRise .4s cubic-bezier(.2,.8,.2,1);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
@keyframes engRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.portfolio-eng-lightbox__marquee{display:flex;gap:28px;align-items:stretch;height:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:pan-x;overscroll-behavior-x:contain;will-change:scroll-position}
.portfolio-eng-lightbox__marquee::-webkit-scrollbar{display:none}
.portfolio-eng-lightbox__marquee.is-dragging{cursor:grabbing}
.portfolio-eng-lightbox__marquee.is-dragging .portfolio-eng-frame{pointer-events:none}
.portfolio-eng-frame{flex:0 0 auto;width:min(72vw,600px);height:100%;display:flex;flex-direction:column;overflow:hidden;background:#0e1626;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:rgba(0,0,0,.5) 0 30px 70px -30px;transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease}
.portfolio-eng-frame:hover{transform:translateY(-4px);box-shadow:rgba(0,0,0,.6) 0 40px 90px -30px}
.portfolio-eng-frame__bar{flex:0 0 auto;display:flex;align-items:center;gap:6px;height:34px;padding:0 13px;background:linear-gradient(#f4f4ed,#e9e9e0)}
.portfolio-eng-dot{width:9px;height:9px;border-radius:50%;box-shadow:rgba(0,0,0,.06) 0 0 0 1px inset}
.portfolio-eng-dot--r{background:#ff5f57}
.portfolio-eng-dot--y{background:#febc2e}
.portfolio-eng-dot--g{background:#28c840}
.portfolio-eng-frame__img{flex:1 1 auto;width:100%;min-height:0;object-fit:cover;object-position:50% 0;display:block;background:#070b14}
/* Certificate scans are landscape — fit the whole cert on a light matte. */
.portfolio-eng-lightbox--certs .portfolio-eng-frame{background:#fff}
.portfolio-eng-lightbox--certs .portfolio-eng-frame__img{object-fit:contain;object-position:50% 50%;background:#fff}
.portfolio-eng-frame__cap{flex:0 0 auto;padding:11px 15px;font:600 13px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,Poppins,sans-serif;color:#f4f4ed;background:#0e1626;border-top:1px solid rgba(255,255,255,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.portfolio-eng-frame__ph{display:grid;place-items:center;align-content:center;gap:10px;color:rgba(255,255,255,.32);font-size:44px}
.portfolio-eng-frame__ph span{font:600 15px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,Poppins,sans-serif;color:rgba(255,255,255,.62)}
.portfolio-eng-frame__ph[data-slide-index="0"]{background:linear-gradient(135deg,#2b3440,#141a20)}
.portfolio-eng-frame__ph[data-slide-index="1"]{background:linear-gradient(135deg,#3a2f24,#1c160f)}
.portfolio-eng-frame__ph[data-slide-index="2"]{background:linear-gradient(135deg,#243a34,#101c18)}
.portfolio-eng-frame__ph[data-slide-index="3"]{background:linear-gradient(135deg,#34243a,#180f1c)}
.portfolio-eng-frame__ph[data-slide-index="4"]{background:linear-gradient(135deg,#3a2430,#1c0f16)}
.portfolio-eng-lightbox__close{position:absolute;top:24px;right:24px;z-index:3;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:#fbfbf7;color:#171919;cursor:pointer;font-size:20px;box-shadow:rgba(0,0,0,.4) 0 10px 24px -8px;transition:transform .2s ease}
.portfolio-eng-lightbox__close:hover{transform:scale(1.08)}
body.eng-lightbox-open{overflow:hidden!important}
@media(max-width:900px){.portfolio-eng-lightbox__strip{height:56vh}.portfolio-eng-frame{width:86vw}.portfolio-eng-lightbox__close{top:16px;right:16px}}

@media(max-width:900px){.portfolio-dashboard{height:auto!important;min-height:100svh!important;overflow:visible!important;padding:4px 4px 80px!important}
.portfolio-dashboard :is(#root,.shell,.shell__panel,#main-content,.home,.home__glass--showcase,.portfolio-reference-grid,.portfolio-about,.portfolio-about__wrap,.portfolio-about-page,.portfolio-section-page,.portfolio-contact-page){height:auto!important;max-height:none!important;overflow:visible!important;min-height:0!important}
.portfolio-dashboard .shell{display:flex!important;flex-direction:column!important}
.portfolio-dashboard .shell__panel{padding:0!important;flex:1 1 auto!important}
.portfolio-dashboard .home{display:flex!important;gap:12px!important;padding:12px!important}
.portfolio-dashboard .home__glass--showcase{flex:0 0 auto!important;padding:10px!important}
.portfolio-dashboard .portfolio-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:auto!important;gap:12px!important}
.portfolio-dashboard .portfolio-ref-card{grid-column:span 1!important;min-height:280px!important;padding:16px!important}
.portfolio-dashboard .portfolio-ref-label h3{font-size:17px!important;line-height:1.25!important}
.portfolio-dashboard .portfolio-ref-head p{font-size:14px!important;line-height:1.5!important}
.portfolio-dashboard .portfolio-ref-detail-grid{min-height:144px!important;flex:0 0 auto!important}
.portfolio-dashboard .portfolio-ref-sheet{min-height:150px!important}
.portfolio-dashboard .portfolio-ref-reel{height:200px!important;flex:0 0 200px!important}
.portfolio-dashboard .portfolio-ref-card--about{min-height:300px!important}
.portfolio-dashboard .portfolio-about__grid{flex:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important}
.portfolio-dashboard .portfolio-about__card{height:280px!important}
.portfolio-dashboard .portfolio-about__credential strong{font-size:13px!important}
.portfolio-dashboard .portfolio-section-page h1{font-size:clamp(30px,7vw,44px)!important}
.portfolio-dashboard .portfolio-section-card p,.portfolio-dashboard .portfolio-section-page__copy>p{font-size:14px!important}
.portfolio-dashboard .portfolio-contact-shell{height:auto!important;min-height:0!important;grid-template-columns:1fr!important}
.portfolio-dashboard .portfolio-contact-page{padding:20px 12px!important}
.portfolio-dashboard .portfolio-faq-card{min-height:380px!important}
.portfolio-dashboard .portfolio-contact-form{min-height:520px!important}
.portfolio-dashboard .portfolio-contact-message textarea{min-height:180px!important;resize:vertical}
.portfolio-dashboard .portfolio-dashboard-brand span{letter-spacing:.04em!important}

}
@media(max-width:620px){.portfolio-dashboard .portfolio-reference-grid{grid-template-columns:minmax(0,1fr)!important}
.portfolio-dashboard .portfolio-ref-card{min-height:270px!important}
.portfolio-dashboard .portfolio-ref-card--projects{min-height:330px!important}
.portfolio-dashboard .portfolio-contact-head h1{font-size:32px!important;line-height:1.08!important}
.portfolio-dashboard .portfolio-about__card{height:220px!important}
.portfolio-dashboard .portfolio-workflow strong{font-size:12px!important}
.portfolio-dashboard .home__topbar[data-portfolio-topbar="1"]{flex-wrap:wrap!important}

}
@media(hover:none){.portfolio-dashboard :is(.portfolio-ref-reel,.portfolio-ref-chip-row){overflow:auto!important}
.portfolio-dashboard :is(.portfolio-ref-reel-track,.portfolio-ref-chip-track){animation:none!important;transform:none!important}
.portfolio-dashboard .portfolio-ref-chip-group+ .portfolio-ref-chip-group{display:none!important}

}
.portfolio-dashboard{
  --palette-ink:#0F1010;
  --palette-slate:#787C7C;
  --palette-mist:#D8DADB;
  --palette-clay:#7E5B47;
  --palette-clay-readable:#B99A88;
  --hero-paper:#D8DADB;
  --hero-paper-2:rgba(216,218,219,.72);
  --hero-ink:#0F1010;
  --hero-muted:#787C7C;
  --hero-line:rgba(15,16,16,.16);
  --hero-line-strong:rgba(15,16,16,.28);
  --hero-shadow:0 18px 48px -34px rgba(15,16,16,.32);
  --dash-ink:#0F1010;
  --dash-muted:#787C7C;
  --dash-line:rgba(15,16,16,.16);
  --dash-panel:#D8DADB;
  --dash-wash:rgba(216,218,219,.72);
  --dash-active:rgba(126,91,71,.16);
  --dash-shadow:0 18px 48px -34px rgba(15,16,16,.34);
  color-scheme:light!important;
  background:#D8DADB!important;
  color:#0F1010!important;
}
.portfolio-dashboard .shell{
  background:rgba(216,218,219,.68)!important;
  border-color:var(--hero-line)!important;
  box-shadow:0 26px 80px -54px rgba(15,16,16,.4)!important;
}
.portfolio-dashboard .rail{
  background:rgba(216,218,219,.94)!important;
  border-color:var(--hero-line)!important;
  color:var(--hero-ink)!important;
}
.portfolio-dashboard :is(.rail__social,.rail__theme){
  background:rgba(216,218,219,.8)!important;
  color:var(--hero-ink)!important;
  box-shadow:inset 0 0 0 1px var(--hero-line)!important;
}
.portfolio-dashboard .rail__link.active{
  background:rgba(126,91,71,.18)!important;
  color:var(--hero-ink)!important;
  box-shadow:inset 0 0 0 1px rgba(126,91,71,.24)!important;
}
.portfolio-dashboard .rail__link:hover{background:rgba(126,91,71,.1)!important}
.portfolio-dashboard :is(.home__glass--showcase,.home__topbar[data-portfolio-topbar="1"],.portfolio-contact-shell,.portfolio-faq-card,.portfolio-contact-form,.portfolio-section-card,.portfolio-section-page__icon,.portfolio-section-flow,.portfolio-section-tools,.portfolio-ref-card){
  background:rgba(216,218,219,.8)!important;
  border-color:var(--hero-line)!important;
  color:var(--hero-ink)!important;
}
.portfolio-dashboard :is(.portfolio-contact-form input,.portfolio-contact-form textarea,.portfolio-sidekick-link,.portfolio-section-flow span,.portfolio-section-tools span){
  background:rgba(216,218,219,.92)!important;
  color:var(--hero-ink)!important;
  border-color:var(--hero-line-strong)!important;
}
.portfolio-dashboard :is(.portfolio-ref-icon,.portfolio-section-card__icon){
  background:#0F1010!important;
  color:#D8DADB!important;
}
.portfolio-dashboard :is(.portfolio-dashboard-connect,.portfolio-contact-actions button){
  background:#7E5B47!important;
  color:#D8DADB!important;
  border-color:#7E5B47!important;
}
.portfolio-dashboard :is(.portfolio-contact-email,.portfolio-sidekick-link a){
  color:#7E5B47!important;
}
.portfolio-dashboard .portfolio-workflow strong{color:#0F1010!important}
.portfolio-dashboard a:focus-visible,.portfolio-dashboard button:focus-visible{outline-color:#7E5B47!important}
.portfolio-dashboard .home__glass--tools{
  background:rgba(216,218,219,.86)!important;
  border-color:var(--hero-line)!important;
  box-shadow:inset 0 0 0 1px var(--hero-line),0 18px 48px -38px rgba(15,16,16,.32)!important;
  overflow:hidden!important;
}
.portfolio-dashboard .home__tools{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  height:50.25px!important;
}
.portfolio-dashboard .tools-marquee,.portfolio-dashboard .tools-scrollrail{
  width:100%!important;
  height:50.25px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scroll-snap-type:none!important;
  cursor:grab!important;
  touch-action:pan-x!important;
  -webkit-overflow-scrolling:touch!important;
  background:rgba(216,218,219,.72)!important;
  border-color:var(--hero-line-strong)!important;
  box-shadow:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.portfolio-dashboard .tools-scrollrail::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.portfolio-dashboard .tools-scrollrail.is-dragging{cursor:grabbing!important;user-select:none!important}
.portfolio-dashboard .tools-scrollrail .tools-marquee__track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  height:48.25px!important;
  padding:0!important;
  gap:0!important;
  transform:none!important;
  translate:0 0!important;
  animation:none!important;
  will-change:auto!important;
  contain:none!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__group{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:max-content!important;
  height:100%!important;
  padding:14px 24px!important;
  gap:18px!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__item{
  flex:0 0 auto!important;
  scroll-snap-align:none!important;
  padding-right:18px!important;
  color:var(--hero-ink)!important;
}
.portfolio-dashboard .tools-marquee__label{color:var(--hero-ink)!important}
.portfolio-dashboard .tools-marquee__brand{background:transparent!important;padding:0!important;border-radius:0!important}
.portfolio-dashboard[data-theme="dark"]{
  --hero-paper:rgba(216,218,219,.06);
  --hero-paper-2:rgba(216,218,219,.1);
  --hero-ink:#D8DADB;
  --hero-muted:#787C7C;
  --hero-line:rgba(120,124,124,.36);
  --hero-line-strong:rgba(120,124,124,.54);
  --hero-shadow:0 18px 48px -34px rgba(0,0,0,.72);
  --dash-ink:#D8DADB;
  --dash-muted:#787C7C;
  --dash-line:rgba(120,124,124,.36);
  --dash-panel:rgba(216,218,219,.06);
  --dash-wash:rgba(216,218,219,.08);
  --dash-active:rgba(126,91,71,.3);
  --dash-shadow:0 18px 48px -34px rgba(0,0,0,.72);
  color-scheme:dark!important;
  background:#0F1010!important;
  color:#D8DADB!important;
}
.portfolio-dashboard[data-theme="dark"] .shell{
  background:rgba(15,16,16,.9)!important;
  border-color:var(--hero-line)!important;
}
.portfolio-dashboard[data-theme="dark"] .rail{
  background:rgba(15,16,16,.96)!important;
  color:var(--hero-ink)!important;
  border-color:var(--hero-line)!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.rail__social,.rail__theme){
  background:rgba(216,218,219,.08)!important;
  color:#D8DADB!important;
  box-shadow:inset 0 0 0 1px var(--hero-line)!important;
}
.portfolio-dashboard[data-theme="dark"] .rail__link{
  color:#D8DADB!important;
  background:transparent!important;
}
.portfolio-dashboard[data-theme="dark"] .rail__link:hover{background:rgba(126,91,71,.18)!important}
.portfolio-dashboard[data-theme="dark"] .rail__link.active{
  background:rgba(126,91,71,.3)!important;
  color:#D8DADB!important;
  box-shadow:inset 0 0 0 1px rgba(185,154,136,.28)!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.home__glass--showcase,.home__topbar[data-portfolio-topbar="1"],.portfolio-contact-shell,.portfolio-faq-card,.portfolio-contact-form,.portfolio-section-card,.portfolio-section-page__icon,.portfolio-section-flow,.portfolio-section-tools,.portfolio-ref-card){
  background:rgba(216,218,219,.06)!important;
  border-color:var(--hero-line)!important;
  color:#D8DADB!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-contact-form input,.portfolio-contact-form textarea,.portfolio-sidekick-link,.portfolio-section-flow span,.portfolio-section-tools span){
  background:rgba(216,218,219,.1)!important;
  color:#D8DADB!important;
  border-color:var(--hero-line-strong)!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-contact-form :is(input,textarea)::placeholder{
  color:#787C7C!important;
  opacity:1!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-dashboard-connect,.portfolio-contact-actions button){
  background:#7E5B47!important;
  color:#D8DADB!important;
  border-color:#B99A88!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-ref-icon,.portfolio-section-card__icon){
  background:#D8DADB!important;
  color:#0F1010!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-workflow strong{color:#D8DADB!important}
.portfolio-dashboard[data-theme="dark"] .home__glass--tools{
  background:rgba(216,218,219,.055)!important;
  box-shadow:inset 0 0 0 1px var(--hero-line),0 18px 48px -38px rgba(0,0,0,.72)!important;
}
.portfolio-dashboard[data-theme="dark"] .tools-marquee,.portfolio-dashboard[data-theme="dark"] .tools-scrollrail{
  background:rgba(216,218,219,.055)!important;
  border-color:var(--hero-line)!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.tools-marquee__item,.tools-marquee__label){
  color:#D8DADB!important;
}
.portfolio-dashboard[data-theme="dark"] .tools-marquee__brand{
  background:rgba(216,218,219,.94)!important;
  border-radius:4px!important;
  padding:2px!important;
}
.portfolio-dashboard[data-theme="dark"] .tools-marquee__item[data-tool="buildingconnected"] .tools-marquee__brand{
  background:#0F1010!important;
}
.portfolio-dashboard[data-theme="dark"] a:focus-visible,.portfolio-dashboard[data-theme="dark"] button:focus-visible{outline-color:#B99A88!important}
@media(max-width:900px){.portfolio-dashboard .home__tools{display:block!important;height:44px!important}
.portfolio-dashboard .tools-marquee,.portfolio-dashboard .tools-scrollrail{height:44px!important}
.portfolio-dashboard .tools-scrollrail .tools-marquee__track{height:42px!important}
.portfolio-dashboard .tools-scrollrail .tools-marquee__group{padding:11px 20px!important;gap:14px!important}

}
.portfolio-dashboard .portfolio-about .clone-kicker,.portfolio-dashboard .portfolio-about__credential header,.portfolio-dashboard .portfolio-ref-detail-grid .ph,.portfolio-dashboard .portfolio-ref-sheet__title,.portfolio-dashboard .portfolio-workflow b,.portfolio-dashboard .portfolio-ref-shot__chrome i,.portfolio-dashboard .portfolio-section-page__eyebrow{
  color:#7E5B47!important;
}
.portfolio-dashboard .portfolio-about__credentials{
  border-top-color:rgba(15,16,16,.16)!important;
}
.portfolio-dashboard .portfolio-about__credentials-head p,.portfolio-dashboard .portfolio-about__credential time,.portfolio-dashboard .portfolio-ref-detail-grid small,.portfolio-dashboard .portfolio-ref-shot__content small,.portfolio-dashboard .portfolio-workflow small{
  color:#787C7C!important;
}
.portfolio-dashboard .portfolio-about__credential,.portfolio-dashboard .portfolio-ref-detail-grid>span,.portfolio-dashboard .portfolio-ref-sheet,.portfolio-dashboard .portfolio-ref-chip,.portfolio-dashboard .portfolio-ref-shot,.portfolio-dashboard .portfolio-ref-shot__content{
  background:rgba(15,16,16,.035)!important;
  border-color:rgba(15,16,16,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(15,16,16,.08)!important;
}
.portfolio-dashboard .portfolio-about__credential strong,.portfolio-dashboard .portfolio-ref-detail-grid b,.portfolio-dashboard .portfolio-ref-chip,.portfolio-dashboard .portfolio-ref-shot__content strong,.portfolio-dashboard .portfolio-workflow strong{
  color:#0F1010!important;
}
.portfolio-dashboard .portfolio-ref-shot__content{
  background-image:none!important;
}
.portfolio-dashboard .portfolio-ref-chip{
  border:1px solid rgba(15,16,16,.12)!important;
}
.portfolio-dashboard .portfolio-ref-chip i,.portfolio-dashboard .portfolio-ref-arrow{
  color:#7E5B47!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-about__credentials{
  border-top-color:rgba(120,124,124,.35)!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-about .clone-kicker,.portfolio-dashboard[data-theme="dark"] .portfolio-about__credential header,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-detail-grid .ph,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-sheet__title,.portfolio-dashboard[data-theme="dark"] .portfolio-workflow b,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-chip i,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-arrow,.portfolio-dashboard[data-theme="dark"] .portfolio-section-page__eyebrow{
  color:#B99A88!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-about__credential,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-detail-grid>span,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-sheet,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-chip,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-shot,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-shot__content{
  background:rgba(216,218,219,.075)!important;
  background-image:none!important;
  border-color:rgba(120,124,124,.36)!important;
  box-shadow:inset 0 0 0 1px rgba(120,124,124,.18)!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-about__credential strong,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-detail-grid b,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-chip,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-shot__content strong,.portfolio-dashboard[data-theme="dark"] .portfolio-workflow strong{
  color:#D8DADB!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-about__credentials-head p,.portfolio-dashboard[data-theme="dark"] .portfolio-about__credential time,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-detail-grid small,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-shot__content small,.portfolio-dashboard[data-theme="dark"] .portfolio-workflow small{
  color:#787C7C!important;
}
.a11y__button{
  background:#7E5B47!important;
  color:#D8DADB!important;
  border-color:rgba(15,16,16,.22)!important;
  box-shadow:0 12px 26px -18px rgba(15,16,16,.55)!important;
}
.portfolio-dashboard .portfolio-ref-shot__chrome i{
  background:#787C7C!important;
}
.portfolio-dashboard .portfolio-ref-shot__chrome i:first-child{
  background:#7E5B47!important;
}
.portfolio-dashboard .portfolio-ref-card--construction .portfolio-ref-detail-grid>span,.portfolio-dashboard .portfolio-ref-card--engineering .portfolio-ref-sheet,.portfolio-dashboard .portfolio-ref-card--projects .portfolio-ref-shot,.portfolio-dashboard .portfolio-ref-card--projects .portfolio-ref-shot__content,.portfolio-dashboard .portfolio-ref-card--automation .portfolio-ref-chip{
  background:rgba(126,91,71,.075)!important;
  background-image:none!important;
  border-color:rgba(126,91,71,.18)!important;
  box-shadow:inset 0 0 0 1px rgba(126,91,71,.12)!important;
}
.portfolio-dashboard .portfolio-ref-card--construction .portfolio-ref-detail-grid :is(b,strong),.portfolio-dashboard .portfolio-ref-card--engineering .portfolio-workflow strong,.portfolio-dashboard .portfolio-ref-card--projects .portfolio-ref-shot__content strong,.portfolio-dashboard .portfolio-ref-card--automation .portfolio-ref-chip{
  color:#0F1010!important;
}
.portfolio-dashboard .portfolio-ref-card--construction .portfolio-ref-detail-grid small,.portfolio-dashboard .portfolio-ref-card--engineering .portfolio-workflow small,.portfolio-dashboard .portfolio-ref-card--projects .portfolio-ref-shot__content small{
  color:#787C7C!important;
}
/* Selected-work reel: showcase the real work screenshots live inside each
   ref-shot, with a caption on a bottom scrim. Doubled .portfolio-dashboard
   prefix raises specificity above the themed (0,4,0) shot__content rules so
   the scrim + light caption text win in both light and dark themes. */
.portfolio-dashboard :is(.portfolio-ref-card--projects,.portfolio-ref-card--creds) .portfolio-ref-shot--img{
  padding:0!important;
  background:#0e1626!important;
}
.portfolio-dashboard .portfolio-ref-shot__img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 0!important;
  display:block!important;
  border-radius:12px!important;
  z-index:0!important;
}
.portfolio-dashboard .portfolio-ref-shot--img .portfolio-ref-shot__chrome{z-index:2!important}
.portfolio-dashboard.portfolio-dashboard :is(.portfolio-ref-card--projects,.portfolio-ref-card--creds) .portfolio-ref-shot--img .portfolio-ref-shot__content{
  position:absolute!important;
  inset:auto 0 0 0!important;
  height:auto!important;
  padding:20px 12px 9px!important;
  border-radius:0!important;
  z-index:1!important;
  background:linear-gradient(to top,rgba(6,10,18,.94),rgba(6,10,18,.5) 60%,rgba(6,10,18,0))!important;
  background-image:linear-gradient(to top,rgba(6,10,18,.94),rgba(6,10,18,.5) 60%,rgba(6,10,18,0))!important;
  box-shadow:none!important;
}
.portfolio-dashboard.portfolio-dashboard :is(.portfolio-ref-card--projects,.portfolio-ref-card--creds) .portfolio-ref-shot--img .portfolio-ref-shot__content strong{color:#fff!important}
.portfolio-dashboard.portfolio-dashboard :is(.portfolio-ref-card--projects,.portfolio-ref-card--creds) .portfolio-ref-shot--img .portfolio-ref-shot__content small{color:rgba(255,255,255,.74)!important}
.portfolio-dashboard .portfolio-ref-card--construction .portfolio-ref-detail-grid .ph,.portfolio-dashboard .portfolio-ref-card--engineering :is(.portfolio-ref-sheet__title,.portfolio-workflow b),.portfolio-dashboard .portfolio-ref-card--automation .portfolio-ref-chip .ph{
  color:#7E5B47!important;
}
.portfolio-dashboard .portfolio-ref-card--engineering .portfolio-ref-sheet{
  background-color:rgba(126,91,71,.075)!important;
  background-size:auto!important;
}
.portfolio-dashboard .portfolio-ref-shot__chrome i{
  background:#787C7C!important;
}
.portfolio-dashboard .portfolio-ref-shot__chrome i:first-child{
  background:#7E5B47!important;
}
.portfolio-dashboard .tools-marquee__item,.portfolio-dashboard .tools-marquee__label{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
}
.portfolio-dashboard .tools-marquee__item::before,.portfolio-dashboard .tools-marquee__item::after,.portfolio-dashboard .tools-marquee__label::before,.portfolio-dashboard .tools-marquee__label::after{
  background:transparent!important;
  box-shadow:none!important;
}
html body .a11y__panel{
  background:#D8DADB!important;
  background-image:none!important;
  color:#0F1010!important;
  border-color:rgba(15,16,16,.18)!important;
  box-shadow:0 24px 60px -30px rgba(15,16,16,.42)!important;
}
html body .a11y__title,html body .a11y__switch,html body .a11y__switch-label,html body .a11y__close{
  color:#0F1010!important;
}
html body .a11y__switch{
  background:transparent!important;
  box-shadow:none!important;
}
html body .a11y__switch:hover{
  background:rgba(126,91,71,.08)!important;
}
html body .a11y__switch-desc{
  color:#787C7C!important;
}
html body .a11y__toggle{
  background:#787C7C!important;
}
html body .a11y__toggle::after{
  background:#D8DADB!important;
  box-shadow:0 1px 4px rgba(15,16,16,.28)!important;
}
html body .a11y__switch[aria-pressed="true"] .a11y__toggle{
  background:#7E5B47!important;
}
html body .a11y__reset{
  background:rgba(15,16,16,.055)!important;
  color:#0F1010!important;
  box-shadow:inset 0 0 0 1px rgba(15,16,16,.10)!important;
}
html body .a11y__button{
  background:#7E5B47!important;
  color:#D8DADB!important;
  border-color:rgba(15,16,16,.22)!important;
}
html[data-theme="dark"] body .a11y__panel{
  background:#0F1010!important;
  background-image:none!important;
  color:#D8DADB!important;
  border-color:rgba(120,124,124,.42)!important;
  box-shadow:0 24px 60px -30px rgba(0,0,0,.78)!important;
}
html[data-theme="dark"] body .a11y__title,html[data-theme="dark"] body .a11y__switch,html[data-theme="dark"] body .a11y__switch-label,html[data-theme="dark"] body .a11y__close{
  color:#D8DADB!important;
}
html[data-theme="dark"] body .a11y__switch:hover{
  background:rgba(126,91,71,.18)!important;
}
html[data-theme="dark"] body .a11y__switch-desc{
  color:#787C7C!important;
}
html[data-theme="dark"] body .a11y__toggle{
  background:#787C7C!important;
}
html[data-theme="dark"] body .a11y__toggle::after{
  background:#D8DADB!important;
}
html[data-theme="dark"] body .a11y__switch[aria-pressed="true"] .a11y__toggle{
  background:#7E5B47!important;
}
html[data-theme="dark"] body .a11y__reset{
  background:rgba(216,218,219,.08)!important;
  color:#D8DADB!important;
  box-shadow:inset 0 0 0 1px rgba(120,124,124,.24)!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card--construction .portfolio-ref-detail-grid>span,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card--engineering .portfolio-ref-sheet,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card--projects .portfolio-ref-shot,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card--projects .portfolio-ref-shot__content,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card--automation .portfolio-ref-chip{
  background:rgba(126,91,71,.20)!important;
  background-image:none!important;
  border-color:rgba(185,154,136,.24)!important;
  box-shadow:inset 0 0 0 1px rgba(185,154,136,.12)!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card--construction .portfolio-ref-detail-grid :is(b,strong),.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card--engineering .portfolio-workflow strong,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card--projects .portfolio-ref-shot__content strong,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card--automation .portfolio-ref-chip{
  color:#D8DADB!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card--construction .portfolio-ref-detail-grid .ph,.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card--engineering :is(.portfolio-ref-sheet__title,.portfolio-workflow b),.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card--automation .portfolio-ref-chip .ph{
  color:#B99A88!important;
}
.portfolio-dashboard:not([data-theme="dark"]){
  --light-page:#F7F7F5;
  --light-panel:#FCFCFB;
  --light-raised:#FFFFFF;
  --light-soft:#EFF0EF;
  --hero-paper:#F7F7F5;
  --hero-paper-2:rgba(255,255,255,.82);
  --hero-ink:#0F1010;
  --hero-muted:#787C7C;
  --hero-line:rgba(15,16,16,.12);
  --hero-line-strong:rgba(15,16,16,.20);
  --dash-ink:#0F1010;
  --dash-muted:#787C7C;
  --dash-line:rgba(15,16,16,.12);
  --dash-panel:#FCFCFB;
  --dash-wash:#F7F7F5;
  background:var(--light-page)!important;
  color:#0F1010!important;
}
.portfolio-dashboard:not([data-theme="dark"]) .shell{
  background:var(--light-page)!important;
  border-color:rgba(15,16,16,.10)!important;
  box-shadow:0 20px 60px -46px rgba(15,16,16,.24)!important;
}
.portfolio-dashboard:not([data-theme="dark"]) .rail{
  background:#F2F2F0!important;
  border-color:rgba(15,16,16,.10)!important;
}
.portfolio-dashboard:not([data-theme="dark"]) :is(
  .home__glass--showcase,
  .home__topbar[data-portfolio-topbar="1"],
  .portfolio-contact-shell,
  .portfolio-faq-card,
  .portfolio-contact-form,
  .portfolio-section-card,
  .portfolio-section-page__icon,
  .portfolio-section-flow,
  .portfolio-section-tools,
  .portfolio-ref-card
){
  background:var(--light-panel)!important;
  border-color:rgba(15,16,16,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(15,16,16,.04)!important;
}
.portfolio-dashboard:not([data-theme="dark"]) :is(
  .portfolio-about__credential,
  .portfolio-ref-detail-grid>span,
  .portfolio-ref-sheet,
  .portfolio-ref-chip,
  .portfolio-ref-shot,
  .portfolio-ref-shot__content,
  .portfolio-contact-form input,
  .portfolio-contact-form textarea,
  .portfolio-sidekick-link,
  .portfolio-section-flow span,
  .portfolio-section-tools span
){
  background:var(--light-raised)!important;
  background-image:none!important;
  border-color:rgba(15,16,16,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(15,16,16,.035)!important;
}
.portfolio-dashboard:not([data-theme="dark"]) .portfolio-ref-card--construction .portfolio-ref-detail-grid>span,.portfolio-dashboard:not([data-theme="dark"]) .portfolio-ref-card--engineering .portfolio-ref-sheet,.portfolio-dashboard:not([data-theme="dark"]) .portfolio-ref-card--projects .portfolio-ref-shot,.portfolio-dashboard:not([data-theme="dark"]) .portfolio-ref-card--projects .portfolio-ref-shot__content,.portfolio-dashboard:not([data-theme="dark"]) .portfolio-ref-card--automation .portfolio-ref-chip{
  background:rgba(228,230,231,.92)!important;
  background-image:none!important;
  border-color:rgba(126,91,71,.14)!important;
  box-shadow:inset 0 0 0 1px rgba(126,91,71,.07)!important;
}
.portfolio-dashboard:not([data-theme="dark"]) :is(.rail__social,.rail__theme){
  background:#FFFFFF!important;
  box-shadow:inset 0 0 0 1px rgba(15,16,16,.12)!important;
}
.portfolio-dashboard:not([data-theme="dark"]) .rail__link.active{
  background:rgba(126,91,71,.13)!important;
  box-shadow:inset 0 0 0 1px rgba(126,91,71,.20)!important;
}
.portfolio-dashboard:not([data-theme="dark"]) .rail__link:hover{
  background:rgba(126,91,71,.075)!important;
}
.portfolio-dashboard:not([data-theme="dark"]) .home__glass--tools{
  background:#FCFCFB!important;
  border-color:rgba(15,16,16,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(15,16,16,.08),0 16px 40px -36px rgba(15,16,16,.28)!important;
}
.portfolio-dashboard:not([data-theme="dark"]) .tools-marquee,.portfolio-dashboard:not([data-theme="dark"]) .tools-scrollrail{
  background:#FFFFFF!important;
  border-color:rgba(15,16,16,.12)!important;
}
.portfolio-dashboard .tools-scrollrail{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
  cursor:grab!important;
  touch-action:pan-x pinch-zoom!important;
  overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch!important;
  user-select:none!important;
}
.portfolio-dashboard .tools-scrollrail::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.portfolio-dashboard .tools-scrollrail.is-dragging{
  cursor:grabbing!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:48.25px!important;
  padding:0!important;
  gap:0!important;
  transform:none!important;
  translate:0 0!important;
  animation:none!important;
  will-change:auto!important;
  contain:none!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__group{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
  height:100%!important;
  padding:14px 24px!important;
  gap:18px!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__item{
  flex:0 0 auto!important;
  scroll-snap-align:none!important;
  pointer-events:none!important;
}
.portfolio-dashboard .home__topbar,.portfolio-dashboard .portfolio-section-page__header,.portfolio-dashboard .portfolio-about__head{
  display:none!important;
}
.portfolio-dashboard .portfolio-section-page{
  padding-top:22px!important;
  justify-content:flex-start!important;
  gap:16px!important;
}
.portfolio-dashboard .portfolio-section-grid{
  flex:1 1 auto!important;
  align-content:stretch!important;
}
.portfolio-dashboard .portfolio-about__wrap{
  padding-top:0!important;
}
.portfolio-dashboard .portfolio-about__grid{
  margin-top:0!important;
}
.portfolio-dashboard .rail__copy{
  white-space:normal!important;
  line-height:1.45!important;
}
.portfolio-dashboard .rail__name{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:100%!important;
  text-align:center!important;
}
.portfolio-dashboard .rail__name [data-owner-name]{
  display:inline!important;
  width:auto!important;
  margin:0!important;
  text-align:inherit!important;
}
.portfolio-dashboard .portfolio-fb-badge{
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  color:#fff!important;
  line-height:1!important;
  transform:translateY(-1px);
}
.portfolio-dashboard .portfolio-fb-badge svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  overflow:visible!important;
  fill:#1877F2!important;
}
.portfolio-dashboard .portfolio-fb-badge svg circle{fill:#1877F2!important}
.portfolio-dashboard .rail__socials{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
.portfolio-dashboard .portfolio-social{
  display:grid!important;
  place-items:center!important;
  text-decoration:none!important;
  cursor:default!important;
}
.portfolio-dashboard a.portfolio-social{cursor:pointer!important}
.portfolio-dashboard .portfolio-social i{
  display:block!important;
  font-size:18px!important;
  line-height:1!important;
}
.portfolio-dashboard .tools-scrollrail{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scroll-snap-type:none!important;
  scroll-behavior:auto!important;
  cursor:grab!important;
  touch-action:pan-x pinch-zoom!important;
  overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch!important;
  user-select:none!important;
}
.portfolio-dashboard .tools-scrollrail::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}
.portfolio-dashboard .tools-scrollrail.is-dragging{cursor:grabbing!important}
.portfolio-dashboard .tools-scrollrail .tools-marquee__track,.portfolio-dashboard .tools-marquee:hover .tools-marquee__track{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  transform:none!important;
  translate:0 0!important;
  animation:none!important;
  animation-play-state:running!important;
  will-change:auto!important;
  contain:none!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__group{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__item{
  flex:0 0 auto!important;
  pointer-events:none!important;
}
html.a11y-reduce-motion .portfolio-dashboard .tools-scrollrail{
  scroll-behavior:auto!important;
}
@media(max-width:900px){.portfolio-dashboard .portfolio-section-page{padding-top:14px!important}
.portfolio-dashboard .rail__name{gap:4px!important}
.portfolio-dashboard .portfolio-fb-badge,.portfolio-dashboard .portfolio-fb-badge svg{width:14px!important;height:14px!important}

}
.portfolio-dashboard .rail__actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:42px!important;
}
.portfolio-dashboard .rail__socials{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
.portfolio-dashboard .rail__socials li{
  display:block!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.portfolio-dashboard :is(.portfolio-social,.rail__theme){
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  min-height:38px!important;
  flex:0 0 38px!important;
  border-radius:50%!important;
}
.portfolio-dashboard .portfolio-social i{
  font-size:18px!important;
  line-height:1!important;
}
.portfolio-dashboard .rail__nav{
  margin-top:14px!important;
  padding-top:14px!important;
}
.portfolio-dashboard .rail__copy{
  padding-bottom:2px!important;
}
@media(min-width:901px){body.portfolio-ready.dashboard-active>.a11y{
    left:auto!important;
    right:18px!important;
    bottom:18px!important;
    z-index:80!important;
  }

}
@media(max-width:900px){.portfolio-dashboard .rail__actions{gap:10px!important}
.portfolio-dashboard .rail__socials{gap:8px!important}

}
.portfolio-dashboard .hero-canvas{
  overflow:hidden!important;
  pointer-events:none!important;
}
.portfolio-dashboard .tools-scrollrail{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  cursor:grab!important;
  touch-action:pan-x pinch-zoom!important;
  -webkit-overflow-scrolling:touch!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__track,.portfolio-dashboard .tools-marquee:hover .tools-marquee__track{
  display:flex!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  transform:translate3d(0,0,0)!important;
  translate:none!important;
  animation:portfolio-tools-owned-loop 30s linear infinite!important;
  animation-play-state:running!important;
  will-change:transform!important;
  contain:layout paint!important;
}
.portfolio-dashboard .tools-scrollrail.is-interacting .tools-marquee__track{
  animation-play-state:paused!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__group{
  display:flex!important;
  flex:0 0 auto!important;
  width:max-content!important;
  min-width:max-content!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__item{
  flex:0 0 auto!important;
  min-width:max-content!important;
}
@keyframes portfolio-tools-owned-loop{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-33.3333333333%,0,0)}
}
@media(prefers-reduced-motion:reduce){.portfolio-dashboard .tools-scrollrail .tools-marquee__track{animation:none!important}

}
html.a11y-reduce-motion .portfolio-dashboard .tools-scrollrail .tools-marquee__track{
  animation:none!important;
}
.portfolio-dashboard .tools-scrollrail .tools-marquee__track,.portfolio-dashboard .tools-marquee:hover .tools-marquee__track{
  animation:none!important;
  transform:none!important;
  translate:none!important;
}
.portfolio-dashboard .portfolio-tools-belt-v77{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  height:100%!important;
  transform:translate3d(0,0,0);
  animation:portfolio-tools-belt-v77 30s linear infinite!important;
  animation-play-state:running!important;
  will-change:transform!important;
}
.portfolio-dashboard .tools-scrollrail.is-interacting .portfolio-tools-belt-v77{
  animation-play-state:paused!important;
}
@media(hover:hover) and (pointer:fine){
  .portfolio-dashboard .tools-scrollrail:hover .portfolio-tools-belt-v77{
    animation-play-state:paused!important;
  }
}
@keyframes portfolio-tools-belt-v77{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-33.3333333333%,0,0)}
}
@media(prefers-reduced-motion:reduce){.portfolio-dashboard .portfolio-tools-belt-v77{animation:none!important}

}
html.a11y-reduce-motion .portfolio-dashboard .portfolio-tools-belt-v77{
  animation:none!important;
}
.portfolio-dashboard .tools-scrollrail{
  touch-action:pan-y pinch-zoom!important;
  cursor:grab!important;
}
.portfolio-dashboard .tools-scrollrail.is-dragging{cursor:grabbing!important}
.portfolio-dashboard .tools-scrollrail .tools-marquee__track{
  transform:translate3d(0,0,0)!important;
  will-change:transform!important;
}
.portfolio-dashboard .portfolio-tools-belt-v77{animation-duration:60s!important}
.portfolio-dashboard .tools-scrollrail .tools-marquee__group{gap:28px!important;padding:0 28px 0 0!important}
.portfolio-dashboard .tools-scrollrail .tools-marquee__item{display:inline-flex!important;align-items:center!important;gap:9px!important;padding:0!important;margin:0!important}
.portfolio-dashboard .rail__avatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 38%!important}
.portfolio-dashboard .rail__member-badge,.portfolio-dashboard .portfolio-fb-badge{display:none!important}
.portfolio-dashboard .portfolio-verified-badge{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important;flex:0 0 18px!important;color:#1877F2!important;transform:translateY(-1px)!important}
.portfolio-dashboard .portfolio-verified-badge i{display:block!important;font-size:18px!important;line-height:1!important}
.portfolio-dashboard .rail__actions{display:grid!important;grid-template-columns:repeat(5,1fr)!important;align-items:center!important;justify-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important}
.portfolio-dashboard .rail__socials{display:contents!important}
.portfolio-dashboard .rail__socials li{width:36px!important;height:36px!important;margin:0!important;padding:0!important}
.portfolio-dashboard .rail__actions>.rail__theme{width:36px!important;height:36px!important;margin:0!important}
.portfolio-dashboard .rail__nav{width:100%!important;overflow:visible!important;box-sizing:border-box!important}
.portfolio-dashboard .rail__link{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;border-radius:12px!important}
.portfolio-dashboard .portfolio-rail-footer{margin-top:auto!important;display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;width:100%!important;padding:10px 2px 2px!important;box-sizing:border-box!important}
.portfolio-dashboard .portfolio-rail-footer .rail__copy{margin:0!important;padding:0!important;min-width:0!important}
.portfolio-dashboard .portfolio-a11y-proxy{width:36px!important;height:36px!important;min-width:36px!important;border:1px solid rgba(15,16,16,.16)!important;border-radius:50%!important;background:#7E5B47!important;color:#F7F7F5!important;display:grid!important;place-items:center!important;padding:0!important;box-shadow:0 10px 24px -18px rgba(15,16,16,.55)!important}
.portfolio-dashboard .portfolio-a11y-proxy i{font-size:18px!important;line-height:1!important}
@media(min-width:901px){body.portfolio-a11y-relocated>.a11y>.a11y__button{display:none!important}
body.portfolio-ready.dashboard-active>.a11y{left:264px!important;right:auto!important;bottom:18px!important;z-index:90!important}
body.portfolio-ready.dashboard-active>.a11y>.a11y__panel{left:0!important;right:auto!important}

}
@media(max-width:900px){.portfolio-dashboard .portfolio-a11y-proxy{display:none!important}}
html.a11y-high-contrast .portfolio-dashboard{--hero-ink:#000!important;--hero-muted:#202020!important;--hero-line:#000!important;--hero-line-strong:#000!important;background:#fff!important;color:#000!important}
html.a11y-high-contrast .portfolio-dashboard :is(.shell,.rail,.home__glass--showcase,.home__glass--tools,.tools-marquee,.tools-scrollrail,.portfolio-ref-card,.portfolio-contact-shell,.portfolio-faq-card,.portfolio-contact-form,.portfolio-section-card,.portfolio-section-page__icon,.portfolio-section-flow,.portfolio-section-tools){background:#fff!important;background-image:none!important;color:#000!important;border-color:#000!important;box-shadow:none!important;backdrop-filter:none!important}
html.a11y-high-contrast .portfolio-dashboard :is(.rail__name,.rail__link,.rail__copy,.portfolio-ref-label h3,.portfolio-ref-head p,.portfolio-faq-card h2,.portfolio-faq-item summary strong,.portfolio-faq-item p,.portfolio-contact-form label,.portfolio-section-card h2,.portfolio-section-card p,.portfolio-section-page h1,.portfolio-section-page p,.tools-marquee__label){color:#000!important}
html.a11y-high-contrast .portfolio-dashboard .rail__link.active{background:#000!important;color:#fff!important;border-color:#000!important;box-shadow:none!important}
html.a11y-high-contrast .portfolio-dashboard .rail__link.active :is(.ricon,.portfolio-nav-label){color:#fff!important}
html.a11y-high-contrast .portfolio-dashboard :is(input,textarea,.portfolio-sidekick-link,.portfolio-section-flow span,.portfolio-section-tools span){background:#fff!important;color:#000!important;border:2px solid #000!important}
html.a11y-high-contrast .portfolio-dashboard .hero-canvas{display:none!important}
html.a11y-high-contrast body .a11y__panel{background:#fff!important;color:#000!important;border:2px solid #000!important;box-shadow:none!important}
html.a11y-high-contrast body .a11y__panel :is(.a11y__title,.a11y__switch,.a11y__switch-label,.a11y__switch-desc,.a11y__close,.a11y__reset){color:#000!important}
html.a11y-high-contrast .portfolio-dashboard[data-theme="dark"]{--hero-ink:#fff!important;--hero-muted:#f0f0f0!important;--hero-line:#fff!important;--hero-line-strong:#fff!important;background:#000!important;color:#fff!important}
html.a11y-high-contrast .portfolio-dashboard[data-theme="dark"] :is(.shell,.rail,.home__glass--showcase,.home__glass--tools,.tools-marquee,.tools-scrollrail,.portfolio-ref-card,.portfolio-contact-shell,.portfolio-faq-card,.portfolio-contact-form,.portfolio-section-card,.portfolio-section-page__icon,.portfolio-section-flow,.portfolio-section-tools){background:#000!important;background-image:none!important;color:#fff!important;border-color:#fff!important;box-shadow:none!important}
html.a11y-high-contrast .portfolio-dashboard[data-theme="dark"] :is(.rail__name,.rail__link,.rail__copy,.portfolio-ref-label h3,.portfolio-ref-head p,.portfolio-faq-card h2,.portfolio-faq-item summary strong,.portfolio-faq-item p,.portfolio-contact-form label,.portfolio-section-card h2,.portfolio-section-card p,.portfolio-section-page h1,.portfolio-section-page p,.tools-marquee__label){color:#fff!important}
html.a11y-high-contrast .portfolio-dashboard[data-theme="dark"] .rail__link.active{background:#fff!important;color:#000!important;border-color:#fff!important}
html.a11y-high-contrast .portfolio-dashboard[data-theme="dark"] .rail__link.active :is(.ricon,.portfolio-nav-label){color:#000!important}
html.a11y-high-contrast .portfolio-dashboard[data-theme="dark"] :is(input,textarea,.portfolio-sidekick-link,.portfolio-section-flow span,.portfolio-section-tools span){background:#000!important;color:#fff!important;border:2px solid #fff!important}
html.a11y-high-contrast[data-theme="dark"] body .a11y__panel{background:#000!important;color:#fff!important;border:2px solid #fff!important}
html.a11y-high-contrast[data-theme="dark"] body .a11y__panel :is(.a11y__title,.a11y__switch,.a11y__switch-label,.a11y__switch-desc,.a11y__close,.a11y__reset){color:#fff!important}
.portfolio-dashboard .portfolio-contact-page{padding-top:24px!important}
.portfolio-dashboard .portfolio-contact-shell{height:100%!important;min-height:0!important}
.portfolio-dashboard .hero-canvas canvas{opacity:.92!important}
.portfolio-dashboard .home__glass--showcase{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  padding:0 !important;
}
.portfolio-dashboard[data-theme="dark"] .home__glass--showcase{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.portfolio-dashboard .home > .portfolio-reference-grid--flat{
  flex:1 1 auto !important;
  min-height:0 !important;
  height:100% !important;
  width:100% !important;
}
.portfolio-dashboard .portfolio-a11y-proxy{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
  align-items:center !important;
  justify-items:center !important;
  background:#7E5B47 !important;
  color:#F7F7F5 !important;
}
.portfolio-dashboard .portfolio-a11y-proxy i{
  display:block !important;
  font-family:"Phosphor-Bold","Phosphor Icons",sans-serif !important;
  font-size:19px !important;
  line-height:1 !important;
  color:#F7F7F5 !important;
}
.portfolio-dashboard .rail__avatar{
  background:#D8DADB url("/assets/hero-profile-2026.webp") center/cover no-repeat !important;
}
.portfolio-dashboard .rail__avatar img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
@media(max-width:900px){
  .portfolio-dashboard .rail__actions{display:flex!important;flex-wrap:nowrap!important;width:100%!important;gap:8px!important;align-items:center!important;justify-content:flex-start!important}
  /* Mobile: show the social chips below the name, on the same row as the
     theme toggle (item 2). */
  .portfolio-dashboard .rail__socials{
    display:flex!important;
    flex:0 1 auto!important;
    gap:8px!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    justify-content:flex-start!important;
  }
  .portfolio-dashboard .rail__socials .portfolio-social-item{margin:0!important}
  .portfolio-dashboard .rail__theme{flex:0 0 auto!important;margin-left:auto!important}
  .portfolio-dashboard .rail__name{white-space:nowrap!important;justify-content:flex-start!important;min-width:0!important}
  .portfolio-dashboard .portfolio-rail-footer,.portfolio-dashboard .portfolio-a11y-proxy{display:none!important}
  body:not(.dashboard-active)>.mobile-nav{display:none!important}
  html .mobile-more-tools [data-mobile-theme]{min-height:48px;border:0;border-radius:14px;padding:12px 16px;background:var(--ws-raised);color:var(--ws-text);font:500 14px/1.4 Poppins,system-ui;text-align:left}
  .portfolio-dashboard :is(input,textarea,select){font-size:16px!important}
}



/* Bento card system — Overview is the canonical visual + interaction reference. */
.portfolio-dashboard :is(.portfolio-ref-card,.portfolio-overview-card,.portfolio-section-card,.portfolio-about__card){
  position:relative!important;
  overflow:hidden!important;
  border:1px solid rgba(23,25,25,.28)!important;
  border-radius:22px!important;
  background:rgba(251,251,247,.97)!important;
  box-shadow:
    rgba(15,16,16,.05) 0 1px 1.5px 0,
    rgba(15,16,16,.38) 0 18px 40px -20px!important;
  color:#171919!important;
  transform:translateZ(0)!important;
  transition:
    transform .34s cubic-bezier(.2,.8,.2,1),
    box-shadow .34s cubic-bezier(.25,.1,.25,1),
    border-color .14s cubic-bezier(.25,.1,.25,1),
    background-color .18s ease!important;
  will-change:transform!important;
}
.portfolio-dashboard :is(.portfolio-ref-card,.portfolio-overview-card,.portfolio-section-card,.portfolio-about__card):hover{
  transform:translateY(-1px) scale(.97)!important;
  background:rgba(255,255,255,.99)!important;
  border-color:rgba(23,25,25,.38)!important;
  box-shadow:
    rgba(15,16,16,.05) 0 1px 1.5px 0,
    rgba(15,16,16,.44) 0 22px 44px -20px!important;
}
/* Light mode: 1px dark-brown palette border + soft drop shadow on all bento cards.
   Extra .portfolio-dashboard qualifiers raise specificity above the shared
   light-surface rule (whose :is() list includes a class+attribute selector). */
.portfolio-dashboard.portfolio-dashboard:not([data-theme="dark"]) :is(.portfolio-ref-card,.portfolio-overview-card,.portfolio-section-card,.portfolio-about__card){
  border-color:#7E5B47!important;
  box-shadow:
    0 1px 2px rgba(15,16,16,.06),
    0 12px 28px -14px rgba(126,91,71,.30)!important;
}
.portfolio-dashboard.portfolio-dashboard:not([data-theme="dark"]) :is(.portfolio-ref-card,.portfolio-overview-card,.portfolio-section-card,.portfolio-about__card):hover{
  border-color:#7E5B47!important;
  box-shadow:
    0 2px 4px rgba(15,16,16,.08),
    0 20px 42px -16px rgba(126,91,71,.38)!important;
}
.portfolio-dashboard .portfolio-section-card{
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:6px 10px!important;
  padding:14px 15px!important;
}
.portfolio-dashboard .portfolio-section-card__icon{
  width:34px!important;
  height:34px!important;
  border-radius:10px!important;
  background:#7E5B47!important;
  color:#fff!important;
  transition:transform .34s cubic-bezier(.2,.8,.2,1)!important;
}
.portfolio-dashboard .portfolio-section-card:hover .portfolio-section-card__icon{
  transform:translateY(-1px) rotate(-3deg)!important;
}
.portfolio-dashboard .portfolio-section-card h2{
  margin:1px 28px 0 0!important;
  color:#171919!important;
  font:600 16px/18.4px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
}
.portfolio-dashboard .portfolio-section-card p{
  margin:5px 0 0!important;
  color:#585B5B!important;
  font:400 11.5px/16.675px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-ref-card,.portfolio-overview-card,.portfolio-section-card,.portfolio-about__card){
  background:rgba(27,29,29,.85)!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:
    rgba(255,255,255,.035) 0 1px 1.5px 0,
    rgba(0,0,0,.58) 0 20px 44px -20px!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-ref-card,.portfolio-overview-card,.portfolio-section-card,.portfolio-about__card):hover{
  background:rgba(27,29,29,.85)!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:
    rgba(255,255,255,.045) 0 1px 1.5px 0,
    rgba(0,0,0,.66) 0 24px 48px -20px!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-section-card h2{color:#f4f7fb!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-section-card p{color:#A9ADAD!important}
@media(max-width:900px){
  .portfolio-dashboard :is(.portfolio-ref-card,.portfolio-overview-card,.portfolio-section-card,.portfolio-about__card){
    border-radius:18px!important;
  }
  .portfolio-dashboard .portfolio-section-card{
    padding:10px 11px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .portfolio-dashboard :is(.portfolio-ref-card,.portfolio-overview-card,.portfolio-section-card,.portfolio-about__card){
    transition:none!important;
  }
  .portfolio-dashboard :is(.portfolio-ref-card,.portfolio-overview-card,.portfolio-section-card,.portfolio-about__card):hover{
    transform:none!important;
  }
}


/* Lock dark bento surface opacity in both resting and interactive states. */
html body .portfolio-dashboard[data-theme="dark"] .portfolio-ref-card,
html body .portfolio-dashboard[data-theme="dark"] .portfolio-overview-card,
html body .portfolio-dashboard[data-theme="dark"] .portfolio-section-card,
html body .portfolio-dashboard[data-theme="dark"] .portfolio-about__card{
  background-color:rgba(27,29,29,.85)!important;
  background-image:none!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
}
html body .portfolio-dashboard[data-theme="dark"] .portfolio-ref-card:hover,
html body .portfolio-dashboard[data-theme="dark"] .portfolio-overview-card:hover,
html body .portfolio-dashboard[data-theme="dark"] .portfolio-section-card:hover,
html body .portfolio-dashboard[data-theme="dark"] .portfolio-about__card:hover{
  background-color:rgba(27,29,29,.85)!important;
  background-image:none!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
}


/* === Portfolio motion system v1: shared Overview + section-card behavior === */
.portfolio-dashboard .portfolio-ref-reel-track,
.portfolio-dashboard .portfolio-ref-chip-track{
  animation-play-state:paused!important;
}
.portfolio-dashboard .portfolio-ref-card:is(:hover,:focus-within) .portfolio-ref-reel-track,
.portfolio-dashboard .portfolio-ref-card:is(:hover,:focus-within) .portfolio-ref-chip-track{
  animation-play-state:running!important;
}
.portfolio-dashboard .portfolio-ref-reel{
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)!important;
  mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)!important;
}
.portfolio-dashboard .portfolio-ref-chips{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)!important;
}
.portfolio-dashboard .portfolio-section-card{
  overflow:hidden!important;
}
.portfolio-dashboard .portfolio-section-card__content{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.portfolio-dashboard .portfolio-section-motion{
  position:relative!important;
  min-width:0!important;
  margin-top:13px!important;
  overflow:hidden!important;
  border-top:1px solid var(--hero-line)!important;
  padding-top:11px!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)!important;
}
.portfolio-dashboard .portfolio-section-motion--marquee{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-height:71px!important;
}
.portfolio-dashboard .portfolio-section-motion__row{
  height:29px!important;
  overflow:hidden!important;
}
.portfolio-dashboard .portfolio-section-motion__track{
  display:flex!important;
  width:max-content!important;
  min-width:max-content!important;
  animation:portfolio-section-marquee 30s linear infinite!important;
  will-change:transform!important;
}
.portfolio-dashboard .portfolio-section-motion__row.is-reverse .portfolio-section-motion__track{
  animation-direction:reverse!important;
  animation-duration:34s!important;
}
.portfolio-dashboard .portfolio-section-motion__group{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:7px!important;
  padding-right:7px!important;
}
.portfolio-dashboard .portfolio-section-motion__chip{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:7px!important;
  height:29px!important;
  padding:0 10px!important;
  border:1px solid var(--hero-line)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.76)!important;
  color:var(--hero-ink)!important;
  white-space:nowrap!important;
}
.portfolio-dashboard .portfolio-section-motion__chip i{
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#7E5B47!important;
  box-shadow:0 0 0 3px rgba(126,91,71,.10)!important;
}
.portfolio-dashboard .portfolio-section-motion__chip strong{
  font-size:9.5px!important;
  line-height:1!important;
  font-weight:720!important;
}
@keyframes portfolio-section-marquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
.portfolio-dashboard .portfolio-section-motion--reel{
  height:78px!important;
  padding-top:10px!important;
}
.portfolio-dashboard .portfolio-section-motion__reel-track{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  width:100%!important;
  animation:portfolio-section-reel 20s linear infinite!important;
  will-change:transform!important;
}
.portfolio-dashboard .portfolio-section-motion__reel-group{
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
}
.portfolio-dashboard .portfolio-section-motion__reel-item{
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  align-items:center!important;
  gap:9px!important;
  min-height:31px!important;
  padding:0 10px!important;
  border:1px solid var(--hero-line)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.76)!important;
  color:var(--hero-ink)!important;
  box-shadow:0 10px 22px -20px rgba(23,25,29,.5)!important;
}
.portfolio-dashboard .portfolio-section-motion__reel-item b{
  color:#7E5B47!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.08em!important;
}
.portfolio-dashboard .portfolio-section-motion__reel-item strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:9.75px!important;
  line-height:1!important;
  font-weight:720!important;
}
@keyframes portfolio-section-reel{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(0,calc(-50% - 3.5px),0)}
}
.portfolio-dashboard .portfolio-section-card:is(:hover,:focus-within) :is(
  .portfolio-section-motion__track,
  .portfolio-section-motion__reel-track
){
  animation-play-state:paused!important;
}
.portfolio-dashboard .portfolio-section-strip{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  padding:9px 0!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%)!important;
}
.portfolio-dashboard .portfolio-section-strip__track{
  display:flex!important;
  width:max-content!important;
  min-width:max-content!important;
  animation:portfolio-section-strip 28s linear infinite!important;
  will-change:transform!important;
}
.portfolio-dashboard .portfolio-section-strip__track.is-reverse{
  animation-direction:reverse!important;
  animation-duration:32s!important;
}
.portfolio-dashboard .portfolio-section-strip__group{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:8px!important;
  padding-right:8px!important;
}
.portfolio-dashboard .portfolio-section-strip:is(:hover,:focus-within) .portfolio-section-strip__track{
  animation-play-state:paused!important;
}
@keyframes portfolio-section-strip{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
.portfolio-dashboard[data-theme="dark"] .portfolio-section-motion__chip,
.portfolio-dashboard[data-theme="dark"] .portfolio-section-motion__reel-item{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:var(--hero-ink)!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-section-card:is(:hover,:focus-within){
  border-color:rgba(185,154,136,.42)!important;
  box-shadow:0 24px 50px -34px rgba(0,0,0,.72)!important;
}
.portfolio-dashboard .portfolio-about__credential{
  transition:
    transform .34s cubic-bezier(.22,1,.36,1),
    border-color .24s cubic-bezier(.22,1,.36,1),
    box-shadow .34s cubic-bezier(.22,1,.36,1)!important;
}
.portfolio-dashboard .portfolio-about__credential:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(126,91,71,.34)!important;
  box-shadow:0 22px 42px -32px rgba(23,25,25,.46)!important;
}
@media(max-width:900px){
  .portfolio-dashboard .portfolio-section-card{min-height:170px!important}
  .portfolio-dashboard .portfolio-section-motion--marquee{min-height:65px!important}
  .portfolio-dashboard .portfolio-section-motion--reel{height:72px!important}
}
@media(prefers-reduced-motion:reduce){
  .portfolio-dashboard :is(
    .portfolio-ref-reel-track,
    .portfolio-ref-chip-track,
    .portfolio-section-motion__track,
    .portfolio-section-motion__reel-track,
    .portfolio-section-strip__track
  ){
    animation:none!important;
    transform:none!important;
    translate:none!important;
  }
  .portfolio-dashboard :is(
    .portfolio-section-motion__group:nth-child(2),
    .portfolio-section-motion__reel-group:nth-child(2),
    .portfolio-section-strip__group:nth-child(2)
  ){display:none!important}
}
html.a11y-reduce-motion .portfolio-dashboard :is(
  .portfolio-ref-reel-track,
  .portfolio-ref-chip-track,
  .portfolio-section-motion__track,
  .portfolio-section-motion__reel-track,
  .portfolio-section-strip__track
){
  animation:none!important;
  transform:none!important;
  translate:none!important;
}
html.a11y-reduce-motion .portfolio-dashboard :is(
  .portfolio-section-motion__group:nth-child(2),
  .portfolio-section-motion__reel-group:nth-child(2),
  .portfolio-section-strip__group:nth-child(2)
){display:none!important}


/* Motion-system polish: preserve hidden labels and match Overview accent grammar. */
.portfolio-dashboard .portfolio-section-page__eyebrow{
  color:#7E5B47!important;
}
.portfolio-dashboard .portfolio-section-card__icon{
  background:#7E5B47!important;
  color:#fff!important;
}
.portfolio-dashboard .portfolio-section-strip>.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  display:block!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-section-page__eyebrow{
  color:#B99A88!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-section-card__icon{
  background:#7E5B47!important;
  color:#fff!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-section-motion__chip i{
  background:#B99A88!important;
  box-shadow:0 0 0 3px rgba(185,154,136,.10)!important;
}


/* === Imported interaction effects, standardized for Hero === */
/* Settings/menu-row effect: focus rail item, soften siblings, reveal left accent. */
@media(min-width:901px){
  .portfolio-dashboard .rail__nav ul:hover .rail__link:not(:hover):not(.active){
    filter:blur(1.15px)!important;
    transform:scale(.975)!important;
    opacity:.72!important;
  }
}
.portfolio-dashboard .rail__link{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  transition:
    color .18s cubic-bezier(.22,1,.36,1),
    background .18s cubic-bezier(.22,1,.36,1),
    transform .30s cubic-bezier(.34,1.56,.64,1),
    filter .30s ease,
    opacity .30s ease!important;
}
.portfolio-dashboard .rail__link::before{
  content:""!important;
  position:absolute!important;
  top:8px!important;
  left:-10px!important;
  width:4px!important;
  height:calc(100% - 16px)!important;
  border-radius:999px!important;
  background:#7E5B47!important;
  opacity:0!important;
  transform:scaleY(.45)!important;
  transform-origin:center!important;
  transition:opacity .18s ease,transform .30s cubic-bezier(.34,1.56,.64,1)!important;
}
.portfolio-dashboard .rail__link:is(:hover,:focus-visible){
  background:rgba(126,91,71,.09)!important;
  color:#7E5B47!important;
  transform:translateX(2px)!important;
  filter:none!important;
  opacity:1!important;
  outline:none!important;
}
.portfolio-dashboard .rail__link:is(.active,[aria-current="page"])::before,
.portfolio-dashboard .rail__link:focus-visible::before{
  opacity:1!important;
  transform:scaleY(1)!important;
}
.portfolio-dashboard .rail__link:is(.active,[aria-current="page"]){
  background:rgba(126,91,71,.11)!important;
  color:#7E5B47!important;
}
.portfolio-dashboard[data-theme="dark"] .rail__link:is(:hover,:focus-visible,.active,[aria-current="page"]){
  background:rgba(185,154,136,.14)!important;
  color:#B99A88!important;
}
.portfolio-dashboard[data-theme="dark"] .rail__link::before{
  background:#B99A88!important;
}

/* Social effect: bottom-up fill + color inversion + rising tooltip. */
.portfolio-dashboard .rail__socials{
  overflow:visible!important;
}
.portfolio-dashboard .portfolio-social-item{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  overflow:visible!important;
}
.portfolio-dashboard .portfolio-social{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
.portfolio-dashboard .portfolio-social__filled{
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:0!important;
  border-radius:inherit!important;
  background:#7E5B47!important;
  transition:height .30s ease-in-out!important;
}
.portfolio-dashboard .portfolio-social>.ph{
  position:relative!important;
  z-index:1!important;
  transition:color .30s ease-in-out,transform .30s cubic-bezier(.34,1.56,.64,1)!important;
}
.portfolio-dashboard .portfolio-social:is(:hover,:focus-visible){
  color:#fff!important;
  box-shadow:0 10px 28px -16px rgba(126,91,71,.52)!important;
  outline:none!important;
}
.portfolio-dashboard .portfolio-social:is(:hover,:focus-visible) .portfolio-social__filled{
  height:100%!important;
}
.portfolio-dashboard .portfolio-social:is(:hover,:focus-visible)>.ph{
  color:#fff!important;
  transform:scale(1.08)!important;
}
.portfolio-dashboard .portfolio-social__tooltip{
  position:absolute!important;
  z-index:20!important;
  left:50%!important;
  top:-30px!important;
  transform:translateX(-50%) translateY(6px)!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  background:#7E5B47!important;
  color:#fff!important;
  box-shadow:0 12px 26px -14px rgba(23,25,25,.5)!important;
  font:700 10px/1 Poppins,system-ui,sans-serif!important;
  white-space:nowrap!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .24s ease,visibility .24s ease,transform .30s cubic-bezier(.22,1,.36,1),top .30s cubic-bezier(.22,1,.36,1)!important;
}
.portfolio-dashboard .portfolio-social-item:is(:hover,:focus-within) .portfolio-social__tooltip{
  top:-43px!important;
  transform:translateX(-50%) translateY(0)!important;
  opacity:1!important;
  visibility:visible!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-social__filled,
.portfolio-dashboard[data-theme="dark"] .portfolio-social__tooltip{
  background:#B99A88!important;
}
@media(prefers-reduced-motion:reduce){
  .portfolio-dashboard .rail__nav ul:hover .rail__link:not(:hover):not(.active){
    filter:none!important;
    transform:none!important;
    opacity:1!important;
  }
  .portfolio-dashboard .portfolio-social__filled,
  .portfolio-dashboard .portfolio-social>.ph,
  .portfolio-dashboard .portfolio-social__tooltip,
  .portfolio-dashboard .rail__link,
  .portfolio-dashboard .rail__link::before{
    transition:none!important;
  }
}
html.a11y-reduce-motion .portfolio-dashboard .rail__nav ul:hover .rail__link:not(:hover):not(.active){
  filter:none!important;
  transform:none!important;
  opacity:1!important;
}
html.a11y-reduce-motion .portfolio-dashboard :is(.portfolio-social__filled,.portfolio-social>.ph,.portfolio-social__tooltip,.rail__link,.rail__link::before){
  transition:none!important;
}


/* Social icons: quiet static chips, no button effect — v7.
   Kills the rising fill, hover scale/shadow and tooltip; icons are the lighter
   regular Phosphor weight on the rail's own soft chip. Any leftover filled/
   tooltip nodes from a cached render are hidden defensively. */
.portfolio-dashboard .portfolio-social__filled,
.portfolio-dashboard .portfolio-social__tooltip{
  display:none!important;
}
.portfolio-dashboard .portfolio-social>i{
  transition:color .2s ease!important;
  transform:none!important;
}
.portfolio-dashboard .portfolio-social:is(:hover,:focus-visible){
  box-shadow:inset 0 0 0 1px rgba(15,16,16,.12)!important;
  transform:none!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-social:is(:hover,:focus-visible){
  box-shadow:inset 0 0 0 1px var(--hero-line)!important;
}
.portfolio-dashboard .portfolio-social:is(:hover,:focus-visible)>i{
  transform:none!important;
  color:#7E5B47!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-social:is(:hover,:focus-visible)>i{
  color:#B99A88!important;
}


/* QA: dark-mode secondary text contrast */
.portfolio-dashboard[data-theme="dark"]{
  --hero-muted:#A9ADAD!important;
  --dash-muted:#A9ADAD!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-contact-form :is(input,textarea)::placeholder,
.portfolio-dashboard[data-theme="dark"] .portfolio-about__credentials-head p,
.portfolio-dashboard[data-theme="dark"] .portfolio-about__credential time,
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-detail-grid small,
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-shot__content small,
.portfolio-dashboard[data-theme="dark"] .portfolio-workflow small,
html[data-theme="dark"] body .a11y__switch-desc{
  color:#A9ADAD!important;
}


/* Item 3: brown icon backgrounds on Overview + section reference icons,
   matching the section-card icons. Clay in light, keep the same clay in dark
   with a slightly lifted glyph — overrides the earlier neutral chips. */
.portfolio-dashboard :is(.portfolio-ref-icon,.portfolio-overview-card__icon,.portfolio-section-card__icon){
  background:#7E5B47!important;
  color:#fff!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-ref-icon,.portfolio-overview-card__icon,.portfolio-section-card__icon){
  background:#7E5B47!important;
  color:#fff!important;
}
.portfolio-dashboard :is(.portfolio-ref-icon,.portfolio-overview-card__icon) i{
  color:#fff!important;
}

/* ===== Automation & Systems — gravity-failure physics experience ===== */
.portfolio-dashboard .portfolio-auto-sys{
  position:relative!important;
  width:100%!important;height:100%!important;min-height:0!important;
  padding:clamp(20px,3vw,40px)!important;overflow:auto!important;
  color:var(--hero-ink)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI",Poppins,sans-serif!important;
}
/* State-driven visibility */
.portfolio-auto-sys .auto-sys__stage{display:none}
.portfolio-auto-sys[data-state="normal"] .auto-sys__stage,
.portfolio-auto-sys[data-state="chaos"] .auto-sys__stage,
.portfolio-auto-sys[data-state="restoring"] .auto-sys__stage,
.portfolio-auto-sys[data-state="complete"] .auto-sys__stage{display:block}
.portfolio-auto-sys:not([data-state="intro"]) .auto-sys__intro{display:none}

/* Intro gate */
.auto-sys__intro{margin:auto;max-width:560px;min-height:min(60vh,420px);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.auto-sys__eyebrow{color:#787C7C;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.auto-sys__intro-title{font-size:clamp(32px,5.4vw,56px);line-height:.98;letter-spacing:-.045em;font-weight:760;margin:0;color:var(--hero-ink)}
.auto-sys__intro-sub{color:var(--hero-muted);font-size:clamp(16px,2vw,20px);letter-spacing:-.01em;margin:0}
.auto-sys__intro-actions{margin-top:10px}
.auto-sys__continue{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:999px;font-size:14px;font-weight:660;background:#7E5B47;color:#fff;box-shadow:0 6px 18px rgba(126,91,71,.28);transition:transform .2s,box-shadow .2s}
.auto-sys__continue:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(126,91,71,.34)}
.auto-sys__continue:focus-visible{outline:2px solid #7E5B47;outline-offset:3px}
.auto-sys__skip{appearance:none;-webkit-appearance:none;border:0;background:transparent;cursor:pointer;color:#9a9e9e;font-size:12px;font-weight:600;letter-spacing:.02em;padding:4px 8px;margin-top:2px;text-decoration:underline;text-underline-offset:3px}
.auto-sys__skip:hover{color:var(--hero-muted)}
.auto-sys__skip:focus-visible{outline:2px solid #7E5B47;outline-offset:3px;border-radius:6px}

/* Stage + real content (also the restored, usable section) */
.auto-sys__stage{position:relative;max-width:940px;margin:0 auto;width:100%}
.portfolio-auto-sys[data-state="normal"] .auto-sys__stage{animation:autoSysReveal .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes autoSysReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.auto-sys__header{margin:0 0 20px;max-width:60ch}
.auto-sys__tag{color:#7E5B47;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.auto-sys__title{font-size:clamp(24px,3.4vw,38px);line-height:1.02;letter-spacing:-.04em;font-weight:750;margin:8px 0 10px;color:var(--hero-ink)}
.auto-sys__lead{font-size:14px;line-height:1.55;color:var(--hero-muted);margin:0}
.auto-sys__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
/* Card shell mirrors .portfolio-ref-card; inner .portfolio-ref-* sub-components
   (head/label/icon/arrow/detail-grid) are reused verbatim so the bento — and its
   dark-theme treatment — matches the rest of the site. No :hover transform here:
   these become physics bodies and must not fight the inline transform. */
.auto-sys__card{display:flex;flex-direction:column;gap:11px;background:rgb(251,251,247);border:1px solid rgba(23,25,25,.28);border-radius:22px;padding:14px 15px;box-shadow:rgba(15,16,16,.05) 0 1px 1.5px 0,rgba(15,16,16,.28) 0 16px 36px -22px;color:rgb(23,25,25);text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI",Poppins,sans-serif}
.auto-sys__card .portfolio-ref-head{gap:6px}
.auto-sys__card-kind{color:#7E5B47;font-size:9.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
/* Gentle lift only when usable (never mid-simulation, where is-physics is set). */
.portfolio-auto-sys:not(.is-physics) .auto-sys__card--product{transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s cubic-bezier(.25,.1,.25,1)}
.portfolio-auto-sys:not(.is-physics) .auto-sys__card--product:hover{transform:translateY(-2px);box-shadow:rgba(15,16,16,.05) 0 1px 1.5px 0,rgba(15,16,16,.42) 0 22px 44px -20px}
.portfolio-auto-sys:not(.is-physics) .auto-sys__card--product:hover .portfolio-ref-arrow{transform:translate(3px,-3px)}
/*__AS2__*/
.auto-sys__chips,.auto-sys__tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.auto-sys__chip{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:600;color:var(--hero-ink);background:rgb(251,251,247);border:1px solid rgba(23,25,25,.22);box-shadow:rgba(15,16,16,.05) 0 1px 1.5px 0}
.auto-sys__tool{display:inline-flex;align-items:center;padding:6px 11px;border-radius:8px;font-size:11px;font-weight:600;letter-spacing:.01em;color:var(--hero-muted);background:rgba(23,25,25,.05);border:1px solid rgba(23,25,25,.1)}
.auto-sys__cta{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-size:13px;font-weight:640;text-decoration:none;cursor:pointer;background:#7E5B47;color:#fff;box-shadow:0 6px 18px rgba(126,91,71,.28);transition:transform .2s,box-shadow .2s}
.auto-sys__cta:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(126,91,71,.34)}
.auto-sys__cta:focus-visible{outline:2px solid #7E5B47;outline-offset:3px}

/* Floating bodies during the simulation */
.portfolio-auto-sys.is-physics .auto-sys__stage{overflow:visible}
.auto-sys__body{position:absolute;top:0;left:0;margin:0!important;box-sizing:border-box;touch-action:none;will-change:transform;cursor:grab;z-index:1}
.auto-sys__body.is-grabbed{cursor:grabbing;z-index:20;box-shadow:0 18px 40px -14px rgba(15,16,16,.5)}
.portfolio-auto-sys.is-physics .auto-sys__chips,
.portfolio-auto-sys.is-physics .auto-sys__tools,
.portfolio-auto-sys.is-physics .auto-sys__cards{display:block;margin:0}

/* Floating "do it manually?" prompt — non-blocking */
.auto-sys__prompt[hidden]{display:none}
.auto-sys__prompt{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:14px;padding:12px 14px 12px 20px;border-radius:16px;background:rgba(251,251,247,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(23,25,25,.14);box-shadow:0 18px 44px -18px rgba(15,16,16,.5);animation:autoSysPrompt .4s cubic-bezier(.2,.8,.2,1) both;max-width:calc(100vw - 32px)}
@keyframes autoSysPrompt{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}
.auto-sys__prompt-copy{margin:0;font-size:13.5px;font-weight:560;color:var(--hero-ink);white-space:nowrap}
.auto-sys__automate{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;flex:0 0 auto;padding:10px 18px;border-radius:999px;font-size:13px;font-weight:660;background:#7E5B47;color:#fff;box-shadow:0 6px 16px rgba(126,91,71,.3);transition:transform .2s,box-shadow .2s}
.auto-sys__automate:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(126,91,71,.36)}
.auto-sys__automate:focus-visible{outline:2px solid #7E5B47;outline-offset:3px}
/*__AS3__*/
/* Payoff — closing copy after restoration */
.auto-sys__payoff[hidden]{display:none}
.auto-sys__payoff{max-width:640px;margin:30px auto 10px;text-align:center;animation:autoSysReveal .55s cubic-bezier(.2,.8,.2,1) both}
.auto-sys__payoff-kicker{display:block;color:#7E5B47;font-size:clamp(20px,3vw,28px);font-weight:760;letter-spacing:-.02em;margin-bottom:10px}
.auto-sys__payoff-line{margin:0 auto 12px;max-width:52ch;font-size:15px;line-height:1.55;color:var(--hero-muted);outline:none}
.auto-sys__payoff-strong{margin:0 auto 18px;font-size:clamp(20px,3vw,28px);line-height:1.1;letter-spacing:-.03em;font-weight:740;color:var(--hero-ink)}
.auto-sys__payoff-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.auto-sys__replay{appearance:none;-webkit-appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:12px 18px;border-radius:999px;font-size:13px;font-weight:620;border:0;background:rgba(23,25,25,.06);color:var(--hero-ink);box-shadow:inset 0 0 0 1px rgba(23,25,25,.1);transition:transform .2s,background .2s}
.auto-sys__replay:hover{transform:translateY(-1px);background:rgba(23,25,25,.1)}
.auto-sys__replay:focus-visible{outline:2px solid #7E5B47;outline-offset:3px}

/* Reduced-motion: restrained nudge instead of a full simulation */
.portfolio-auto-sys.is-reduced .auto-sys__card{transition:transform .4s ease}
.portfolio-auto-sys.is-reduced .auto-sys__card:nth-child(1){transform:translateY(6px) rotate(-1.4deg)}
.portfolio-auto-sys.is-reduced .auto-sys__card:nth-child(2){transform:translateY(9px) rotate(1.1deg)}
.portfolio-auto-sys.is-reduced .auto-sys__card:nth-child(3){transform:translateY(4px) rotate(.8deg)}

/* Dark theme — match the site's dark bento surface exactly (.portfolio-ref-card). */
html body .portfolio-dashboard[data-theme="dark"] .auto-sys__card{background:rgba(27,29,29,.85)!important;background-image:none!important;border-color:rgba(255,255,255,.20)!important;-webkit-backdrop-filter:blur(14px) saturate(115%);backdrop-filter:blur(14px) saturate(115%);box-shadow:rgba(255,255,255,.035) 0 1px 1.5px 0,rgba(0,0,0,.58) 0 20px 44px -20px!important}
.portfolio-dashboard[data-theme="dark"] .auto-sys__card .portfolio-ref-label h3{color:#f4f7fb!important}
.portfolio-dashboard[data-theme="dark"] :is(.auto-sys__intro-title,.auto-sys__title,.auto-sys__payoff-strong){color:#f4f7fb}
.portfolio-dashboard[data-theme="dark"] :is(.auto-sys__tag,.auto-sys__card-kind,.auto-sys__payoff-kicker){color:#d9c3b6}
.portfolio-dashboard[data-theme="dark"] .auto-sys__chip{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#f4f7fb}
.portfolio-dashboard[data-theme="dark"] .auto-sys__tool{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#A9ADAD}
.portfolio-dashboard[data-theme="dark"] :is(.auto-sys__continue,.auto-sys__cta,.auto-sys__automate){background:#B99A88;color:#1b1d1d;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.portfolio-dashboard[data-theme="dark"] .auto-sys__replay{background:rgba(255,255,255,.06);color:#f4f7fb;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.portfolio-dashboard[data-theme="dark"] .auto-sys__prompt{background:rgba(27,29,29,.88);border-color:rgba(255,255,255,.12)}
.portfolio-dashboard[data-theme="dark"] .auto-sys__prompt-copy{color:#f4f7fb}

/* Mobile */
@media(max-width:640px){
  .auto-sys__cards{grid-template-columns:1fr}
  .auto-sys__prompt{flex-direction:column;gap:10px;padding:14px 16px;align-items:stretch;text-align:center;left:16px;right:16px;transform:none;max-width:none}
  @keyframes autoSysPrompt{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
  .auto-sys__prompt-copy{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .auto-sys__stage,.auto-sys__payoff,.auto-sys__prompt{animation:none!important}
}


/* ===== Automation stable section — square Engineering-style bento ===== */
.portfolio-auto-sys[data-state="stable"]{
  padding:clamp(18px,2.6vw,30px)!important;
  overflow:auto!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__stage--square{
  display:flex!important;
  flex-direction:column!important;
  width:min(100%,980px)!important;
  max-width:980px!important;
  min-height:100%!important;
  margin:0 auto!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__stable-head{
  flex:0 0 auto!important;
  margin:0 0 12px!important;
  padding:0 4px!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__stable-title{
  margin:0!important;
  color:var(--dash-ink,var(--hero-ink))!important;
  font:700 clamp(26px,2.8vw,40px)/1 'Poppins',system-ui,sans-serif!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__square-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card{
  aspect-ratio:1/1!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:13px 14px!important;
  border-radius:22px!important;
  background:rgb(251,251,247)!important;
  border:1px solid rgba(23,25,25,.28)!important;
  box-shadow:
    rgba(15,16,16,.05) 0 1px 1.5px 0,
    rgba(15,16,16,.38) 0 18px 40px -20px!important;
  color:rgb(23,25,25)!important;
  text-decoration:none!important;
  transform:translateZ(0)!important;
  transition:
    transform .34s cubic-bezier(.2,.8,.2,1),
    box-shadow .34s cubic-bezier(.25,.1,.25,1),
    border-color .14s cubic-bezier(.25,.1,.25,1)!important;
}
.portfolio-auto-sys[data-state="stable"]:not(.is-physics) .auto-sys__card:hover{
  transform:translateY(-2px) scale(.985)!important;
  border-color:rgba(23,25,25,.38)!important;
  box-shadow:
    rgba(15,16,16,.05) 0 1px 1.5px 0,
    rgba(15,16,16,.46) 0 24px 46px -20px!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-head{
  flex:0 0 auto!important;
  gap:5px!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-label{
  padding-right:20px!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-icon{
  flex-basis:32px!important;
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-icon .ph{
  font-size:18px!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-label h3{
  font-size:14px!important;
  line-height:1.15!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-head p{
  max-width:none!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
  font-size:10.5px!important;
  line-height:1.42!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card-kind{
  margin-top:1px!important;
  font-size:8.5px!important;
  line-height:1.2!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-detail-grid{
  margin-top:auto!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-detail-grid>span{
  min-height:48px!important;
  padding:8px!important;
  grid-template-columns:18px minmax(0,1fr)!important;
  column-gap:6px!important;
  border-radius:11px!important;
  transform:translateY(0)!important;
  transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease!important;
  animation:autoSysInnerFloat 5.6s ease-in-out infinite!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-detail-grid>span:nth-child(2){animation-delay:-1.4s!important}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-detail-grid>span:nth-child(3){animation-delay:-2.8s!important}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-detail-grid>span:nth-child(4){animation-delay:-4.2s!important}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card:hover .portfolio-ref-detail-grid>span{
  animation-play-state:paused!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card:hover .portfolio-ref-detail-grid>span:nth-child(odd){
  transform:translateY(-2px)!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card:hover .portfolio-ref-detail-grid>span:nth-child(even){
  transform:translateY(2px)!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-detail-grid .ph{
  font-size:15px!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-detail-grid b{
  font-size:9.5px!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-detail-grid small{
  font-size:7.5px!important;
}
@keyframes autoSysInnerFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -3px}
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__stable-tagline{
  flex:0 0 auto!important;
  margin:12px 0 0!important;
  padding:0 4px 2px!important;
  color:#787C7C!important;
  font:500 clamp(13px,1vw,15px)/1.35 'Poppins',system-ui,sans-serif!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-auto-sys[data-state="stable"] .auto-sys__stable-title{
  color:#f4f4f1!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-auto-sys[data-state="stable"] .auto-sys__stable-tagline{
  color:#a9adad!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-auto-sys[data-state="stable"] .auto-sys__card{
  background:rgba(27,29,29,.85)!important;
  border-color:rgba(255,255,255,.20)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
}
@media(max-width:1100px) and (min-width:701px){
  .portfolio-auto-sys[data-state="stable"] .auto-sys__square-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:700px){
  .portfolio-auto-sys[data-state="stable"]{padding:18px 16px 92px!important}
  .portfolio-auto-sys[data-state="stable"] .auto-sys__stable-title{font-size:clamp(25px,8vw,34px)!important}
  .portfolio-auto-sys[data-state="stable"] .auto-sys__square-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .portfolio-auto-sys[data-state="stable"] .auto-sys__card{
    padding:11px!important;
    border-radius:18px!important;
  }
  .portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-head p{
    -webkit-line-clamp:2!important;
    font-size:9.5px!important;
  }
  .portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-detail-grid>span{
    min-height:42px!important;
    padding:6px!important;
  }
  .portfolio-auto-sys[data-state="stable"] .auto-sys__stable-tagline{
    white-space:normal!important;
    max-width:34ch!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-detail-grid>span{
    animation:none!important;
    translate:none!important;
  }
}
html.a11y-reduce-motion .portfolio-auto-sys[data-state="stable"] .auto-sys__card .portfolio-ref-detail-grid>span{
  animation:none!important;
  translate:none!important;
}


/* ===== Automation & Systems — approved dense mosaic v3 ===== */
.portfolio-auto-sys[data-state="stable"]{
  padding:clamp(18px,2.4vw,28px)!important;
  overflow:auto!important;
}
.portfolio-auto-sys[data-state="stable"] .auto-sys__stage--mosaic{
  display:flex!important;
  flex-direction:column!important;
  width:min(100%,1080px)!important;
  max-width:1080px!important;
  margin:0 auto!important;
  min-height:100%!important;
}
.auto-mosaic__head{margin:0 0 14px!important;padding:0 3px!important}
.auto-mosaic__title{
  margin:0!important;
  color:var(--dash-ink,var(--hero-ink))!important;
  font:700 clamp(27px,2.8vw,40px)/1 'Poppins',system-ui,sans-serif!important;
  letter-spacing:-.045em!important;
  white-space:nowrap!important;
}
.auto-mosaic{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-auto-rows:76px!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
}
.auto-mosaic__card,.auto-mosaic__mini{
  position:relative!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  padding:14px 15px!important;
  border-radius:22px!important;
  background:rgb(251,251,247)!important;
  border:1px solid rgba(23,25,25,.28)!important;
  box-shadow:rgba(15,16,16,.05) 0 1px 1.5px 0,rgba(15,16,16,.36) 0 18px 40px -22px!important;
  color:rgb(23,25,25)!important;
  text-decoration:none!important;
  transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s cubic-bezier(.25,.1,.25,1),border-color .18s ease!important;
}
.portfolio-auto-sys[data-state="stable"]:not(.is-physics) :is(.auto-mosaic__card,.auto-mosaic__mini):hover{
  transform:translateY(-2px) scale(.988)!important;
  border-color:rgba(23,25,25,.38)!important;
  box-shadow:rgba(15,16,16,.05) 0 1px 1.5px 0,rgba(15,16,16,.46) 0 24px 46px -20px!important;
}
.auto-mosaic__card--automations{grid-column:span 6!important;grid-row:span 4!important;display:flex!important;flex-direction:column!important}
.auto-mosaic__card--plan{grid-column:span 4!important;grid-row:span 4!important;display:flex!important;flex-direction:column!important}
.auto-mosaic__micro-stack{
  grid-column:span 2!important;
  grid-row:span 4!important;
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  min-width:0!important;
}
.auto-mosaic__card--sites,.auto-mosaic__card--agents,.auto-mosaic__card--apps{
  grid-column:span 4!important;
  grid-row:span 3!important;
  display:flex!important;
  flex-direction:column!important;
}
.auto-mosaic>.auto-mosaic__mini{
  grid-column:span 3!important;
  grid-row:span 2!important;
}
.auto-mosaic__card .portfolio-ref-head{gap:6px!important;z-index:2!important}
.auto-mosaic__card .portfolio-ref-label h3{font-size:15px!important;line-height:1.15!important}
.auto-mosaic__card .portfolio-ref-head p{max-width:34ch!important;font-size:11px!important;line-height:1.45!important}
.auto-mosaic__card .portfolio-ref-icon,.auto-mosaic__mini .portfolio-ref-icon{
  width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important;
}
.auto-mosaic__automation-body{
  display:grid!important;
  grid-template-columns:minmax(145px,.8fr) minmax(0,1.2fr)!important;
  gap:12px!important;
  align-items:end!important;
  margin-top:auto!important;
  min-height:0!important;
}
.auto-mosaic__pill-stack{display:flex!important;flex-direction:column!important;gap:7px!important}
.auto-mosaic__pill{
  display:flex!important;align-items:center!important;height:32px!important;gap:7px!important;
  padding:0 12px 0 9px!important;border-radius:999px!important;
  background:#fff!important;box-shadow:rgba(23,25,25,.14) 0 0 0 1px inset!important;
  color:rgb(23,25,25)!important;font:600 12px/18px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
}
.auto-mosaic__pill i{color:#7E5B47!important;font-size:14px!important}
.auto-mosaic__workflow{
  min-height:128px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  padding:12px!important;border-radius:16px!important;
  background:linear-gradient(rgba(23,25,25,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(23,25,25,.04) 1px,transparent 1px),#fff!important;
  background-size:14px 14px!important;box-shadow:rgba(23,25,25,.13) 0 0 0 1px inset!important;
}
.auto-mosaic__workflow>span{
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;
  min-width:62px!important;padding:9px 8px!important;border-radius:11px!important;
  background:#fbfbf7!important;box-shadow:rgba(23,25,25,.15) 0 0 0 1px inset,rgba(15,16,16,.16) 0 8px 18px -14px!important;
  animation:autoMosaicFloat 6s ease-in-out infinite!important;
}
.auto-mosaic__workflow>span:nth-of-type(2){animation-delay:-2s!important}.auto-mosaic__workflow>span:nth-of-type(3){animation-delay:-4s!important}
.auto-mosaic__workflow>span i{font-size:17px!important;color:#7E5B47!important}.auto-mosaic__workflow>span b{font-size:8.5px!important}
.auto-mosaic__workflow>i{font-size:13px!important;color:#a0a4a4!important}
.auto-mosaic__plan{
  position:relative!important;
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  align-content:end!important;
  padding-top:12px!important;
}
.auto-mosaic__plan>span{
  min-height:58px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;
  padding:9px!important;border-radius:12px!important;background:#fff!important;box-shadow:rgba(23,25,25,.14) 0 0 0 1px inset!important;
  animation:autoMosaicFloat 5.8s ease-in-out infinite!important;
}
.auto-mosaic__plan>span:nth-child(2){animation-delay:-1.1s!important}.auto-mosaic__plan>span:nth-child(3){animation-delay:-2.2s!important}.auto-mosaic__plan>span:nth-child(4){animation-delay:-3.3s!important}.auto-mosaic__plan>span:nth-child(5){animation-delay:-4.4s!important}
.auto-mosaic__plan>span i{font-size:16px!important;color:#7E5B47!important}.auto-mosaic__plan>span b{font-size:9px!important}
.auto-mosaic__mini{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 18px!important;
  gap:10px!important;
  align-items:center!important;
  padding:11px 12px!important;
}
.auto-mosaic__mini-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
.auto-mosaic__mini-copy strong{font:650 12px/1.15 inherit!important;color:#171919!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.auto-mosaic__mini-copy small{font:500 9px/1.35 inherit!important;color:#787C7C!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
.auto-mosaic__mini-arrow{font-size:13px!important;color:#7E5B47!important;transition:transform .3s ease!important}
.auto-mosaic__mini:hover .auto-mosaic__mini-arrow{transform:translate(2px,-2px)!important}
.auto-mosaic__project-fan,.auto-mosaic__app-strip{
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  margin-top:10px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:0!important;
}
.auto-mosaic__project,.auto-mosaic__app-strip .auto-mosaic__project{
  display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  width:34%!important;min-height:100px!important;padding:12px!important;border-radius:13px!important;
  background:#fff!important;box-shadow:rgba(23,25,25,.14) 0 0 0 1px inset,rgba(15,16,16,.35) 0 12px 22px -18px!important;
  transform:rotate(-6deg) translateX(10px)!important;transform-origin:center bottom!important;
  transition:transform .34s cubic-bezier(.2,.8,.2,1)!important;
}
.auto-mosaic__project:nth-child(2){z-index:2!important;transform:rotate(0) translateY(-8px)!important}
.auto-mosaic__project:nth-child(3){transform:rotate(6deg) translateX(-10px)!important}
.auto-mosaic__card:hover .auto-mosaic__project:nth-child(1){transform:rotate(-9deg) translate(-4px,-3px)!important}
.auto-mosaic__card:hover .auto-mosaic__project:nth-child(2){transform:rotate(0) translateY(-13px)!important}
.auto-mosaic__card:hover .auto-mosaic__project:nth-child(3){transform:rotate(9deg) translate(4px,-3px)!important}
.auto-mosaic__project b{font-size:10px!important;line-height:1.2!important;color:#171919!important}.auto-mosaic__project small{margin-top:3px!important;font-size:7.5px!important;line-height:1.25!important;color:#787C7C!important}
.auto-mosaic__agent-console{
  margin-top:auto!important;display:flex!important;flex-direction:column!important;gap:7px!important;
  padding:11px!important;border-radius:14px!important;background:#fff!important;box-shadow:rgba(23,25,25,.13) 0 0 0 1px inset!important;
}
.auto-mosaic__agent-console strong{display:flex!important;align-items:center!important;gap:6px!important;font-size:11px!important}
.auto-mosaic__agent-console strong i,.auto-mosaic__agent-console span em{width:6px!important;height:6px!important;border-radius:50%!important;background:#36b86c!important}
.auto-mosaic__agent-console span{display:flex!important;align-items:center!important;gap:7px!important;font-size:9px!important;padding:6px 8px!important;border-radius:9px!important;background:#f5f5f1!important}
.auto-mosaic__agent-console span em{margin-left:auto!important;background:#7E5B47!important}
.auto-mosaic__app-strip .auto-mosaic__project{min-height:108px!important;width:35%!important}
.auto-mosaic__tagline{
  margin:13px 0 0!important;padding:0 3px 2px!important;
  color:#787C7C!important;font:500 clamp(13px,1vw,15px)/1.35 'Poppins',system-ui,sans-serif!important;
  letter-spacing:-.01em!important;text-align:center!important;white-space:nowrap!important;
}
@keyframes autoMosaicFloat{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes autoMosaicBob{0%,100%{translate:0 0}50%{translate:3px 0}}
.portfolio-dashboard[data-theme="dark"] .auto-mosaic__title{color:#f4f4f1!important}
.portfolio-dashboard[data-theme="dark"] :is(.auto-mosaic__card,.auto-mosaic__mini){
  background:rgba(27,29,29,.85)!important;border-color:rgba(255,255,255,.20)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;backdrop-filter:blur(14px) saturate(115%)!important;
}
.portfolio-dashboard[data-theme="dark"] .auto-mosaic__card .portfolio-ref-label h3,
.portfolio-dashboard[data-theme="dark"] .auto-mosaic__mini-copy strong,
.portfolio-dashboard[data-theme="dark"] .auto-mosaic__project b{color:#f4f7fb!important}
.portfolio-dashboard[data-theme="dark"] .auto-mosaic__mini-copy small,
.portfolio-dashboard[data-theme="dark"] .auto-mosaic__tagline{color:#a9adad!important}
.portfolio-dashboard[data-theme="dark"] :is(.auto-mosaic__pill,.auto-mosaic__workflow,.auto-mosaic__workflow>span,.auto-mosaic__plan>span,.auto-mosaic__project,.auto-mosaic__agent-console){
  background:#171919!important;box-shadow:rgba(255,255,255,.13) 0 0 0 1px inset!important;color:#f4f7fb!important;
}
.portfolio-dashboard[data-theme="dark"] .auto-mosaic__agent-console span{background:#222525!important;color:#e5e8e8!important}
@media(max-width:1050px){
  .auto-mosaic{grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-auto-rows:74px!important}
  .auto-mosaic__card--automations{grid-column:span 5!important}
  .auto-mosaic__card--plan{grid-column:span 3!important}
  .auto-mosaic__micro-stack{grid-column:span 8!important;grid-row:span 1!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:1fr!important}
  .auto-mosaic__card--sites,.auto-mosaic__card--agents{grid-column:span 4!important}
  .auto-mosaic__card--apps{grid-column:span 8!important}
  .auto-mosaic>.auto-mosaic__mini{grid-column:span 4!important}
}
@media(max-width:700px){
  .portfolio-auto-sys[data-state="stable"]{padding:18px 16px 96px!important}
  .auto-mosaic__title{font-size:clamp(25px,8vw,34px)!important}
  .auto-mosaic{grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:10px!important}
  .auto-mosaic__card--automations,.auto-mosaic__card--plan,.auto-mosaic__micro-stack,.auto-mosaic__card--sites,.auto-mosaic__card--agents,.auto-mosaic__card--apps,.auto-mosaic>.auto-mosaic__mini{
    grid-column:auto!important;grid-row:auto!important;
  }
  .auto-mosaic__card{min-height:250px!important;border-radius:18px!important}
  .auto-mosaic__micro-stack{display:flex!important;flex-direction:column!important;gap:10px!important}
  .auto-mosaic__mini{min-height:72px!important;border-radius:16px!important}
  .auto-mosaic__automation-body{grid-template-columns:1fr!important}
  .auto-mosaic__workflow{min-height:105px!important}
  .auto-mosaic__tagline{white-space:normal!important;max-width:34ch!important;margin-left:auto!important;margin-right:auto!important}
}
@media(prefers-reduced-motion:reduce){
  .auto-mosaic *{animation:none!important;transition:none!important}
}
html.a11y-reduce-motion .auto-mosaic *{animation:none!important;transition:none!important}

/* Automation reorg v5: preserve pre-compact card sizing; arrangement only. */
.auto-mosaic--reorganized{}
.auto-mosaic__utility-row{
  display:flex!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:12px!important;
  width:100%!important;
  margin-top:12px!important;
}
.auto-mosaic__utility-row>.auto-mosaic__mini{
  flex:0 1 172px!important;
  width:172px!important;
  min-height:104px!important;
}
@media(max-width:700px){
  .auto-mosaic__utility-row{flex-direction:column!important}
  .auto-mosaic__utility-row>.auto-mosaic__mini{width:100%!important;min-height:72px!important}
}

/* Automation sketch layout v6 — direct translation of the approved hand sketch.
   12-column canvas: 3 medium cards across top; 2 large cards below left/center;
   3 stacked half-height cards on right. */
@media(min-width:701px){
  .auto-mosaic--sketch{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-template-rows:repeat(6,minmax(0,1fr))!important;
    gap:12px!important;
    min-height:0!important;
    flex:1 1 auto!important;
  }
  .auto-mosaic--sketch>.auto-mosaic__card--sites{
    grid-column:1 / span 4!important;grid-row:1 / span 2!important;
  }
  .auto-mosaic--sketch>.auto-mosaic__card--agents{
    grid-column:5 / span 4!important;grid-row:1 / span 2!important;
  }
  .auto-mosaic--sketch>.auto-mosaic__card--apps{
    grid-column:9 / span 4!important;grid-row:1 / span 2!important;
  }
  .auto-mosaic--sketch>.auto-mosaic__mini:nth-of-type(4){
    grid-column:1 / span 4!important;grid-row:3 / span 4!important;
  }
  .auto-mosaic--sketch>.auto-mosaic__mini:nth-of-type(5){
    grid-column:5 / span 4!important;grid-row:3 / span 4!important;
  }
  .auto-mosaic--sketch>.auto-mosaic__mini:nth-of-type(6){
    display:none!important;
  }
  .auto-mosaic--sketch>.auto-mosaic__mini:nth-of-type(7){
    display:none!important;
  }
  .auto-mosaic__utility-row--sketch{
    position:absolute!important;
    right:20px!important;
    top:calc(33.333% + 58px)!important;
    bottom:46px!important;
    width:calc((100% - 64px)/3)!important;
    margin:0!important;
    display:grid!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .auto-mosaic__utility-row--sketch>.auto-mosaic__mini{
    width:100%!important;min-height:0!important;max-width:none!important;
  }
}


/* ===== Automation & Systems final single-screen grid v7 =====
   Approved reference: 4 equal cards top, 2 large cards below, 3 stacked small cards right. */
@media(min-width:701px){
  .portfolio-auto-sys[data-state="stable"]{
    padding:18px 22px 16px!important;
    overflow:hidden!important;
  }
  .portfolio-auto-sys[data-state="stable"] .auto-sys__stage--final{
    display:flex!important;
    flex-direction:column!important;
    width:min(100%,1120px)!important;
    max-width:1120px!important;
    height:100%!important;
    min-height:0!important;
    margin:0 auto!important;
  }
  .auto-mosaic__head--final{
    flex:0 0 auto!important;
    margin:0 0 12px!important;
    padding:0 3px!important;
  }
  .auto-mosaic__head--final .auto-mosaic__title{
    margin:0!important;
    font:700 clamp(26px,2.7vw,38px)/1 'Poppins',system-ui,sans-serif!important;
    letter-spacing:-.045em!important;
  }
  .auto-mosaic__tagline--head{
    margin:6px 0 0!important;
    padding:0!important;
    text-align:left!important;
    white-space:nowrap!important;
    font:500 clamp(12.5px,1vw,14px)/1.35 'Poppins',system-ui,sans-serif!important;
    color:#787C7C!important;
  }
  .auto-mosaic--final{
    flex:1 1 auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(16,minmax(0,1fr))!important;
    grid-template-rows:repeat(5,minmax(0,1fr))!important;
    gap:12px!important;
    align-content:stretch!important;
  }

  .auto-mosaic--final>.auto-mosaic__card{
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:12px 15px!important;
    border-radius:22px!important;
    background:rgb(251,251,247)!important;
    border:1px solid rgba(23,25,25,.28)!important;
    box-shadow:
      rgba(15,16,16,.05) 0 1px 1.5px 0,
      rgba(15,16,16,.38) 0 18px 40px -20px!important;
    transform:translateZ(0)!important;
    transition:
      transform .34s cubic-bezier(.2,.8,.2,1),
      box-shadow .34s cubic-bezier(.25,.1,.25,1),
      border-color .14s cubic-bezier(.25,.1,.25,1)!important;
  }
  .portfolio-auto-sys[data-state="stable"]:not(.is-physics) .auto-mosaic--final>.auto-mosaic__card:hover,
  .portfolio-auto-sys[data-state="stable"]:not(.is-physics) .auto-mosaic__utility-row--final>.auto-mosaic__mini:hover{
    transform:translateY(-1px) scale(.97)!important;
    border-color:rgba(23,25,25,.38)!important;
    box-shadow:
      rgba(15,16,16,.05) 0 1px 1.5px 0,
      rgba(15,16,16,.44) 0 22px 44px -20px!important;
  }

  /* Re-tenanted footprints (same 16x5 grid): four small cards on the top row,
     two large showcase cards below. Spans/gaps/rows are unchanged. */
  .auto-mosaic--final>.auto-mosaic__card--agents{grid-column:1 / span 4!important;grid-row:1 / span 2!important}
  .auto-mosaic--final>.auto-mosaic__card--infra{grid-column:5 / span 4!important;grid-row:1 / span 2!important}
  .auto-mosaic--final>.auto-mosaic__card--scraping{grid-column:9 / span 4!important;grid-row:1 / span 2!important}
  .auto-mosaic--final>.auto-mosaic__card--tools{grid-column:13 / span 4!important;grid-row:1 / span 2!important}

  .auto-mosaic--final>.auto-mosaic__card--agents,
  .auto-mosaic--final>.auto-mosaic__card--infra,
  .auto-mosaic--final>.auto-mosaic__card--scraping,
  .auto-mosaic--final>.auto-mosaic__card--tools,
  .auto-mosaic--final>.auto-mosaic__card--sites,
  .auto-mosaic--final>.auto-mosaic__card--apps{
    display:flex!important;
    flex-direction:column!important;
  }

  .auto-mosaic--final>.auto-mosaic__card--sites{grid-column:1 / span 6!important;grid-row:3 / span 3!important}
  .auto-mosaic--final>.auto-mosaic__card--apps{grid-column:7 / span 6!important;grid-row:3 / span 3!important}
  .auto-mosaic__utility-row--final{
    grid-column:13 / span 4!important;
    grid-row:3 / span 3!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    display:grid!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
    min-width:0!important;
    min-height:0!important;
  }
  .auto-mosaic__utility-row--final>.auto-mosaic__mini{
    width:auto!important;
    min-width:0!important;
    min-height:0!important;
    max-width:none!important;
    height:auto!important;
    padding:10px 12px!important;
    border-radius:18px!important;
    background:rgb(251,251,247)!important;
    border:1px solid rgba(23,25,25,.28)!important;
    box-shadow:
      rgba(15,16,16,.05) 0 1px 1.5px 0,
      rgba(15,16,16,.38) 0 18px 40px -20px!important;
  }

  .auto-mosaic--final .portfolio-ref-head{gap:5px!important}
  .auto-mosaic--final .portfolio-ref-label{gap:9px!important}
  .auto-mosaic--final .portfolio-ref-icon{
    width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:9px!important;
  }
  .auto-mosaic--final .portfolio-ref-icon .ph{font-size:18px!important}
  .auto-mosaic--final .portfolio-ref-label h3{font-size:14px!important;line-height:1.12!important}
  .auto-mosaic--final .portfolio-ref-head p{
    font-size:10.3px!important;
    line-height:1.4!important;
    max-width:34ch!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
  }

  /* Showcase cards (Funnels & Sites, Apps & Extensions): media fills below head */
  .auto-mosaic--final .auto-showcase{
    flex:1 1 auto!important;
    min-height:0!important;
    margin-top:10px!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .auto-mosaic--final .auto-showcase--rows{gap:10px!important}

  .auto-mosaic__infra-grid{
    margin-top:auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .auto-mosaic__infra-grid .auto-mosaic__pill{
    justify-content:flex-start!important;
    min-width:0!important;
    padding:6px 8px!important;
    font-size:8.8px!important;
  }

  /* Scraping (small top card): compact horizontal step pipeline */
  .auto-mosaic--final .auto-pipeline{
    flex:1 1 auto!important;
    min-height:0!important;
    margin-top:10px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;
  }
  .auto-mosaic--final .auto-step{
    flex:1 1 0!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:5px!important;
    padding:8px 4px!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:rgba(23,25,25,.14) 0 0 0 1px inset!important;
    animation:autoMosaicFloat 5.8s ease-in-out infinite!important;
  }
  .auto-mosaic--final .auto-step:nth-child(2){animation-delay:-1.16s!important}
  .auto-mosaic--final .auto-step:nth-child(3){animation-delay:-2.32s!important}
  .auto-mosaic--final .auto-step:nth-child(4){animation-delay:-3.48s!important}
  .auto-mosaic--final .auto-step:nth-child(5){animation-delay:-4.64s!important}
  .auto-mosaic--final .auto-step i{font-size:15px!important;color:#7E5B47!important}
  .auto-mosaic--final .auto-step b{font-size:8px!important;letter-spacing:.01em!important;white-space:nowrap!important}

  /* Tools & stack (small top card): two quiet chip marquees */
  .auto-mosaic--final .auto-toolmarq{
    flex:1 1 auto!important;
    min-height:0!important;
    margin-top:10px!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:8px!important;
    overflow:hidden!important;
  }

  .auto-mosaic__utility-row--final .auto-mosaic__mini{
    grid-template-columns:32px minmax(0,1fr) 16px!important;
    gap:9px!important;
  }
  .auto-mosaic__utility-row--final .auto-mosaic__mini-copy strong{font-size:11px!important}
  .auto-mosaic__utility-row--final .auto-mosaic__mini-copy small{
    font-size:8px!important;
    line-height:1.25!important;
    -webkit-line-clamp:2!important;
  }

  .portfolio-dashboard[data-theme="dark"] .auto-mosaic__tagline--head{color:#A9ADAD!important}
  .portfolio-dashboard[data-theme="dark"] .auto-mosaic--final>.auto-mosaic__card,
  .portfolio-dashboard[data-theme="dark"] .auto-mosaic__utility-row--final>.auto-mosaic__mini{
    color:#f4f7fb!important;
    background:rgba(27,29,29,.85)!important;
    background-image:none!important;
    border-color:rgba(255,255,255,.20)!important;
    -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
    backdrop-filter:blur(14px) saturate(115%)!important;
    box-shadow:
      rgba(255,255,255,.035) 0 1px 1.5px 0,
      rgba(0,0,0,.58) 0 20px 44px -20px!important;
  }
  .portfolio-dashboard[data-theme="dark"] :is(.auto-step,.auto-chip,.auto-mosaic__infra-grid .auto-mosaic__pill){
    background:#171919!important;
    color:#f4f7fb!important;
    box-shadow:rgba(255,255,255,.13) 0 0 0 1px inset!important;
  }
  .portfolio-dashboard[data-theme="dark"] .auto-step i,
  .portfolio-dashboard[data-theme="dark"] .auto-chip i{color:#c8a98f!important}
}
@media(max-width:700px){
  .portfolio-auto-sys[data-state="stable"]{overflow:auto!important;padding:18px 16px 96px!important}
  .auto-mosaic__head--final{margin-bottom:12px!important}
  .auto-mosaic__tagline--head{white-space:normal!important;max-width:36ch!important}
  .auto-mosaic--final{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    grid-auto-rows:auto!important;
    gap:10px!important;
  }
  .auto-mosaic--final>*{grid-column:auto!important;grid-row:auto!important}
  .auto-mosaic--final>.auto-mosaic__card{min-height:240px!important}
  .auto-mosaic__utility-row--final{
    position:static!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    width:100%!important;
    margin:0!important;
  }
  .auto-mosaic__utility-row--final>.auto-mosaic__mini{width:100%!important;min-height:72px!important}
}
/* ===== Automation visuals + selected-work popup v9 (real imagery) ===== */
.auto-mosaic__eyebrow{
  margin:0 0 5px!important;
  font:700 10px/1 'Poppins',system-ui,sans-serif!important;
  letter-spacing:.2em!important;
  text-transform:uppercase!important;
  color:#9A7B63!important;
}

/* Shared image primitives */
.auto-shot,.auto-shot__img{display:block!important;width:100%!important;height:100%!important}
.auto-shot__img{object-fit:cover!important;object-position:50% 0!important;transition:transform .42s cubic-bezier(.2,.8,.2,1)!important}

/* Horizontal marquees (Funnels & Sites lanes, Tools chip lanes) */
.auto-marquee{position:relative!important;overflow:hidden!important;min-width:0!important;
  -webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)!important;
  mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)!important;}
.auto-marquee__track{display:flex!important;align-items:center!important;gap:10px!important;width:max-content!important;
  will-change:transform!important;animation:autoMarqueeLtr 42s linear infinite!important;}
.auto-marquee--rtl .auto-marquee__track{animation-name:autoMarqueeRtl!important}
.auto-marquee--slow .auto-marquee__track{gap:8px!important;animation-duration:32s!important}
.auto-marquee:hover .auto-marquee__track{animation-play-state:paused!important}
@keyframes autoMarqueeLtr{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes autoMarqueeRtl{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.auto-showcase--rows .auto-marquee{flex:1 1 0!important;min-height:0!important}

/* Funnels & Sites — image tiles */
.auto-tile{position:relative!important;flex:0 0 auto!important;height:104px!important;aspect-ratio:16/10!important;
  border:0!important;padding:0!important;border-radius:12px!important;overflow:hidden!important;cursor:pointer!important;
  background:#0e1112!important;isolation:isolate!important;box-shadow:rgba(23,25,25,.18) 0 0 0 1px inset!important;}
.auto-tile__frame{position:absolute!important;inset:0!important;z-index:0!important}
.auto-tile__cap{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:2!important;
  display:flex!important;flex-direction:column!important;gap:1px!important;padding:22px 10px 8px!important;text-align:left!important;
  background:linear-gradient(180deg,transparent,rgba(8,10,10,.84))!important;color:#fff!important;}
.auto-tile__cap b{font:650 10.5px/1.15 'Poppins',system-ui,sans-serif!important}
.auto-tile__cap small{font-size:8px!important;color:rgba(255,255,255,.82)!important}
.auto-tile:hover .auto-shot__img{transform:scale(1.06)!important}
/* Apps & Extensions — vertical auto-scroll rows */
.auto-vscroll{position:relative!important;flex:1 1 0!important;min-height:0!important;overflow:hidden!important;
  -webkit-mask:linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent)!important;
  mask:linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent)!important;}
.auto-vscroll__track{display:flex!important;flex-direction:column!important;gap:8px!important;
  will-change:transform!important;animation:autoVScroll 36s linear infinite!important;}
.auto-vscroll:hover .auto-vscroll__track{animation-play-state:paused!important}
@keyframes autoVScroll{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.auto-row{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;flex:0 0 auto!important;
  padding:7px!important;border:0!important;border-radius:12px!important;cursor:pointer!important;text-align:left!important;
  background:#fff!important;box-shadow:rgba(23,25,25,.14) 0 0 0 1px inset!important;
  transition:transform .3s cubic-bezier(.2,.8,.2,1)!important;}
.auto-row:hover{transform:translateX(2px)!important}
.auto-row__frame{position:relative!important;flex:0 0 auto!important;width:64px!important;aspect-ratio:16/10!important;
  border-radius:8px!important;overflow:hidden!important;background:#0e1112!important;}
.auto-row__cap{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important}
.auto-row__cap b{font:650 11px/1.2 'Poppins',system-ui,sans-serif!important;color:#171919!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.auto-row__cap small{font-size:8.5px!important;color:#787C7C!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.auto-row__arrow{margin-left:auto!important;flex:0 0 auto!important;font-size:12px!important;color:#9AA0A0!important}

/* Tools chips */
.auto-chip{display:flex!important;align-items:center!important;height:32px!important;gap:7px!important;flex:0 0 auto!important;
  padding:0 12px 0 9px!important;border-radius:999px!important;background:#fff!important;
  box-shadow:rgba(23,25,25,.14) 0 0 0 1px inset!important;color:rgb(23,25,25)!important;
  font:600 12px/18px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;white-space:nowrap!important;}
.auto-chip i{font-size:14px!important;color:#7E5B47!important}
/* Dark parity for new image/row/chip surfaces */
.portfolio-dashboard[data-theme="dark"] .auto-mosaic__eyebrow{color:#c8a98f!important}
.portfolio-dashboard[data-theme="dark"] .auto-row{background:#171919!important;box-shadow:rgba(255,255,255,.13) 0 0 0 1px inset!important}
.portfolio-dashboard[data-theme="dark"] .auto-row__cap b{color:#f4f7fb!important}
.portfolio-dashboard[data-theme="dark"] .auto-row__cap small{color:#a9adad!important}
.portfolio-dashboard[data-theme="dark"] .auto-chip{background:#171919!important;color:#f4f7fb!important;box-shadow:rgba(255,255,255,.13) 0 0 0 1px inset!important}
.portfolio-dashboard[data-theme="dark"] .auto-chip i{color:#c8a98f!important}

/* Selected-work popup — real screenshots (avif/webp), shown whole */
.portfolio-eng-frame__pic{display:block!important;width:100%!important}
.portfolio-auto-lightbox .portfolio-eng-lightbox__strip{height:min(72vh,560px)!important}
.portfolio-auto-lightbox .portfolio-eng-lightbox__marquee{align-items:center!important}
.portfolio-auto-lightbox .portfolio-eng-frame{width:min(80vw,760px)!important;height:auto!important;align-self:center!important}
.portfolio-auto-lightbox .portfolio-eng-frame__img{
  width:100%!important;height:auto!important;max-height:calc(min(72vh,560px) - 92px)!important;
  object-fit:contain!important;object-position:50% 50%!important;background:#0e1112!important;}
.portfolio-auto-lightbox .portfolio-eng-frame__cap{display:flex!important;align-items:center!important;gap:10px!important}
.portfolio-auto-lightbox .portfolio-eng-frame__verify{margin-left:auto!important}

@media(max-width:700px){
  .auto-tile{height:96px!important}
  .portfolio-auto-lightbox .portfolio-eng-lightbox__strip{height:min(70vh,500px)!important}
  .portfolio-auto-lightbox .portfolio-eng-frame{width:min(90vw,760px)!important}
  .portfolio-auto-lightbox .portfolio-eng-frame__img{max-height:calc(min(70vh,500px) - 84px)!important}
}

/* Motion off for reduced-motion (media query + the app's a11y toggle).
   After the marquee definitions so these guards win the cascade. */
@media(prefers-reduced-motion:reduce){
  .auto-marquee__track,.auto-vscroll__track,.auto-step{animation:none!important}
  .auto-shot__img,.auto-row{transition:none!important}
}
html.a11y-reduce-motion .auto-marquee__track,
html.a11y-reduce-motion .auto-vscroll__track,
html.a11y-reduce-motion .auto-step{animation:none!important}
html.a11y-reduce-motion .auto-shot__img,
html.a11y-reduce-motion .auto-row{transition:none!important}


/* ===== Funnels & Sites — exact Engineering Selected Work stylesheet parity ===== */
/* Scope is intentionally limited to this one Automation & Systems bento. */
@media(min-width:701px){
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites{
    display:grid!important;
    grid-template-columns:172.5px minmax(0,1fr)!important;
    grid-template-rows:minmax(0,1fr)!important;
    gap:12px!important;
    padding:15px 17px!important;
    overflow:hidden!important;
    border-radius:22px!important;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites>.portfolio-ref-head{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
    width:auto!important;
    height:100%!important;
    min-width:0!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .portfolio-ref-label{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    padding-right:22px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .portfolio-ref-icon{
    display:grid!important;
    place-items:center!important;
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .portfolio-ref-icon .ph{
    font-size:18px!important;
    line-height:18px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .portfolio-ref-label h3{
    font-size:17px!important;
    font-weight:600!important;
    line-height:18.4px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .portfolio-ref-head p{
    margin:5px 0 0!important;
    max-width:100%!important;
    font-size:12.4936px!important;
    font-weight:400!important;
    line-height:16.2417px!important;
    display:block!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
  }

  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-showcase--rows{
    position:relative!important;
    display:block!important;
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:14px!important;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)!important;
    mask-image:linear-gradient(180deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-showcase--rows>.auto-marquee{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    -webkit-mask:none!important;
    mask:none!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-showcase--rows>.auto-marquee:nth-child(2){
    display:none!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-marquee__track{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    will-change:translate!important;
    animation:portfolio-ref-drift-up 22s linear infinite!important;
    animation-play-state:paused!important;
    transform:none!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites:is(:hover,:focus-within) .auto-marquee__track{
    animation-play-state:running!important;
  }

  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-tile{
    position:relative!important;
    display:block!important;
    flex:0 0 94px!important;
    width:100%!important;
    height:94px!important;
    min-height:94px!important;
    aspect-ratio:auto!important;
    padding:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(126,91,71,.075)!important;
    box-shadow:rgba(126,91,71,.12) 0 0 0 1px inset!important;
    isolation:isolate!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-tile::before{
    content:""!important;
    position:absolute!important;
    top:7px!important;
    left:9px!important;
    z-index:3!important;
    width:4px!important;
    height:4px!important;
    border-radius:50%!important;
    background:#7E5B47!important;
    box-shadow:8px 0 0 #787C7C,16px 0 0 #787C7C!important;
    pointer-events:none!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-tile__frame{
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    width:100%!important;
    height:100%!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-shot,
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-shot__img{
    width:100%!important;
    height:100%!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-shot__img{
    object-fit:cover!important;
    object-position:50% 0!important;
    border-radius:12px!important;
    transform:none!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-tile:hover .auto-shot__img{
    transform:none!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-tile__cap{
    position:absolute!important;
    inset:auto 0 0 0!important;
    z-index:1!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    gap:0!important;
    width:100%!important;
    height:auto!important;
    padding:20px 12px 9px!important;
    text-align:left!important;
    border-radius:0!important;
    background:linear-gradient(to top,rgba(6,10,18,.94),rgba(6,10,18,.5) 60%,rgba(6,10,18,0))!important;
    color:#fff!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-tile__cap b{
    color:#fff!important;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
    font-size:15px!important;
    font-weight:700!important;
    line-height:24.75px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-tile__cap small{
    margin-top:3px!important;
    color:rgba(255,255,255,.74)!important;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
    font-size:12.5px!important;
    font-weight:400!important;
    line-height:20.625px!important;
  }

  .portfolio-dashboard:not([data-theme="dark"]) .auto-mosaic--final>.auto-mosaic__card--sites{
    color:rgb(23,25,25)!important;
    background:rgb(251,251,247)!important;
    border:1px solid rgba(23,25,25,.28)!important;
    box-shadow:
      rgba(15,16,16,.05) 0 1px 1.5px 0,
      rgba(15,16,16,.38) 0 18px 40px -20px!important;
  }
  .portfolio-dashboard[data-theme="dark"] .auto-mosaic--final>.auto-mosaic__card--sites{
    color:rgb(216,218,219)!important;
    background:rgba(27,29,29,.85)!important;
    background-image:none!important;
    border:1px solid rgba(255,255,255,.28)!important;
    box-shadow:
      rgba(255,255,255,.043) 0 1px 1.5px 0,
      rgba(0,0,0,.66) 0 24px 48px -20px!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.15)!important;
    backdrop-filter:blur(14px) saturate(1.15)!important;
  }
  .portfolio-dashboard[data-theme="dark"] .auto-mosaic--final>.auto-mosaic__card--sites .portfolio-ref-label h3{
    color:rgb(244,247,251)!important;
  }
  .portfolio-dashboard[data-theme="dark"] .auto-mosaic--final>.auto-mosaic__card--sites .portfolio-ref-head p{
    color:rgb(169,173,173)!important;
  }
  .portfolio-dashboard[data-theme="dark"] .auto-mosaic--final>.auto-mosaic__card--sites .auto-tile{
    background:rgba(126,91,71,.20)!important;
    box-shadow:rgba(185,154,136,.12) 0 0 0 1px inset!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-marquee__track{animation:none!important}
}
html.a11y-reduce-motion .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .auto-marquee__track{animation:none!important}


/* ===== Automation card parity: Tools JSON + About-style Apps ===== */
@media(min-width:701px){
  /* Tools & Stack: exact Engineering Tools-card treatment from the supplied JSON. */
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools{
    padding:15px 17px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools>.portfolio-ref-head{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    gap:6px!important;
    min-width:0!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-label{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    padding-right:22px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-icon{
    display:grid!important;
    place-items:center!important;
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-icon .ph{
    font-size:18px!important;
    line-height:18px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-label h3{
    font-size:17px!important;
    font-weight:600!important;
    line-height:18.4px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-head p{
    display:block!important;
    margin:5px 0 0!important;
    max-width:100%!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    font-size:12.4936px!important;
    font-weight:400!important;
    line-height:16.2417px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-chips{
    position:relative!important;
    display:flex!important;
    flex:1 1 auto!important;
    min-height:0!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-chip-row{
    display:block!important;
    flex:0 0 32px!important;
    height:32px!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-chip-track{
    display:flex!important;
    width:max-content!important;
    height:32px!important;
    gap:0!important;
    animation:portfolio-ref-drift-left 26s linear infinite!important;
    animation-play-state:paused!important;
    will-change:translate!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-chip-row.is-reverse .portfolio-ref-chip-track{
    animation-direction:reverse!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools:is(:hover,:focus-within) .portfolio-ref-chip-track{
    animation-play-state:running!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-chip-group{
    display:flex!important;
    flex:0 0 auto!important;
    gap:8px!important;
    padding-right:8px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-chip{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    height:32px!important;
    padding:0 12px 0 9px!important;
    gap:7px!important;
    border:1px solid rgba(126,91,71,.14)!important;
    border-radius:999px!important;
    background:rgba(228,230,231,.92)!important;
    box-shadow:rgba(126,91,71,.07) 0 0 0 1px inset!important;
    color:rgb(15,16,16)!important;
    font:600 13px/18px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
    white-space:nowrap!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-chip .ph{
    color:#7E5B47!important;
    font-size:15px!important;
    line-height:15px!important;
  }

  /* Apps & Extensions: reuse the exact About-card composition shown in the reference image. */
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about{
    padding:15px 17px!important;
    border-radius:22px!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about>.portfolio-ref-head{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    gap:6px!important;
    min-width:0!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about .portfolio-ref-label{
    gap:10px!important;
    padding-right:22px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about .portfolio-ref-icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border-radius:10px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about .portfolio-ref-icon .ph{
    font-size:20px!important;
    line-height:1!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about .portfolio-ref-label h3{
    font-size:16px!important;
    font-weight:600!important;
    line-height:18.4px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about .portfolio-ref-head p{
    display:block!important;
    margin:0!important;
    max-width:34ch!important;
    overflow:visible!important;
    -webkit-line-clamp:unset!important;
    font-size:11.5px!important;
    font-weight:400!important;
    line-height:16.675px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about .portfolio-ref-arrow{
    top:9px!important;
    right:0!important;
    font-size:15px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-fan{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    flex:1 1 auto!important;
    min-height:0!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-photo{
    border:0!important;
    padding:0!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    cursor:pointer!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-badge{
    overflow:hidden!important;
    border-radius:50%!important;
    background:#fff!important;
    box-shadow:0 0 0 3px #fff!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-badge img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:50% 18%!important;
    border-radius:50%!important;
  }

  .portfolio-dashboard:not([data-theme="dark"]) .auto-mosaic--final>.auto-mosaic__card--tools,
  .portfolio-dashboard:not([data-theme="dark"]) .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about{
    background:rgb(252,252,251)!important;
  }
  .portfolio-auto-sys[data-state="stable"]:not(.is-physics) .auto-mosaic--final>.auto-mosaic__card--tools:hover,
  .portfolio-auto-sys[data-state="stable"]:not(.is-physics) .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about:hover{
    border-color:#7E5B47!important;
    box-shadow:
      rgba(15,16,16,.08) 0 2px 4px 0,
      rgba(126,91,71,.38) 0 20px 42px -16px!important;
  }

  .portfolio-dashboard[data-theme="dark"] .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-chip{
    background:rgba(126,91,71,.20)!important;
    border-color:rgba(185,154,136,.24)!important;
    box-shadow:inset 0 0 0 1px rgba(185,154,136,.12)!important;
    color:#D8DADB!important;
  }
  .portfolio-dashboard[data-theme="dark"] .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-chip .ph{
    color:#B99A88!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-chip-track{animation:none!important}
}
html.a11y-reduce-motion .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--tools .portfolio-ref-chip-track{animation:none!important}


/* ===== Apps fan v2: five-card centered layout + popup descriptions ===== */
@media(min-width:701px){
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-fan{
    margin-top:2px!important;
    min-height:0!important;
    overflow:visible!important;
  }

  /* Five larger portrait cards, centered in the available fan area. */
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-photo{
    top:48%!important;
    bottom:auto!important;
    width:min(29%,112px)!important;
    aspect-ratio:3/4!important;
    border-radius:14px!important;
    box-shadow:
      rgb(255,255,255) 0 0 0 3px,
      rgba(15,16,16,.62) 0 16px 32px -14px!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-photo img{
    object-fit:cover!important;
    object-position:50% 50%!important;
  }

  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-photo:nth-child(1){
    z-index:1!important;
    transform:translateX(-170%) translateY(-45%) rotate(-10deg)!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-photo:nth-child(2){
    z-index:2!important;
    transform:translateX(-110%) translateY(-53%) rotate(-5deg)!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-photo:nth-child(3){
    z-index:5!important;
    transform:translateX(-50%) translateY(-58%) rotate(0deg)!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-photo:nth-child(4){
    z-index:4!important;
    transform:translateX(10%) translateY(-53%) rotate(5deg)!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-photo:nth-child(5){
    z-index:3!important;
    transform:translateX(70%) translateY(-45%) rotate(10deg)!important;
  }

  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about:hover .auto-app-photo:nth-child(1){
    transform:translateX(-180%) translateY(-48%) rotate(-12deg)!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about:hover .auto-app-photo:nth-child(2){
    transform:translateX(-115%) translateY(-56%) rotate(-6deg)!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about:hover .auto-app-photo:nth-child(3){
    transform:translateX(-50%) translateY(-62%) rotate(0deg)!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about:hover .auto-app-photo:nth-child(4){
    transform:translateX(15%) translateY(-56%) rotate(6deg)!important;
  }
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps.portfolio-ref-card--about:hover .auto-app-photo:nth-child(5){
    transform:translateX(80%) translateY(-48%) rotate(12deg)!important;
  }

  /* The former circular background badges are intentionally removed from markup. */
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .auto-app-badge{
    display:none!important;
  }
}

/* Let the Apps & Extensions popup show a concise capability line under each title. */
.portfolio-auto-lightbox .portfolio-eng-frame__cap{
  flex-wrap:wrap!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.portfolio-auto-lightbox .portfolio-eng-frame__tag{
  display:block!important;
  flex:1 1 100%!important;
  margin-top:2px!important;
  color:rgba(244,244,237,.68)!important;
  font:500 11px/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,Poppins,sans-serif!important;
}


/* ===== Automation v11: uniform borders, official brand icons, popup details ===== */
@media(min-width:701px){
  /* Sites + Apps are single interactive bento buttons, exactly like Engineering Selected work. */
  .portfolio-dashboard .auto-mosaic--final>button.auto-mosaic__card--sites,
  .portfolio-dashboard .auto-mosaic--final>button.auto-mosaic__card--apps{
    width:auto!important;
    text-align:left!important;
    -webkit-appearance:none!important;
    appearance:none!important;
    cursor:pointer!important;
  }
  .portfolio-dashboard .auto-mosaic--final>button.auto-mosaic__card--sites .auto-tile,
  .portfolio-dashboard .auto-mosaic--final>button.auto-mosaic__card--apps .auto-app-photo{
    cursor:inherit!important;
  }

  /* All Automation & Systems bento borders use Apps & Extensions as the baseline. */
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card,
  .portfolio-dashboard .auto-mosaic__utility-row--final>.auto-mosaic__mini{
    border:1px solid rgba(23,25,25,.28)!important;
  }
  .portfolio-auto-sys[data-state="stable"]:not(.is-physics) .auto-mosaic--final>.auto-mosaic__card:hover,
  .portfolio-auto-sys[data-state="stable"]:not(.is-physics) .auto-mosaic__utility-row--final>.auto-mosaic__mini:hover{
    border-color:#7E5B47!important;
  }
  .portfolio-dashboard[data-theme="dark"] .auto-mosaic--final>.auto-mosaic__card,
  .portfolio-dashboard[data-theme="dark"] .auto-mosaic__utility-row--final>.auto-mosaic__mini{
    border-color:rgba(255,255,255,.20)!important;
  }
  .portfolio-dashboard[data-theme="dark"] .portfolio-auto-sys[data-state="stable"]:not(.is-physics) .auto-mosaic--final>.auto-mosaic__card:hover,
  .portfolio-dashboard[data-theme="dark"] .portfolio-auto-sys[data-state="stable"]:not(.is-physics) .auto-mosaic__utility-row--final>.auto-mosaic__mini:hover{
    border-color:#7E5B47!important;
  }

  /* Official brand marks inside Tools & Stack and Infrastructure. */
  .portfolio-dashboard .auto-brand-chip,
  .portfolio-dashboard .auto-brand-pill{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
  }
  .portfolio-dashboard .auto-brand-icon{
    display:block!important;
    flex:0 0 18px!important;
    width:18px!important;
    height:18px!important;
    padding:2px!important;
    object-fit:contain!important;
    object-position:center!important;
    border-radius:5px!important;
    background:#fff!important;
    box-shadow:rgba(15,16,16,.12) 0 0 0 1px inset!important;
  }
  .portfolio-dashboard .auto-brand-chip>span,
  .portfolio-dashboard .auto-brand-pill>span{
    min-width:0!important;
  }
  .portfolio-dashboard .auto-mosaic__infra-grid .auto-brand-pill{
    justify-content:flex-start!important;
    min-width:0!important;
    padding:6px 8px!important;
  }

  /* Whole-card expand icon, matching Engineering Selected work. */
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--sites .portfolio-ref-arrow,
  .portfolio-dashboard .auto-mosaic--final>.auto-mosaic__card--apps .portfolio-ref-arrow{
    top:9px!important;
    right:0!important;
    font-size:15px!important;
    color:#7E5B47!important;
  }
}

/* Automation popup: concise description + key-feature chips. */
.portfolio-auto-lightbox .portfolio-eng-frame__cap{
  align-items:flex-start!important;
  flex-wrap:wrap!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  padding:11px 15px 12px!important;
}
.portfolio-auto-lightbox .portfolio-eng-frame__title{
  display:block!important;
  flex:1 1 calc(100% - 92px)!important;
  min-width:0!important;
  font:650 13px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Display",system-ui,Poppins,sans-serif!important;
  color:#f4f4ed!important;
}
.portfolio-auto-lightbox .portfolio-eng-frame__tag{
  display:block!important;
  flex:1 1 100%!important;
  margin-top:2px!important;
  max-width:70ch!important;
  color:rgba(244,244,237,.72)!important;
  font:500 11px/1.4 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,Poppins,sans-serif!important;
}
.portfolio-auto-lightbox .portfolio-eng-frame__features{
  display:flex!important;
  flex:1 1 100%!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin-top:4px!important;
}
.portfolio-auto-lightbox .portfolio-eng-frame__features>span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:23px!important;
  padding:0 8px!important;
  border-radius:999px!important;
  color:#f4f4ed!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:rgba(255,255,255,.13) 0 0 0 1px inset!important;
  font:600 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,Poppins,sans-serif!important;
  white-space:nowrap!important;
}
.portfolio-auto-lightbox .portfolio-eng-frame__verify{
  align-self:flex-start!important;
}
.portfolio-auto-lightbox .portfolio-eng-frame__img{
  max-height:calc(min(72vh,560px) - 158px)!important;
}

@media(max-width:700px){
  .portfolio-auto-lightbox .portfolio-eng-frame__img{
    max-height:calc(min(70vh,500px) - 150px)!important;
  }
  .portfolio-auto-lightbox .portfolio-eng-frame__features{
    gap:4px!important;
  }
  .portfolio-auto-lightbox .portfolio-eng-frame__features>span{
    font-size:8.5px!important;
    padding:0 7px!important;
  }
}


/* Automation v12: informative support strips, with the approved grid retained. */
html body .portfolio-dashboard .auto-mosaic__utility-row--final > .auto-mosaic__mini {
  grid-template-columns: 32px minmax(0,1fr)!important;
  column-gap: 11px!important;
  padding: 12px 14px!important;
  cursor: default!important;
}
html body .portfolio-dashboard .auto-mosaic__mini-copy {min-width:0!important;gap:5px!important}
html body .portfolio-dashboard .auto-mosaic__mini-copy strong {font-size:12px!important;line-height:1.2!important;letter-spacing:-.015em!important}
html body .portfolio-dashboard .auto-mosaic__mini-copy small {font-size:10px!important;line-height:1.4!important;white-space:normal!important;max-width:30ch!important}

/* Cards stay in their grid cells. Only visual offsets move; no reparenting,
   absolute card positioning, width mutations, or competing grid templates. */
html body .portfolio-dashboard .portfolio-auto-sys.is-physics .auto-sys__piece {
  transition:none!important;
  animation:none!important;
  transform-origin:center!important;
  touch-action:none!important;
  user-select:none!important;
  will-change:transform;
  cursor:grab!important;
  z-index:5!important;
}
html body .portfolio-dashboard .portfolio-auto-sys.is-physics .auto-sys__piece.is-grabbed {z-index:30!important;cursor:grabbing!important}
html body .portfolio-dashboard .portfolio-auto-sys.is-physics .auto-sys__piece * {animation-play-state:paused!important;pointer-events:none!important}
html body .portfolio-dashboard .portfolio-auto-sys.is-physics .auto-mosaic__utility-row {overflow:visible!important;isolation:auto!important;z-index:auto!important}
.auto-sys__targets {position:absolute;inset:0;pointer-events:none;z-index:0}
.auto-sys__target {position:absolute;box-sizing:border-box;border:1px dashed rgba(126,91,71,.30);border-radius:22px;opacity:.45;transition:opacity .15s,background .15s}
.auto-sys__target.is-active {opacity:1;border:2px dashed #7E5B47;background:rgba(126,91,71,.08)}
.auto-sys__target.is-filled {opacity:0}
.auto-sys__controls[hidden],.auto-sys__controls button[hidden] {display:none!important}
html body .portfolio-dashboard .auto-sys__controls {
  position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:40;
  display:flex;align-items:center;justify-content:center;gap:14px;
  width:max-content;max-width:calc(100% - 16px);box-sizing:border-box;
  margin:10px auto 0;padding:9px 10px 9px 16px;
  border:1px solid rgba(126,91,71,.24);border-radius:16px;
  background:rgba(251,251,247,.96);color:#242626;
  box-shadow:0 6px 22px rgba(0,0,0,.10);backdrop-filter:blur(12px);
}
.auto-sys__hint {font:500 11px/1.4 system-ui,sans-serif;max-width:42ch}
.auto-sys__controls button {flex-shrink:0;border:0;border-radius:10px;padding:10px 14px;background:#7E5B47;color:white;cursor:pointer;font:650 12px/1.2 system-ui,sans-serif}
.auto-sys__controls button:focus-visible {outline:2px solid #7E5B47;outline-offset:3px}
.auto-sys__controls button:disabled {opacity:.65;cursor:wait}
html body .portfolio-dashboard[data-theme="dark"] .auto-sys__controls {background:rgba(27,29,29,.96);color:#f4f4f1}
html body .portfolio-auto-sys[data-physics-phase="complete"] .auto-sys__controls {box-shadow:none;background:transparent;border-color:transparent;padding-top:3px;padding-bottom:3px}
@media(min-width:701px){
  html body .portfolio-auto-sys[data-physics-phase="complete"] .auto-sys__controls {top:16px;bottom:auto;right:20px;left:auto;transform:none;margin:0}
  .portfolio-auto-sys[data-physics-phase="complete"] .auto-sys__hint {display:none}
}
@media(max-width:700px){
  .auto-sys__controls {position:sticky!important;left:auto!important;transform:none!important;top:8px!important;bottom:auto!important;margin:0 auto 12px!important}
  .auto-sys__hint {font-size:10px;max-width:24ch}
}

.auto-utility-icon {display:block;width:19px;height:19px;flex:none}
@media(max-width:700px){
  html body .portfolio-dashboard .auto-mosaic__utility-row--final > .auto-mosaic__mini {flex:0 0 auto!important;min-height:88px!important;height:auto!important;padding:16px 14px!important}
}


/* Automation freeform physics + Sidekick handoff v129 */
html body .portfolio-dashboard .portfolio-auto-sys.is-physics {
  overflow:visible!important;
}
html body .portfolio-dashboard .portfolio-auto-sys .auto-sys__controls {
  top:16px!important;
  right:20px!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  width:max-content!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
html body .portfolio-dashboard .portfolio-auto-sys .auto-sys__hint {
  display:none!important;
}
html body .portfolio-dashboard .portfolio-auto-sys .auto-sys__controls button {
  position:relative;
  min-height:38px;
  padding:10px 15px;
  border-radius:999px;
  box-shadow:0 8px 20px rgba(126,91,71,.20);
}
.auto-sys__target--text {
  border-radius:10px;
}
html body .portfolio-dashboard .portfolio-auto-sys.is-manual-complete [data-auto-automate],
html body .portfolio-dashboard .portfolio-auto-sys [data-auto-automate].is-sidekick-pointed {
  animation:autoSidekickPoint 1.05s cubic-bezier(.2,.8,.2,1) 3;
}
@keyframes autoSidekickPoint {
  0%,100% { transform:translateY(0) scale(1); box-shadow:0 8px 20px rgba(126,91,71,.20); }
  45% { transform:translateY(-3px) scale(1.045); box-shadow:0 12px 28px rgba(126,91,71,.40),0 0 0 6px rgba(126,91,71,.10); }
}
@media(max-width:700px){
  html body .portfolio-dashboard .portfolio-auto-sys .auto-sys__controls {
    position:sticky!important;
    top:8px!important;
    right:auto!important;
    margin:0 8px 10px auto!important;
    z-index:45!important;
  }
}


/* Automation shell + precision physics polish v130 */
/* Every Automation bento uses one shell treatment. Sites previously had its own
   dark-mode border override, which made it read heavier than Apps and the top row. */
html body .portfolio-dashboard:not([data-theme="dark"]) .portfolio-auto-sys .auto-mosaic--final>.auto-mosaic__card,
html body .portfolio-dashboard:not([data-theme="dark"]) .portfolio-auto-sys .auto-mosaic__utility-row--final>.auto-mosaic__mini{
  border:1px solid rgba(23,25,25,.28)!important;
}
html body .portfolio-dashboard[data-theme="dark"] .portfolio-auto-sys .auto-mosaic--final>.auto-mosaic__card,
html body .portfolio-dashboard[data-theme="dark"] .portfolio-auto-sys .auto-mosaic__utility-row--final>.auto-mosaic__mini{
  border:1px solid rgba(255,255,255,.20)!important;
}
html body .portfolio-dashboard .portfolio-auto-sys.is-physics .auto-sys__piece.is-spin-grab{
  cursor:grabbing!important;
}
html body .portfolio-dashboard .portfolio-auto-sys.is-physics .auto-sys__target--text{
  border-radius:9px!important;
  border-style:dashed!important;
}


/* Projects removal + six-item rail hardening v131 */
/* Six-tile Overview v142: two balanced rows of richer bento (5 / 4 / 3 each). */
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction){
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
}
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) :is(
  .portfolio-ref-card--construction,
  .portfolio-ref-card--automation
){
  grid-column:span 5!important;
}
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) :is(
  .portfolio-ref-card--engineering,
  .portfolio-ref-card--contact
){
  grid-column:span 4!important;
}
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) :is(
  .portfolio-ref-card--experience,
  .portfolio-ref-card--about
){
  grid-column:span 3!important;
}
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) :is(
  .portfolio-ref-card--automation,
  .portfolio-ref-card--about,
  .portfolio-ref-card--experience,
  .portfolio-ref-card--contact
){
  display:flex!important;
  flex-direction:column!important;
}

/* Overview v143: trim-to-fit — every tile must fit its row at short viewport
   heights without clipping. Feature tiles are a 2-line brief + a 4-cell detail
   grid (no side-by-side split, no tag strip), so their minimum height stays small. */
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) :is(
  .portfolio-ref-card--construction,
  .portfolio-ref-card--engineering
){
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  gap:0!important;
}
/* Keep the old trim-to-fit text sizes only at compact CSS viewports.
   Larger desktops inherit the genuinely larger type from portfolio-wide.css. */
@media (max-width:1479px), (max-height:739px){
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) .portfolio-ref-head{
  gap:3px!important;
}
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) .portfolio-ref-head p{
  display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
  overflow:hidden!important;margin:2px 0 0!important;
  font-size:11.5px!important;line-height:1.4!important;max-width:none!important;
}
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) .portfolio-ref-detail-grid{
  min-height:0!important;flex:1 1 auto!important;margin-top:8px!important;gap:6px!important;align-content:stretch!important;
}
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) .portfolio-ref-detail-grid>span{
  padding:6px 9px!important;align-content:center!important;
}
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) .portfolio-ref-detail-grid b{font-size:12.5px!important;line-height:1.2!important}
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) .portfolio-ref-detail-grid small{font-size:10.5px!important;line-height:1.25!important}
}


/* Availability tile: shave stacked margins so the resume button + contact row clear 605px. */
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) .portfolio-ref-note{margin-top:6px!important}
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) .portfolio-ref-resume{margin-top:9px!important;padding:9px 14px!important}
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) .portfolio-ref-contacts{margin-top:7px!important}
.portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) .portfolio-ref-contact{height:37px!important}

/* Six destinations read as one deliberate navigation group, not a list with a hole. */
.portfolio-dashboard .rail__nav>ul{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.portfolio-dashboard .rail__nav li{
  margin:0!important;
}
.portfolio-dashboard .rail__nav .rail__link[href="/projects"]{
  display:none!important;
}

@media(max-width:900px){
  .portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction){
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
  }
  .portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction) :is(
    .portfolio-ref-card--construction,
    .portfolio-ref-card--engineering,
    .portfolio-ref-card--automation,
    .portfolio-ref-card--about,
    .portfolio-ref-card--experience,
    .portfolio-ref-card--contact
  ){
    grid-column:span 1!important;
  }
}


/* ===== Overview enrichment v142: static tag strips, metrics + availability tiles ===== */
.portfolio-dashboard .portfolio-ref-tags{
  display:flex!important;flex-wrap:wrap!important;gap:6px!important;
  margin-top:auto!important;padding-top:2px!important;min-width:0!important;
}
.portfolio-dashboard .portfolio-ref-tags .portfolio-ref-chip{
  flex:0 0 auto!important;padding:4px 9px!important;
  font-size:10.5px!important;font-weight:600!important;white-space:nowrap!important;
  border-radius:999px!important;background:rgba(126,91,71,.09)!important;
  color:#5c4230!important;box-shadow:rgba(126,91,71,.16) 0 0 0 1px inset!important;
}
.portfolio-dashboard .portfolio-ref-tags .portfolio-ref-chip .ph{font-size:12px!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-tags .portfolio-ref-chip{
  background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.82)!important;
  box-shadow:rgba(255,255,255,.14) 0 0 0 1px inset!important;
}

/* Metrics tile — evenly split hard-number stats. */
.portfolio-dashboard .portfolio-ref-card--metrics .portfolio-ref-metrics{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  margin-top:10px!important;min-height:0!important;
}
.portfolio-dashboard .portfolio-ref-metric{
  display:flex!important;align-items:baseline!important;gap:9px!important;flex:1 1 0!important;
  padding:0 2px!important;border-top:1px solid rgba(23,25,25,.12)!important;
}
.portfolio-dashboard .portfolio-ref-metric:first-child{border-top:0!important}
.portfolio-dashboard .portfolio-ref-metric b{
  flex:0 0 auto!important;min-width:34px!important;
  font:700 26px/1 'Poppins',system-ui,sans-serif!important;
  letter-spacing:-.03em!important;color:#7E5B47!important;
}
.portfolio-dashboard .portfolio-ref-metric small{
  font:500 12px/1.25 -apple-system,BlinkMacSystemFont,system-ui,Poppins,sans-serif!important;
  color:#5c6060!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-metric{border-top-color:rgba(255,255,255,.14)!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-metric b{color:#e7c9b4!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-metric small{color:rgba(255,255,255,.66)!important}

/* Experience tile — compact career timeline (role + context per row). */
.portfolio-dashboard .portfolio-ref-timeline{
  display:flex!important;flex-direction:column!important;flex:1 1 auto!important;
  margin-top:10px!important;min-height:0!important;
}
.portfolio-dashboard .portfolio-ref-step{
  display:flex!important;align-items:center!important;gap:9px!important;flex:1 1 0!important;
  padding:0 2px!important;border-top:1px solid rgba(23,25,25,.12)!important;min-width:0!important;
}
.portfolio-dashboard .portfolio-ref-step:first-child{border-top:0!important}
.portfolio-dashboard .portfolio-ref-step .ph{
  flex:0 0 auto!important;width:20px!important;text-align:center!important;
  font-size:15px!important;color:#7E5B47!important;
}
.portfolio-dashboard .portfolio-ref-step b{
  flex:0 0 auto!important;min-width:92px!important;
  font:650 12.5px/1.2 'Poppins',system-ui,sans-serif!important;
  letter-spacing:-.01em!important;color:#2a2d2d!important;
}
.portfolio-dashboard .portfolio-ref-step small{
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font:500 11.5px/1.25 -apple-system,BlinkMacSystemFont,system-ui,Poppins,sans-serif!important;
  color:#5c6060!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-step{border-top-color:rgba(255,255,255,.14)!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-step .ph{color:#e6b58f!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-step b{color:#f4f7fb!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-step small{color:rgba(255,255,255,.66)!important}

/* Availability & contact tile. */
.portfolio-dashboard .portfolio-ref-card--contact{cursor:default!important;justify-content:center!important;gap:2px!important}
.portfolio-dashboard .portfolio-ref-note{
  margin:9px 0 0!important;font:500 12px/1.45 -apple-system,BlinkMacSystemFont,system-ui,Poppins,sans-serif!important;
  color:#5c6060!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-note{color:rgba(255,255,255,.66)!important}

.portfolio-dashboard .portfolio-ref-icon--live{background:#1f9d55!important}
.portfolio-dashboard .portfolio-ref-status{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  margin-top:2px!important;font:600 12px/1 -apple-system,BlinkMacSystemFont,system-ui,Poppins,sans-serif!important;
  color:#1f7a44!important;
}
.portfolio-dashboard .portfolio-ref-status__dot{
  width:8px!important;height:8px!important;border-radius:50%!important;
  background:#22b95f!important;box-shadow:0 0 0 0 rgba(34,185,95,.55)!important;
  animation:ref-live-pulse 2.4s ease-out infinite!important;
}
@keyframes ref-live-pulse{0%{box-shadow:0 0 0 0 rgba(34,185,95,.5)}70%{box-shadow:0 0 0 7px rgba(34,185,95,0)}100%{box-shadow:0 0 0 0 rgba(34,185,95,0)}}
.portfolio-dashboard .portfolio-ref-resume{
  display:flex!important;align-items:center!important;gap:8px!important;
  margin-top:14px!important;padding:11px 14px!important;border-radius:14px!important;
  background:#7E5B47!important;color:#fff!important;text-decoration:none!important;
  font:650 13px/1 -apple-system,BlinkMacSystemFont,system-ui,Poppins,sans-serif!important;
  transition:background .2s ease,transform .2s ease!important;
}
.portfolio-dashboard .portfolio-ref-resume>span{flex:1 1 auto!important}
.portfolio-dashboard .portfolio-ref-resume .ph{font-size:16px!important}
.portfolio-dashboard .portfolio-ref-resume:hover{background:#6a4c3a!important;transform:translateY(-1px)!important}
.portfolio-dashboard .portfolio-ref-contacts{
  display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin-top:9px!important;
}
.portfolio-dashboard .portfolio-ref-contact{
  display:grid!important;place-items:center!important;height:40px!important;border-radius:12px!important;
  color:#5c4230!important;text-decoration:none!important;
  background:rgba(126,91,71,.09)!important;box-shadow:rgba(126,91,71,.16) 0 0 0 1px inset!important;
  transition:background .2s ease,color .2s ease!important;
}
.portfolio-dashboard .portfolio-ref-contact .ph{font-size:18px!important}
.portfolio-dashboard .portfolio-ref-contact:hover{background:#7E5B47!important;color:#fff!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-status{color:#4bd587!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-contact{
  background:rgba(255,255,255,.06)!important;color:rgba(255,255,255,.82)!important;
  box-shadow:rgba(255,255,255,.14) 0 0 0 1px inset!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-contact:hover{background:#7E5B47!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){.portfolio-dashboard .portfolio-ref-status__dot{animation:none!important}}
html.a11y-reduce-motion .portfolio-dashboard .portfolio-ref-status__dot{animation:none!important}


/* Construction VA dedicated section v132 */
.portfolio-dashboard .portfolio-construction-headline{
  flex:0 0 auto!important;
  margin:0 0 9px!important;
  padding:0 4px!important;
  max-width:860px!important;
}
.portfolio-dashboard .portfolio-construction-headline__title{
  margin:0!important;
  color:var(--dash-ink)!important;
  font:700 clamp(24px,2.6vw,38px)/1 'Poppins',system-ui,sans-serif!important;
  letter-spacing:-.045em!important;
}
.portfolio-dashboard .portfolio-construction-headline__sub{
  margin:6px 0 0!important;
  max-width:720px!important;
  color:#787C7C!important;
  font:500 clamp(12px,.95vw,14px)/1.35 'Poppins',system-ui,sans-serif!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-construction-headline__sub{
  color:rgba(255,255,255,.64)!important;
}

.portfolio-dashboard .portfolio-reference-grid--construction{
  flex:1 1 auto!important;
  display:grid!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:minmax(0,1fr) minmax(0,1.32fr)!important;
  gap:10px!important;
  align-content:stretch!important;
}
.portfolio-dashboard .portfolio-reference-grid--construction>.cva-card{
  grid-column:span 6!important;
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  padding:12px 14px!important;
  min-height:0!important;
}
/* Reorganized footprints: Selected Work is the wide top feature, Credibility the
   compact companion; the four support cards sit below as a single row of equal
   vertical (portrait) bento. */
.portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--work{grid-column:span 8!important}
.portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--cred{grid-column:span 4!important}
.portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--services,
.portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--workflow,
.portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--stack,
.portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--deliverables{grid-column:span 3!important}
/* Quarter-width verticals are content-dense — reclaim header height and tighten
   padding so all items fit the portrait body without collapse/overlap. */
.portfolio-dashboard .portfolio-reference-grid--construction>:is(.cva-card--services,.cva-card--workflow,.cva-card--stack,.cva-card--deliverables){
  gap:7px!important;
  padding:11px 12px!important;
}
.portfolio-dashboard .portfolio-reference-grid--construction>:is(.cva-card--services,.cva-card--workflow,.cva-card--stack,.cva-card--deliverables) .portfolio-ref-head{
  flex:0 0 auto!important;
}
.portfolio-dashboard .portfolio-reference-grid--construction>:is(.cva-card--services,.cva-card--workflow,.cva-card--stack,.cva-card--deliverables) .portfolio-ref-head p{
  font-size:9.5px!important;
  line-height:1.28!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.portfolio-dashboard .portfolio-reference-grid--construction .portfolio-ref-head{
  gap:4px!important;
}
.portfolio-dashboard .portfolio-reference-grid--construction .portfolio-ref-head p{
  margin:0!important;
  max-width:66ch!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.portfolio-dashboard .portfolio-reference-grid--construction .portfolio-ref-label h3{
  font-size:15px!important;
  line-height:1.1!important;
}
.portfolio-dashboard .portfolio-reference-grid--construction .portfolio-ref-icon{
  flex-basis:32px!important;
  width:32px!important;
  height:32px!important;
  border-radius:9px!important;
}
.portfolio-dashboard .portfolio-reference-grid--construction .portfolio-ref-icon .ph{
  font-size:18px!important;
}

/* What I Handle */
.portfolio-dashboard .cva-service-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:repeat(6,minmax(min-content,1fr))!important;
  align-content:stretch!important;
  gap:6px!important;
}
.portfolio-dashboard .cva-service{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 9px!important;
  border:1px solid rgba(15,16,16,.08)!important;
  border-radius:11px!important;
  background:rgba(228,230,231,.62)!important;
}
.portfolio-dashboard .cva-service>.ph{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  color:#7E5B47!important;
  font-size:16px!important;
  border-radius:9px!important;
  background:rgba(126,91,71,.10)!important;
}
.portfolio-dashboard .cva-service span{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:2px!important;
}
.portfolio-dashboard .cva-service b{
  color:var(--dash-ink)!important;
  font:650 10.5px/1.2 'Poppins',system-ui,sans-serif!important;
}
.portfolio-dashboard .cva-service small{
  color:#787C7C!important;
  font:500 8.5px/1.3 'Poppins',system-ui,sans-serif!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
@media(min-width:1101px) and (max-width:1400px){
  /* At laptop widths the quarter-width card is too short for two-line service
     notes across six rows — keep them to one line so nothing clips. */
  .portfolio-dashboard .cva-service small{-webkit-line-clamp:1!important}
}

/* Workflow */
.portfolio-dashboard .cva-workflow-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:repeat(4,minmax(min-content,1fr))!important;
  align-content:stretch!important;
  gap:6px!important;
}
.portfolio-dashboard .cva-workflow-step{
  position:relative!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:9px!important;
  row-gap:1px!important;
  padding:7px 9px!important;
  border:1px solid rgba(15,16,16,.08)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.56)!important;
}
.portfolio-dashboard .cva-workflow-step__no{
  grid-row:1 / span 2!important;
  align-self:center!important;
  color:#7E5B47!important;
  font:700 12px/1 'Poppins',system-ui,sans-serif!important;
}
.portfolio-dashboard .cva-workflow-step>.ph{
  display:none!important;
}
.portfolio-dashboard .cva-workflow-step strong{
  color:var(--dash-ink)!important;
  font:650 10px/1.2 'Poppins',system-ui,sans-serif!important;
}
.portfolio-dashboard .cva-workflow-step small{
  color:#787C7C!important;
  font:500 8.3px/1.3 'Poppins',system-ui,sans-serif!important;
}

/* Selected work — full-width horizontal marquee of landscape deliverable
   screenshots. The old half-width vertical reel forced wide browser captures
   into narrow 94px tiles (cramped, lots of dead space); a slim header over a
   full-bleed sideways-drifting strip shows each screenshot at its native
   landscape ratio and uses the wide card. Scoped to the construction work card
   so Engineering's vertical drift-up reel stays byte-for-byte identical. */
.portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--work{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  align-items:stretch!important;
  text-align:left!important;
  cursor:pointer!important;
}
.portfolio-dashboard .cva-card--work .portfolio-ref-head{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:row!important;
  align-items:center!important;
  gap:10px!important;
}
.portfolio-dashboard .cva-card--work .portfolio-ref-head p{display:none!important}
.portfolio-dashboard .cva-card--work .portfolio-ref-arrow{margin-left:auto!important;position:static!important}
.portfolio-dashboard .cva-card--work .portfolio-ref-reel{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  margin-top:0!important;
}
.portfolio-dashboard .cva-card--work .portfolio-ref-reel-track{
  flex-direction:row!important;
  width:max-content!important;
  height:100%!important;
  gap:12px!important;
  animation:cva-work-marquee 42s linear infinite!important;
}
@keyframes cva-work-marquee{
  from{translate:0 0}
  to{translate:calc(-50% - 6px) 0}
}
.portfolio-dashboard .cva-card--work .portfolio-ref-shot{
  flex:0 0 auto!important;
  width:auto!important;
  height:100%!important;
  min-height:0!important;
  aspect-ratio:16 / 10!important;
  padding:0!important;
}
/* Hover / focus pause — parity with the section's other marquees. Beats the
   normal-state animation rule's specificity so the shorthand can't re-run it. */
.portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--work:is(:hover,:focus-within) .portfolio-ref-reel-track{
  animation-play-state:paused!important;
}
/* Reduced-motion + touch guards, scoped high enough to override the animation
   shorthand above (the shared guards sit at lower specificity). */
@media(prefers-reduced-motion:reduce){
  .portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--work .portfolio-ref-reel-track{animation:none!important;translate:none!important}
}
html.a11y-reduce-motion .portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--work .portfolio-ref-reel-track{animation:none!important;translate:none!important}
@media(hover:none){
  .portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--work .portfolio-ref-reel{overflow:auto!important}
  .portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--work .portfolio-ref-reel-track{animation:none!important;translate:none!important}
}

/* Construction stack */
.portfolio-dashboard .cva-tool-groups{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-rows:min-content!important;
  align-content:space-between!important;
  gap:6px!important;
}
.portfolio-dashboard .cva-tool-group{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:6px 7px!important;
  border:1px solid rgba(15,16,16,.08)!important;
  border-radius:11px!important;
  background:rgba(228,230,231,.48)!important;
}
.portfolio-dashboard .cva-tool-group>strong{
  color:var(--dash-ink)!important;
  font:650 9px/1.2 'Poppins',system-ui,sans-serif!important;
}
.portfolio-dashboard .cva-tool-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:4px!important;
}
.portfolio-dashboard .cva-tool{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:4px 5px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(15,16,16,.06)!important;
}
.portfolio-dashboard .cva-tool img{
  flex:0 0 auto!important;
  width:16px!important;
  height:16px!important;
  object-fit:contain!important;
}
.portfolio-dashboard .cva-tool span{
  overflow:hidden!important;
  color:var(--dash-ink)!important;
  font:600 8px/1 'Poppins',system-ui,sans-serif!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}

/* Experience + deliverables */
.portfolio-dashboard .cva-cred-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}
.portfolio-dashboard .cva-cred{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  padding:7px 8px!important;
  border-radius:11px!important;
  background:rgba(228,230,231,.58)!important;
  border:1px solid rgba(15,16,16,.07)!important;
}
.portfolio-dashboard .cva-cred>.ph{
  color:#7E5B47!important;
  font-size:17px!important;
}
.portfolio-dashboard .cva-cred span{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
}
.portfolio-dashboard .cva-cred b{
  color:var(--dash-ink)!important;
  font:700 10px/1.15 'Poppins',system-ui,sans-serif!important;
}
.portfolio-dashboard .cva-cred strong{
  color:#505454!important;
  font:600 8px/1.2 'Poppins',system-ui,sans-serif!important;
}
.portfolio-dashboard .cva-cred small{
  color:#787C7C!important;
  font:500 7.5px/1.22 'Poppins',system-ui,sans-serif!important;
}
.portfolio-dashboard .cva-deliverable-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:repeat(6,minmax(min-content,1fr))!important;
  align-content:stretch!important;
  gap:6px!important;
}
.portfolio-dashboard .cva-deliverable{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  padding:5px 8px!important;
  border-radius:10px!important;
  background:rgba(228,230,231,.58)!important;
  border:1px solid rgba(15,16,16,.07)!important;
}
.portfolio-dashboard .cva-deliverable>.ph{
  color:#7E5B47!important;
  font-size:16px!important;
}
.portfolio-dashboard .cva-deliverable span{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
}
.portfolio-dashboard .cva-deliverable b{
  color:var(--dash-ink)!important;
  font:650 9.5px/1.15 'Poppins',system-ui,sans-serif!important;
}
.portfolio-dashboard .cva-deliverable small{
  color:#787C7C!important;
  font:500 7.8px/1.2 'Poppins',system-ui,sans-serif!important;
}

/* Dark-mode parity with Engineering/About card language. */
.portfolio-dashboard[data-theme="dark"] .cva-service,
.portfolio-dashboard[data-theme="dark"] .cva-tool-group,
.portfolio-dashboard[data-theme="dark"] .cva-cred,
.portfolio-dashboard[data-theme="dark"] .cva-deliverable{
  background:rgba(126,91,71,.16)!important;
  border-color:rgba(185,154,136,.18)!important;
}
.portfolio-dashboard[data-theme="dark"] .cva-workflow-step,
.portfolio-dashboard[data-theme="dark"] .cva-tool{
  background:rgba(255,255,255,.05)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.cva-service b,.cva-workflow-step strong,.cva-work-sample strong,.cva-tool-group>strong,.cva-tool span,.cva-cred b,.cva-deliverable b){
  color:#f4f7fb!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.cva-service small,.cva-workflow-step small,.cva-work-sample small,.cva-cred strong,.cva-cred small,.cva-deliverable small){
  color:#A9ADAD!important;
}

/* The generic four-card Overview reflow must not override the dedicated CVA grid. */
.portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:minmax(0,1fr) minmax(0,1.32fr)!important;
}
.portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid>.cva-card{
  grid-column:span 6!important;
}
.portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid>.cva-card--work{grid-column:span 8!important}
.portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid>.cva-card--cred{grid-column:span 4!important}
.portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid>.cva-card--services,
.portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid>.cva-card--workflow,
.portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid>.cva-card--stack,
.portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid>.cva-card--deliverables{grid-column:span 3!important}

@media(min-width:1101px) and (max-height:800px){
  /* Short laptop windows: the single-screen fit squeezes the four portrait
     support cards below their content height, so items overlap/clip. Reclaim the
     header (the one-line notes are redundant with the titles here) and densify
     every tile so all items stay visible. Taller screens are untouched. */
  .portfolio-dashboard .portfolio-reference-grid--construction>:is(.cva-card--services,.cva-card--workflow,.cva-card--stack,.cva-card--deliverables){
    gap:5px!important;
    padding:8px 11px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--construction>:is(.cva-card--services,.cva-card--workflow,.cva-card--stack,.cva-card--deliverables) .portfolio-ref-head p{
    display:none!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--construction>:is(.cva-card--services,.cva-card--workflow,.cva-card--stack,.cva-card--deliverables) .portfolio-ref-label h3{
    font-size:13px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--construction>:is(.cva-card--services,.cva-card--workflow,.cva-card--stack,.cva-card--deliverables) .portfolio-ref-icon{
    flex-basis:26px!important;width:26px!important;height:26px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--construction>:is(.cva-card--services,.cva-card--workflow,.cva-card--stack,.cva-card--deliverables) .portfolio-ref-icon .ph{
    font-size:15px!important;
  }
  /* What I Handle + Typical Deliverables tiles */
  .portfolio-dashboard .cva-service-grid,
  .portfolio-dashboard .cva-deliverable-grid{gap:4px!important}
  .portfolio-dashboard .cva-service{grid-template-columns:24px minmax(0,1fr)!important;gap:7px!important;padding:4px 8px!important}
  .portfolio-dashboard .cva-service>.ph{width:24px!important;height:24px!important;font-size:14px!important}
  .portfolio-dashboard .cva-service small{-webkit-line-clamp:1!important}
  .portfolio-dashboard .cva-deliverable{gap:6px!important;padding:4px 8px!important}
  /* Workflow steps */
  .portfolio-dashboard .cva-workflow-grid{gap:4px!important}
  .portfolio-dashboard .cva-workflow-step{padding:5px 9px!important}
  /* Construction Stack groups */
  .portfolio-dashboard .cva-tool-groups{gap:4px!important}
  .portfolio-dashboard .cva-tool-group{gap:4px!important;padding:5px 7px!important}
  .portfolio-dashboard .cva-tool-list{gap:3px!important}
  .portfolio-dashboard .cva-tool{padding:3px 5px!important}
}

@media(min-width:1101px) and (max-height:660px){
  /* Very short windows (small laptops / split screens): squeeze the two densest
     portrait cards — What I Handle (6 rows) and Construction Stack (3 groups) —
     the last few pixels so nothing clips at ~600px of usable height. */
  .portfolio-dashboard .cva-service{grid-template-columns:20px minmax(0,1fr)!important;gap:6px!important;padding:2px 7px!important}
  .portfolio-dashboard .cva-service>.ph{width:20px!important;height:20px!important;font-size:13px!important}
  .portfolio-dashboard .cva-service b{font-size:10px!important}
  .portfolio-dashboard .cva-service small{font-size:8px!important;line-height:1.2!important}
  .portfolio-dashboard .cva-tool-group{gap:3px!important;padding:3px 6px!important}
  .portfolio-dashboard .cva-tool-group>strong{font-size:8.5px!important}
  .portfolio-dashboard .cva-tool-list{gap:2px!important}
  .portfolio-dashboard .cva-tool{padding:2px 5px!important}
  .portfolio-dashboard .cva-tool img{width:14px!important;height:14px!important}
  .portfolio-dashboard .cva-deliverable{padding:3px 8px!important}
}

@media(max-width:1100px){
  /* Below wide desktop the single row of four verticals gets too narrow — fall
     back to the balanced 2×2 support block with multi-column inner content. */
  .portfolio-dashboard .portfolio-reference-grid--construction,
  .portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid{
    grid-template-rows:minmax(0,1.18fr) minmax(0,1fr) minmax(0,.98fr)!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--services,
  .portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--workflow,
  .portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--stack,
  .portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--deliverables,
  .portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid>.cva-card--services,
  .portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid>.cva-card--workflow,
  .portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid>.cva-card--stack,
  .portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid>.cva-card--deliverables{grid-column:span 6!important}
  .portfolio-dashboard .cva-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important}
  .portfolio-dashboard .cva-workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:none!important}
  .portfolio-dashboard .cva-deliverable-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
  .portfolio-dashboard .cva-tool-groups{grid-template-columns:1fr!important}
  .portfolio-dashboard .cva-tool-group{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;align-items:center!important}
  .portfolio-dashboard .cva-tool-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .portfolio-dashboard .portfolio-construction-headline{margin-bottom:10px!important}
  .portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid{
    flex:0 0 auto!important;
    height:auto!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    grid-auto-rows:auto!important;
    gap:8px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid>.cva-card{
    grid-column:1!important;
    min-height:210px!important;
  }
  .portfolio-dashboard .cva-card--work .portfolio-ref-reel{min-height:180px!important}
  .portfolio-dashboard .cva-cred-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .portfolio-dashboard .cva-tool-group{grid-template-columns:1fr!important}
  .portfolio-dashboard .cva-tool-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .portfolio-dashboard .cva-service-grid,
  .portfolio-dashboard .cva-deliverable-grid{grid-template-columns:1fr!important;grid-template-rows:none!important}
  .portfolio-dashboard .cva-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .portfolio-dashboard .cva-cred-grid{grid-template-columns:1fr!important}
}

/* Keep credential badges readable above the approved photo fan. */
.portfolio-dashboard .portfolio-ref-card--about .portfolio-ref-fan{min-height:148px!important}
.portfolio-dashboard .portfolio-ref-card--about .portfolio-ref-badges{
  position:absolute!important;inset:0 0 auto!important;height:44px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  z-index:5!important;
}
.portfolio-dashboard .portfolio-ref-card--about .portfolio-ref-badges .portfolio-ref-badge{
  position:relative!important;inset:auto!important;width:clamp(28px,3vw,40px)!important;
  height:40px!important;flex:0 1 40px!important;transform:none!important;opacity:1!important;
  filter:drop-shadow(0 2px 3px rgba(15,16,16,.2))!important;
}
.portfolio-dashboard .portfolio-ref-card--about:hover .portfolio-ref-badges .portfolio-ref-badge{transform:translateY(-3px)!important}
.portfolio-dashboard .portfolio-ref-card--about .portfolio-ref-photo{width:68px!important}
@media(max-width:620px){
  html body #portfolio-dashboard .portfolio-ref-card--about .portfolio-ref-fan{min-height:148px!important;height:148px!important;flex:0 0 148px!important}
  html body #portfolio-dashboard .portfolio-ref-card--about .portfolio-ref-badges .portfolio-ref-badge{width:38px!important;height:38px!important}
}