.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(11,30,63,.14);
  border-radius:22px;
  box-shadow:0 22px 70px -50px rgba(6,12,26,.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,
body:not(.dashboard-active) .portfolio-dashboard :is(.cursor-ring,.kape,.mobile-nav){
  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;
}
.portfolio-dashboard :is(.cursor-ring,.kape,.a11y,.mobile-nav){transition:visibility 0s}

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;
}

/* Reference-inspired desktop polish: dense sidebar + bento workspace. */
@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(11,30,63,.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(6,12,26,.55)!important;
  }
  .portfolio-dashboard .rail__name{
    font-size:21px!important;
    line-height:1.08!important;
    margin-top:2px!important;
  }
  .portfolio-dashboard .rail__handle,
  .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__list{
    display:grid!important;
    gap:3px!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__brand-slot{
    min-width:0!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  .portfolio-dashboard .branddemo-brandmark{width:54px!important;height:54px!important}
  .portfolio-dashboard .branddemo-wordmark{font-size:20px!important}
  .portfolio-dashboard .branddemo-byline{font-size:9px!important}

  .portfolio-dashboard .home__promo-card{
    height:116px!important;
    min-height:116px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .home__promo-head{
    top:10px!important;
    left:14px!important;
    right:14px!important;
  }
  .portfolio-dashboard .home__promo-controls button{
    width:28px!important;
    height:28px!important;
  }
  .portfolio-dashboard .home__promo-card .home__promo-viewport{
    height:116px!important;
    min-height:116px!important;
  }
  .portfolio-dashboard .home__promo-card .home__promo-slide{
    height:116px!important;
    min-height:116px!important;
    padding:35px 14px 13px!important;
    gap:8px!important;
  }
  .portfolio-dashboard .update-copy strong{font-size:16px!important;line-height:1.1!important}
  .portfolio-dashboard .update-copy small{font-size:10px!important;line-height:1.35!important}
  .portfolio-dashboard .update-cta{font-size:10px!important}
  .portfolio-dashboard .update-image{border-radius:12px!important}
  .portfolio-dashboard .home__promo-dots{bottom:5px!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 .home__showcase,
  .portfolio-dashboard .bento{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  .portfolio-dashboard .bento{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:unset!important;
    gap:10px!important;
  }
  .portfolio-dashboard .bento__card{
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:13px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    box-shadow:inset 0 0 0 1px rgba(11,30,63,.14),0 12px 28px -26px rgba(6,12,26,.55)!important;
  }
  .portfolio-dashboard .bento__card--projects{grid-column:span 5!important;grid-row:1!important}
  .portfolio-dashboard .bento__card--ai{grid-column:span 3!important;grid-row:1!important}
  .portfolio-dashboard .bento__card--about{grid-column:span 4!important;grid-row:1!important}
  .portfolio-dashboard .bento__card--services{grid-column:span 5!important;grid-row:2!important}
  .portfolio-dashboard .bento__card--quotes{grid-column:span 7!important;grid-row:2!important}
  .portfolio-dashboard .bento__head{gap:7px!important}
  .portfolio-dashboard .bento__icon{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
  }
  .portfolio-dashboard .bento__title{font-size:14px!important}
  .portfolio-dashboard .bento__desc{
    margin-top:5px!important;
    font-size:10.5px!important;
    line-height:1.38!important;
  }
  .portfolio-dashboard .bento__media{margin-top:9px!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-head{
    min-height:0!important;
    margin-bottom:10px!important;
    gap:16px!important;
    align-items:flex-start!important;
  }
  .portfolio-dashboard .clone-kicker{font-size:9px!important}
  .portfolio-dashboard .clone-title{
    margin-top:4px!important;
    font-size:clamp(28px,2.6vw,36px)!important;
    line-height:1!important;
  }
  .portfolio-dashboard .clone-lede{
    max-width:700px!important;
    margin-top:7px!important;
    font-size:11.5px!important;
    line-height:1.45!important;
  }
  .portfolio-dashboard .clone-actions{gap:6px!important}
  .portfolio-dashboard .clone-btn{
    height:36px!important;
    min-height:36px!important;
    padding:0 14px!important;
    font-size:10.5px!important;
  }
  .portfolio-dashboard .clone-glass{
    margin-top:9px!important;
    padding:12px!important;
    border-radius:22px!important;
  }
  .portfolio-dashboard .clone-grid{gap:10px!important}
  .portfolio-dashboard .clone-card{
    min-height:0!important;
    padding:13px!important;
    border-radius:18px!important;
    box-shadow:inset 0 0 0 1px rgba(11,30,63,.16),0 14px 30px -30px rgba(6,12,26,.5)!important;
  }
  .portfolio-dashboard .clone-card:hover{transform:translateY(-1px)!important}
  .portfolio-dashboard .clone-card__no{font-size:8.5px!important}
  .portfolio-dashboard .clone-card h2{margin:5px 0 5px!important;font-size:17px!important}
  .portfolio-dashboard .clone-card h3{margin:5px 0 4px!important;font-size:13.5px!important}
  .portfolio-dashboard .clone-card p{
    font-size:10.5px!important;
    line-height:1.45!important;
  }
  .portfolio-dashboard .clone-icon{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    font-size:15px!important;
  }
  .portfolio-dashboard .clone-tags{gap:5px!important;margin-top:9px!important}
  .portfolio-dashboard .clone-tag{height:23px!important;padding:0 8px!important;font-size:8.5px!important}
  .portfolio-dashboard .clone-note{
    margin-top:9px!important;
    padding:9px 11px!important;
    border-radius:12px!important;
    font-size:9.5px!important;
  }
  .portfolio-dashboard .clone-section-title{
    margin:12px 0 7px!important;
    font-size:12px!important;
  }
  .portfolio-dashboard .clone-metric{font-size:28px!important}
  .portfolio-dashboard .clone-row{gap:10px!important}

  .portfolio-dashboard .pet-switch-row{
    gap:6px!important;
    padding:0 0 7px!important;
    flex-wrap:nowrap!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .pet-switch-row button{
    min-height:36px!important;
    padding:4px 9px 4px 4px!important;
    gap:6px!important;
  }
  .portfolio-dashboard .pet-switch-row img{width:28px!important;height:28px!important}
  .portfolio-dashboard .pet-switch-row span{font-size:9px!important}
  .portfolio-dashboard .pet-tabs{
    gap:5px!important;
    margin-bottom:9px!important;
    padding-bottom:0!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .pet-tabs button{
    height:30px!important;
    padding:0 10px!important;
    font-size:9px!important;
  }
  .portfolio-dashboard .pet-profile-card{
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:14px!important;
  }
  .portfolio-dashboard .pet-profile-photo{
    width:92px!important;
    height:92px!important;
    border-radius:18px!important;
  }
  .portfolio-dashboard .pet-metric{font-size:22px!important;margin:6px 0!important}

  .portfolio-dashboard .pet-stepper{
    gap:5px!important;
    margin-bottom:9px!important;
  }
  .portfolio-dashboard .pet-stepper span{
    height:36px!important;
    min-height:36px!important;
    border-radius:12px!important;
    font-size:9px!important;
  }
  .portfolio-dashboard .pet-stepper span b{font-size:8.5px!important}
  .portfolio-dashboard .pet-book-card{min-height:0!important}
  .portfolio-dashboard .pet-choice-grid,
  .portfolio-dashboard .pet-option-grid{
    gap:8px!important;
    margin:10px 0!important;
  }
  .portfolio-dashboard .pet-choice,
  .portfolio-dashboard .pet-option{
    min-height:0!important;
    padding:9px!important;
    border-radius:14px!important;
  }
  .portfolio-dashboard .pet-choice img{width:42px!important;height:42px!important;border-radius:12px!important}
  .portfolio-dashboard .pet-choice strong,
  .portfolio-dashboard .pet-option strong{font-size:10.5px!important}
  .portfolio-dashboard .pet-choice small,
  .portfolio-dashboard .pet-option small{font-size:8.5px!important}
  .portfolio-dashboard .pet-form-grid{
    gap:8px!important;
    margin-top:10px!important;
  }
  .portfolio-dashboard .pet-input{
    min-height:36px!important;
    padding:0 10px!important;
    border-radius:11px!important;
    font-size:11px!important;
  }
  .portfolio-dashboard .pet-textarea{
    min-height:62px!important;
    padding-top:9px!important;
  }
  .portfolio-dashboard .pet-review{gap:7px!important;margin-top:10px!important}
  .portfolio-dashboard .pet-review div{padding:9px!important;border-radius:12px!important}
  .portfolio-dashboard .pet-book-controls{margin-top:10px!important}

  .portfolio-dashboard .pet-messages{
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto auto!important;
    height:calc(100% - 104px)!important;
    min-height:0!important;
  }
  .portfolio-dashboard .pet-thread{
    min-height:0!important;
    overflow:hidden!important;
  }

  .portfolio-dashboard[data-route="hotel"] .clone-wrap,
  .portfolio-dashboard[data-route="grooming"] .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="hotel"] .clone-head,
  .portfolio-dashboard[data-route="grooming"] .clone-head{
    grid-column:1/-1!important;
  }
  .portfolio-dashboard[data-route="hotel"] .clone-wrap>.clone-glass,
  .portfolio-dashboard[data-route="grooming"] .clone-wrap>.clone-glass{
    grid-column:1!important;
    grid-row:2!important;
    margin-top:0!important;
  }
  .portfolio-dashboard[data-route="hotel"] .clone-section-title,
  .portfolio-dashboard[data-route="grooming"] .clone-section-title{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    margin:0 0 7px!important;
  }
  .portfolio-dashboard[data-route="hotel"] .clone-section-title + .clone-grid,
  .portfolio-dashboard[data-route="grooming"] .clone-section-title + .clone-grid{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    margin-top:24px!important;
    grid-template-columns:1fr!important;
  }

  .portfolio-dashboard[data-route="messages"] .clone-wrap,
  .portfolio-dashboard[data-route="profile"] .clone-wrap,
  .portfolio-dashboard[data-route="about"] .clone-wrap{
    display:flex!important;
    flex-direction:column!important;
  }
  .portfolio-dashboard[data-route="messages"] .clone-glass,
  .portfolio-dashboard[data-route="profile"] .clone-glass,
  .portfolio-dashboard[data-route="about"] .clone-glass{
    flex:1 1 auto!important;
    min-height:0!important;
  }
}

/* Mobile / tablet: compact app dashboard, no zoom and no hidden right-side content. */
@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__handle,
  .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__brand-slot{
    min-width:0!important;
    padding:8px!important;
    border-radius:15px!important;
  }
  .portfolio-dashboard .branddemo-brandmark{width:34px!important;height:34px!important}
  .portfolio-dashboard .branddemo-wordmark{font-size:12px!important}
  .portfolio-dashboard .branddemo-byline{display:none!important}
  .portfolio-dashboard .home__promo-card{
    height:86px!important;
    min-height:86px!important;
    border-radius:15px!important;
  }
  .portfolio-dashboard .home__promo-head{top:7px!important;left:9px!important;right:9px!important}
  .portfolio-dashboard .home__promo-controls{display:none!important}
  .portfolio-dashboard .home__promo-card .home__promo-viewport,
  .portfolio-dashboard .home__promo-card .home__promo-slide{
    height:86px!important;
    min-height:86px!important;
  }
  .portfolio-dashboard .home__promo-card .home__promo-slide{
    grid-template-columns:minmax(0,1.4fr) minmax(64px,.6fr)!important;
    padding:26px 8px 9px!important;
    gap:6px!important;
  }
  .portfolio-dashboard .update-copy strong{font-size:11px!important}
  .portfolio-dashboard .update-copy small{display:none!important}
  .portfolio-dashboard .update-cta{font-size:8px!important}
  .portfolio-dashboard .update-image{border-radius:9px!important}
  .portfolio-dashboard .home__promo-dots{display:none!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 .home__showcase,
  .portfolio-dashboard .bento{height:100%!important;min-height:0!important}
  .portfolio-dashboard .bento{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:unset!important;
    gap:7px!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .bento__card{
    grid-column:auto!important;
    grid-row:auto!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:9px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .bento__card--projects,
  .portfolio-dashboard .bento__card--services{grid-column:1/-1!important}
  .portfolio-dashboard .bento__icon{width:27px!important;height:27px!important;border-radius:9px!important}
  .portfolio-dashboard .bento__title{font-size:10.5px!important}
  .portfolio-dashboard .bento__desc{
    margin-top:3px!important;
    font-size:8.5px!important;
    line-height:1.3!important;
  }
  .portfolio-dashboard .bento__media{margin-top:5px!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-head{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:8px!important;
    margin-bottom:6px!important;
  }
  .portfolio-dashboard .clone-head>div:first-child{min-width:0!important}
  .portfolio-dashboard .clone-kicker{font-size:7.5px!important}
  .portfolio-dashboard .clone-title{
    margin-top:2px!important;
    font-size:22px!important;
    line-height:1!important;
  }
  .portfolio-dashboard .clone-lede{
    margin-top:4px!important;
    max-width:none!important;
    font-size:9px!important;
    line-height:1.3!important;
  }
  .portfolio-dashboard .clone-actions{
    flex:0 0 auto!important;
    margin:0 0 0 auto!important;
  }
  .portfolio-dashboard .clone-actions .clone-btn{
    height:30px!important;
    min-height:30px!important;
    padding:0 9px!important;
    font-size:8.5px!important;
  }
  .portfolio-dashboard .clone-glass{
    flex:1 1 auto!important;
    min-height:0!important;
    margin-top:5px!important;
    padding:8px!important;
    border-radius:17px!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .clone-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .portfolio-dashboard .clone-card,
  .portfolio-dashboard .clone-card--third,
  .portfolio-dashboard .clone-card--full{
    grid-column:auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:9px!important;
    border-radius:14px!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .clone-card--full{grid-column:1/-1!important}
  .portfolio-dashboard .clone-card__no{font-size:7px!important}
  .portfolio-dashboard .clone-card h2{margin:3px 0!important;font-size:13px!important}
  .portfolio-dashboard .clone-card h3{margin:3px 0!important;font-size:10.5px!important}
  .portfolio-dashboard .clone-card p{font-size:8.5px!important;line-height:1.3!important}
  .portfolio-dashboard .clone-icon{width:28px!important;height:28px!important;border-radius:9px!important}
  .portfolio-dashboard .clone-tags{gap:4px!important;margin-top:5px!important}
  .portfolio-dashboard .clone-tag{height:19px!important;padding:0 6px!important;font-size:7px!important}
  .portfolio-dashboard .clone-note{margin-top:6px!important;padding:7px 8px!important;font-size:7.8px!important}
  .portfolio-dashboard .clone-section-title{margin:7px 0 5px!important;font-size:9.5px!important}
  .portfolio-dashboard .clone-btn{
    height:30px!important;
    min-height:30px!important;
    padding:0 9px!important;
    font-size:8.5px!important;
  }

  .portfolio-dashboard .pet-switch-row{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:hidden!important;
    padding:0 0 5px!important;
  }
  .portfolio-dashboard .pet-switch-row button{
    min-width:0!important;
    min-height:30px!important;
    padding:3px 5px!important;
    gap:4px!important;
    justify-content:center!important;
  }
  .portfolio-dashboard .pet-switch-row img{width:23px!important;height:23px!important}
  .portfolio-dashboard .pet-switch-row span{font-size:7.5px!important;overflow:hidden;text-overflow:ellipsis}
  .portfolio-dashboard .pet-tabs{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:4px!important;
    overflow:hidden!important;
    margin-bottom:6px!important;
  }
  .portfolio-dashboard .pet-tabs button{
    min-width:0!important;
    height:27px!important;
    padding:0 4px!important;
    font-size:7.5px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .portfolio-dashboard .pet-profile-card{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .portfolio-dashboard .pet-profile-photo{
    width:64px!important;
    height:64px!important;
    border-radius:13px!important;
  }
  .portfolio-dashboard .pet-metric{font-size:15px!important;margin:3px 0!important}

  .portfolio-dashboard .pet-stepper{
    flex:0 0 auto!important;
    gap:3px!important;
    margin-bottom:5px!important;
  }
  .portfolio-dashboard .pet-stepper span{
    height:29px!important;
    min-height:29px!important;
    padding:0 2px!important;
    border-radius:9px!important;
    font-size:7px!important;
  }
  .portfolio-dashboard .pet-stepper span b{display:none!important}
  .portfolio-dashboard .pet-book-card{min-height:0!important}
  .portfolio-dashboard .pet-choice-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    margin:6px 0!important;
  }
  .portfolio-dashboard .pet-option-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    margin:6px 0!important;
  }
  .portfolio-dashboard .pet-choice,
  .portfolio-dashboard .pet-option{
    min-width:0!important;
    min-height:0!important;
    padding:6px!important;
    border-radius:11px!important;
    gap:5px!important;
  }
  .portfolio-dashboard .pet-choice img{width:30px!important;height:30px!important;border-radius:9px!important}
  .portfolio-dashboard .pet-choice strong,
  .portfolio-dashboard .pet-option strong{font-size:8px!important}
  .portfolio-dashboard .pet-choice small,
  .portfolio-dashboard .pet-option small{font-size:6.8px!important}
  .portfolio-dashboard .pet-form-grid,
  .portfolio-dashboard .pet-review{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    margin-top:6px!important;
  }
  .portfolio-dashboard .pet-field-full{grid-column:1/-1!important}
  .portfolio-dashboard .pet-form-grid label,
  .portfolio-dashboard .clone-card label{gap:4px!important;font-size:7.5px!important}
  .portfolio-dashboard .pet-input{
    min-height:30px!important;
    padding:0 8px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }
  .portfolio-dashboard .pet-textarea{min-height:48px!important;padding-top:7px!important}
  .portfolio-dashboard .pet-review div{padding:6px!important;border-radius:9px!important}
  .portfolio-dashboard .pet-review small{font-size:6.5px!important}
  .portfolio-dashboard .pet-review strong{margin-top:2px!important;font-size:8px!important}
  .portfolio-dashboard .pet-book-controls{margin-top:6px!important}

  .portfolio-dashboard .pet-messages{
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto auto!important;
    min-height:0!important;
    height:100%!important;
  }
  .portfolio-dashboard .pet-thread{min-height:0!important;overflow:hidden!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 .clone-lede{max-width:255px!important}
  .portfolio-dashboard .rail__actions{gap:4px!important}
  .portfolio-dashboard .home__topbar{grid-template-columns:78px minmax(0,1fr)!important}
}

@media(prefers-reduced-motion:reduce){
  .portfolio-dashboard.is-revealing .dashboard-curtain{
    animation:none;
    transform:translateY(-110%);
    border-radius:50%;
  }
}

/* =====================================================================
   Reference-density finishing pass
   ===================================================================== */
@media(min-width:901px){
  .portfolio-dashboard[data-route="pets"] .clone-wrap,
  .portfolio-dashboard[data-route="health"] .clone-wrap,
  .portfolio-dashboard[data-route="rewards"] .clone-wrap{
    display:flex!important;
    flex-direction:column!important;
  }
  .portfolio-dashboard[data-route="pets"] .clone-glass,
  .portfolio-dashboard[data-route="health"] .clone-glass,
  .portfolio-dashboard[data-route="rewards"] .clone-glass{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard[data-route="pets"] .clone-grid.pet-overview-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    align-content:stretch!important;
    height:100%!important;
  }
  .portfolio-dashboard[data-route="pets"] .pet-overview-grid>.pet-profile-card{
    grid-column:1/-1!important;
    min-height:0!important;
  }
  .portfolio-dashboard[data-route="pets"] .pet-overview-grid>.pet-insight-card{
    grid-column:span 1!important;
    min-height:0!important;
    height:100%!important;
  }
  .portfolio-dashboard[data-route="health"] .clone-grid,
  .portfolio-dashboard[data-route="rewards"] .clone-grid{
    align-content:start!important;
  }
}

@media(max-width:900px){
  /* Pawfile/Pets: preserve the full overview in a compact 2-column bento. */
  .portfolio-dashboard[data-route="pets"] .clone-glass{
    display:flex!important;
    flex-direction:column!important;
  }
  .portfolio-dashboard[data-route="pets"] .clone-grid.pet-overview-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:auto repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    align-content:stretch!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard[data-route="pets"] .pet-overview-grid>.pet-profile-card{
    grid-column:1/-1!important;
    min-height:0!important;
    padding:8px!important;
  }
  .portfolio-dashboard[data-route="pets"] .pet-overview-grid>.pet-insight-card{
    grid-column:span 1!important;
    min-height:0!important;
    height:auto!important;
    padding:7px!important;
    display:grid!important;
    grid-template-columns:25px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:6px!important;
    row-gap:2px!important;
    align-content:start!important;
  }
  .portfolio-dashboard[data-route="pets"] .pet-insight-card .pet-insight-icon{
    grid-column:1!important;
    grid-row:1/3!important;
    width:25px!important;
    height:25px!important;
    border-radius:8px!important;
  }
  .portfolio-dashboard[data-route="pets"] .pet-insight-card .pet-insight-icon svg{
    width:14px!important;
    height:14px!important;
  }
  .portfolio-dashboard[data-route="pets"] .pet-insight-card .clone-card__no{
    grid-column:2!important;
    grid-row:1!important;
    margin:0!important;
    font-size:6.4px!important;
    line-height:1.15!important;
  }
  .portfolio-dashboard[data-route="pets"] .pet-insight-card .pet-metric{
    grid-column:2!important;
    grid-row:2!important;
    margin:1px 0 0!important;
    font-size:12px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .portfolio-dashboard[data-route="pets"] .pet-insight-card>p{
    display:none!important;
  }

  /* Booking routes should read as two compact cards, not one huge empty panel. */
  .portfolio-dashboard[data-route="hotel"] .clone-wrap,
  .portfolio-dashboard[data-route="grooming"] .clone-wrap{
    display:flex!important;
    flex-direction:column!important;
  }
  .portfolio-dashboard[data-route="hotel"] .clone-wrap>.clone-glass,
  .portfolio-dashboard[data-route="grooming"] .clone-wrap>.clone-glass{
    flex:0 0 auto!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
  }
  .portfolio-dashboard[data-route="hotel"] .pet-book-card,
  .portfolio-dashboard[data-route="grooming"] .pet-book-card{
    min-height:0!important;
    height:auto!important;
  }
  .portfolio-dashboard[data-route="hotel"] .clone-section-title,
  .portfolio-dashboard[data-route="grooming"] .clone-section-title{
    flex:0 0 auto!important;
    margin:6px 0 4px!important;
  }
  .portfolio-dashboard[data-route="hotel"] .clone-section-title + .clone-grid,
  .portfolio-dashboard[data-route="grooming"] .clone-section-title + .clone-grid{
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard[data-route="hotel"] .clone-section-title + .clone-grid .clone-card,
  .portfolio-dashboard[data-route="grooming"] .clone-section-title + .clone-grid .clone-card{
    min-height:0!important;
    padding:7px!important;
  }

  /* Rewards keeps full-width summary cards, then uses the remaining row efficiently. */
  .portfolio-dashboard[data-route="rewards"] .clone-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    align-content:start!important;
  }
  .portfolio-dashboard[data-route="rewards"] :is(.pet-member-card,.pet-reward-hero){
    grid-column:1/-1!important;
  }

  /* About is the only route with more content than a compact viewport can show cleanly. */
  .portfolio-dashboard[data-route="about"] .clone-glass{
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .portfolio-dashboard[data-route="about"] .clone-glass::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }
}

@media(max-width:430px){
  .portfolio-dashboard[data-route="pets"] .pet-profile-card{
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .portfolio-dashboard[data-route="pets"] .pet-profile-photo{
    width:56px!important;
    height:56px!important;
    border-radius:12px!important;
  }
  .portfolio-dashboard[data-route="pets"] .pet-profile-card .clone-tags{
    gap:3px!important;
    margin-top:4px!important;
  }
  .portfolio-dashboard[data-route="pets"] .pet-profile-card .clone-tag{
    height:16px!important;
    padding:0 5px!important;
    font-size:6px!important;
  }
  .portfolio-dashboard[data-route="hotel"] .clone-section-title + .clone-grid,
  .portfolio-dashboard[data-route="grooming"] .clone-section-title + .clone-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* Dark theme parity for the integrated dashboard shell.
   The compact desktop rail above intentionally uses !important for geometry and
   its light glass surface, so dark mode needs an equally specific override. */
[data-theme="dark"] .portfolio-dashboard{
  background:#07101f;
}
[data-theme="dark"] .portfolio-dashboard .shell{
  background:rgba(7,16,31,.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(10,29,52,.9)!important;
  border-color:rgba(255,255,255,.11)!important;
  color:#f6f8fc!important;
}
[data-theme="dark"] .portfolio-dashboard .rail__copy{
  color:#8fa0b8!important;
}


/* Dashboard theme firewall: dashboard light/dark never recolors Hero. */
.hero{
  color-scheme:light!important;
}
.hero :is(.brand,.time,.main-links,.main-links a,.separator,.description,.blended-text){
  color:#fff!important;
  mix-blend-mode:difference!important;
}
.hero .main-links a{color:inherit!important}
.hero .role-btn,
.hero .role-btn__label{
  color:#111!important;
  mix-blend-mode:normal!important;
}
.hero .book-call,
.hero .book-call__label,
.hero .book-call__arrow,
.hero .role-btn__arrow{
  color:#fff!important;
  mix-blend-mode:normal!important;
}

/* Dashboard-local dark-state parity. */
.portfolio-dashboard[data-theme="dark"]{
  background:#07101f;
}
.portfolio-dashboard[data-theme="dark"] .shell{
  background:rgba(7,16,31,.78)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.portfolio-dashboard[data-theme="dark"] .rail{
  background:rgba(10,29,52,.9)!important;
  border-color:rgba(255,255,255,.11)!important;
}


/* During Hero curtain travel, the real dashboard is the backdrop. */
.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;
}


/* Portfolio dashboard inspiration pass — BrewedOps-style hierarchy, original Hero content. */
@media(min-width:901px){
  .portfolio-dashboard{
    --dash-ink:#10213a;
    --dash-muted:#66768e;
    --dash-line:rgba(16,33,58,.13);
    --dash-panel:#fffefa;
    --dash-wash:#eef4ff;
    --dash-active:#edf0f2;
    --dash-shadow:0 18px 48px -34px rgba(16,33,58,.34);
    padding:4px!important;
    background:#f2f1eb!important;
  }

  .portfolio-dashboard .shell{
    display:flex!important;
    border:1px solid rgba(16,33,58,.15)!important;
    border-radius:22px!important;
    background:
      radial-gradient(circle at 82% 18%,rgba(201,218,255,.46),transparent 32%),
      linear-gradient(135deg,#f8f7f1 0%,#f1f4f7 100%)!important;
    box-shadow:0 26px 80px -54px rgba(16,33,58,.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(16,33,58,.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(16,33,58,.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__handle,
  .portfolio-dashboard .rail__meta,
  .portfolio-dashboard .rail__visits{
    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__list{gap:5px!important}
  .portfolio-dashboard .rail__link{
    min-height:42px!important;
    padding:0 12px!important;
    border-radius:12px!important;
    color:#455872!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(16,33,58,.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:#ff7417;
    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:#536783;
    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(16,33,58,.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(16,33,58,.13);
    border-radius:20px;
    background:linear-gradient(90deg,rgba(255,255,255,.92),rgba(228,237,255,.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:#f06f16;
    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(16,33,58,.09);
    color:#2a3e5c;
    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(16,33,58,.11)!important;
    border-radius:26px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.8),rgba(215,229,255,.7))!important;
    box-shadow:var(--dash-shadow)!important;
    backdrop-filter:none!important;
  }
  .portfolio-dashboard .bento{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .portfolio-dashboard .bento__card{
    padding:14px!important;
    border:1px solid rgba(16,33,58,.13)!important;
    border-radius:20px!important;
    background:rgba(255,255,252,.92)!important;
    box-shadow:0 14px 34px -28px rgba(16,33,58,.42)!important;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
  }
  .portfolio-dashboard .bento__card:hover{
    transform:translateY(-2px)!important;
    border-color:rgba(16,33,58,.2)!important;
    box-shadow:0 20px 42px -30px rgba(16,33,58,.48)!important;
  }
  .portfolio-dashboard .bento__card--projects{grid-column:span 6!important;grid-row:1!important}
  .portfolio-dashboard .bento__card--about{grid-column:span 3!important;grid-row:1!important}
  .portfolio-dashboard .bento__card--ai{grid-column:span 3!important;grid-row:1!important}
  .portfolio-dashboard .bento__card--creds{grid-column:span 3!important;grid-row:2!important}
  .portfolio-dashboard .bento__card--services{grid-column:span 3!important;grid-row:2!important}
  .portfolio-dashboard .bento__card--quotes{grid-column:span 6!important;grid-row:2!important}

  .portfolio-dashboard .bento__head{gap:9px!important}
  .portfolio-dashboard .bento__icon{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    background:#ff7417!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  .portfolio-dashboard .bento__title{
    color:var(--dash-ink)!important;
    font-size:14px!important;
    font-weight:700!important;
  }
  .portfolio-dashboard .bento__desc{
    color:#61738b!important;
    font-size:10.5px!important;
    line-height:1.42!important;
  }
}

.portfolio-dashboard[data-theme="dark"]{
  --dash-ink:#f4f7fb;
  --dash-muted:#93a6be;
  --dash-line:rgba(255,255,255,.12);
  --dash-panel:#101d2f;
  --dash-wash:#142742;
  --dash-active:#1a2d47;
  --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(55,93,145,.3),transparent 32%),
      linear-gradient(135deg,#091321 0%,#0d1b2d 100%)!important;
  }
  .portfolio-dashboard[data-theme="dark"] .rail{
    background:rgba(10,23,39,.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:#9eafc5!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:#17283e!important;
    color:#fff!important;
  }
  .portfolio-dashboard[data-theme="dark"] :is(.rail__social,.rail__theme){
    background:#13243a!important;
    color:#fff!important;
  }
  .portfolio-dashboard[data-theme="dark"] .portfolio-dashboard-intro p{color:#9aacc2}
  .portfolio-dashboard[data-theme="dark"] .portfolio-dashboard-status{
    background:rgba(16,31,50,.78);
    color:#edf3fb;
  }
  .portfolio-dashboard[data-theme="dark"] .portfolio-tools-strip{
    background:linear-gradient(90deg,rgba(13,27,45,.96),rgba(20,42,70,.9));
  }
  .portfolio-dashboard[data-theme="dark"] .portfolio-tool{color:#c5d2e2}
  .portfolio-dashboard[data-theme="dark"] .home__glass--showcase{
    background:linear-gradient(135deg,rgba(13,27,45,.88),rgba(21,43,70,.78))!important;
  }
  .portfolio-dashboard[data-theme="dark"] .bento__card{
    background:rgba(15,30,49,.94)!important;
    border-color:rgba(255,255,255,.11)!important;
  }
  .portfolio-dashboard[data-theme="dark"] .bento__title{color:#f5f7fb!important}
  .portfolio-dashboard[data-theme="dark"] .bento__desc{color:#9eafc4!important}
}


/* BrewedOps tools section clone — exact captured structure and motion. */
.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(219,231,255,.95) 76%,rgba(186,209,255,.96))!important;
  box-shadow:
    rgba(11,30,63,.14) 0 0 0 1px inset,
    rgba(255,255,255,.7) 0 1px 0 0 inset,
    rgba(6,12,26,.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(11,30,63)!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 .home__tools-head{
  display:flex!important;
  flex-direction:column!important;
  width:140.438px!important;
  height:37.9375px!important;
  padding:0 19.012px 0 0!important;
  gap:2px!important;
}
.portfolio-dashboard .home__tools-eyebrow{
  display:block!important;
  width:120.438px!important;
  height:18px!important;
  color:rgb(180,73,10)!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;
  letter-spacing:.96px!important;
  text-transform:uppercase!important;
}
.portfolio-dashboard .home__tools-label{
  display:block!important;
  width:120.438px!important;
  height:17.9375px!important;
  margin:0!important;
  color:rgb(11,30,63)!important;
  font:700 15.617px/17.9595px -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Segoe UI Variable Display","Segoe UI",Poppins,sans-serif!important;
  letter-spacing:-.281106px!important;
  white-space:nowrap!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(11,30,63,.14)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:
    rgba(11,30,63,.22) 0 30px 70px -40px,
    rgba(11,30,63,.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(11,30,63)!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__img,
.portfolio-dashboard .tools-marquee__icon{
  display:block!important;
  flex:0 0 auto!important;
  width:20px!important;
  height:20px!important;
}
.portfolio-dashboard .tools-marquee__img{
  max-width:100%!important;
  object-fit:contain!important;
}
.portfolio-dashboard .tools-marquee__icon{
  background:var(--brand-color)!important;
  -webkit-mask:var(--icon-url) center/contain no-repeat!important;
  mask:var(--icon-url) center/contain no-repeat!important;
}
.portfolio-dashboard .tools-marquee__label{
  display:block!important;
  color:rgb(11,30,63)!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}
}

/* Preserve the cloned geometry while respecting the portfolio dashboard's dark theme. */
.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,#102239,#11253e 42%,#142b49 76%,#183252)!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"] .home__tools-label{
  color:#f5f7fb!important;
}
.portfolio-dashboard[data-theme="dark"] .tools-marquee{
  background:#0c1a2c!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:#dbe5f2!important;
}
.portfolio-dashboard[data-theme="dark"] .tools-marquee__icon[style*="#000000"]{
  --brand-color:#f4f7fb!important;
}
.portfolio-dashboard[data-theme="dark"] .tools-marquee__icon[style*="#0F172A"],
.portfolio-dashboard[data-theme="dark"] .tools-marquee__icon[style*="#18181B"]{
  --brand-color:#dbe5f2!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 .home__tools-head{
    width:112px!important;
    height:auto!important;
    padding-right:8px!important;
  }
  .portfolio-dashboard .home__tools-eyebrow{width:auto!important;font-size:9px!important;line-height:13px!important;letter-spacing:.72px!important}
  .portfolio-dashboard .home__tools-label{width:auto!important;height:auto!important;font-size:11px!important;line-height:14px!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}
  .portfolio-dashboard .tools-marquee__img,.portfolio-dashboard .tools-marquee__icon{width:18px!important;height:18px!important}
}
@media(prefers-reduced-motion:reduce){
  .portfolio-dashboard .tools-marquee__track{animation:none!important}
}


/* Legacy experience.css pins transform:none!important on this track.
   This clone intentionally animates the independent translate property instead. */
.portfolio-dashboard .tools-marquee__track{
  transform:none!important;
  translate:0 0;
}


/* Portfolio About page — repurposed from My Pets. */
.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__head .clone-title{
  margin-top:4px!important;
  font-size:clamp(30px,3vw,44px)!important;
  line-height:.98!important;
}
.portfolio-dashboard .portfolio-about__head .clone-lede{
  max-width:760px!important;
  margin-top:8px!important;
  font-size:12px!important;
  line-height:1.45!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(11,30,63,.16)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.76)!important;
  box-shadow:0 18px 42px -32px rgba(6,12,26,.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:#0f1e31!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__head .clone-title{
    font-size:26px!important;
  }
  .portfolio-dashboard .portfolio-about__head .clone-lede{
    font-size: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;
  }
}


/* Requested dashboard changes only: profile identity, About preview, marquee hover pause. */
.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(16,33,58,.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}


/* Screenshot corrections: exact requested dashboard cleanup. */
.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:#ff7417!important;
  color:#fff!important;
  font-size:13px!important;
}
.portfolio-dashboard .portfolio-about-overview__head strong{
  color:var(--dash-ink,#10213a)!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(16,33,58,.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;
}


/* Portfolio dashboard final decoupling pass. */
/* Keep document scroll functional but hide the visual scrollbar. */
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;
}

/* Rail identity */
.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;
}

/* Tools marquee: two equal groups + soft edge fade + hover pause. */
.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)}
}

/* Overview is fully detached from the pet/demo renderer. */
.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(16,33,58,.13)!important;
  border-radius:20px!important;
  background:rgba(255,255,252,.94)!important;
  box-shadow:0 14px 34px -28px rgba(16,33,58,.42)!important;
  color:#10213a!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:#ff7417!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:#10213a!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:#63758c!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(16,33,58,.10)!important;
  border-radius:10px!important;
  background:#f6f8fb!important;
  color:#344963!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(16,33,58,.08)!important;
  color:#344963!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;
}

/* Non-overview routes can no longer surface pet-demo content. */
.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:#ff7417!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:#10213a!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:#62758f!important;
  font:500 13px/1.5 Poppins,system-ui,sans-serif!important;
}

/* Dark dashboard parity */
.portfolio-dashboard[data-theme="dark"] .portfolio-overview-card{
  background:#0f1e31!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:#9eafc4!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-projects-mini,.portfolio-chip-list,.portfolio-skill-list,.portfolio-proof-mini) span{
  background:#14263d!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#c9d5e5!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-service-mini span{
  border-bottom-color:rgba(255,255,255,.08)!important;
  color:#c9d5e5!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}
}


/* Construction VA + Engineering focus — final portfolio pass. */
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(255,122,26,.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:#ff7417!important;
  color:#fff!important;
}
.portfolio-dashboard[data-theme="dark"] .portfolio-overview-card--feature{
  background:
    radial-gradient(circle at 88% 10%,rgba(255,122,26,.12),transparent 34%),
    #0f1e31!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;
  }
}


/* Attached reference JSON clone: bento cards + stable marquee v2. */
/* Tools marquee: animate the independent translate property because legacy CSS pins transform:none!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}
}

/* Reference card geometry from the supplied captures. */
.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(11,30,63)!important;
  background:rgb(251,251,247)!important;
  border:1px solid rgba(11,30,63,.28)!important;
  border-radius:22px!important;
  box-shadow:
    rgba(6,12,26,.05) 0 1px 1.5px 0,
    rgba(6,12,26,.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(11,30,63,.38)!important;
  box-shadow:
    rgba(6,12,26,.05) 0 1px 1.5px 0,
    rgba(6,12,26,.44) 0 22px 44px -20px!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:rgb(255,122,26)!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(11,30,63)!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(90,100,121)!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:rgb(255,122,26)!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;
}

/* Construction + engineering stay primary but use the same captured card language. */
.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(11,30,63,.14) 0 0 0 1px inset!important;
}
.portfolio-dashboard .portfolio-ref-detail-grid .ph{
  grid-row:1/3!important;
  color:#ff7a1a!important;
  font-size:18px!important;
}
.portfolio-dashboard .portfolio-ref-detail-grid b{
  overflow:hidden!important;
  color:#0b1e3f!important;
  font:600 11px/1.2 inherit!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
.portfolio-dashboard .portfolio-ref-detail-grid small{
  color:#6b7890!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(11,30,63,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,30,63,.05) 1px,transparent 1px),
    #fff!important;
  background-size:14px 14px!important;
  border-radius:14px!important;
  box-shadow:rgba(11,30,63,.14) 0 0 0 1px inset!important;
}
.portfolio-dashboard .portfolio-ref-sheet__title{
  display:block!important;
  color:#ff7a1a!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:#dfe5ed!important;
}
.portfolio-dashboard .portfolio-ref-sheet__line.is-short{width:62%!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:#ff7a1a!important;
  font:700 9px/1 inherit!important;
}
.portfolio-dashboard .portfolio-ref-sheet small{
  color:#53647b!important;
  font:600 8px/1 inherit!important;
}

/* Projects: exact split-card vertical reel behavior from the supplied Projects capture. */
.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(11,30,63,.14) 0 0 0 1px inset,
    rgba(6,12,26,.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:#cfd7e2!important;
}
.portfolio-dashboard .portfolio-ref-shot__chrome i:first-child{background:#ff7a1a!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(255,122,26,.16),transparent 35%),
    linear-gradient(135deg,#f3f6fb,#e8edf5)!important;
}
.portfolio-dashboard .portfolio-ref-shot__content strong{
  color:#0b1e3f!important;font:700 11px/1.15 inherit!important;
}
.portfolio-dashboard .portfolio-ref-shot__content small{
  margin-top:3px!important;color:#65758c!important;font:500 8.5px/1.2 inherit!important;
}

/* About: captured photo-fan proportions and easing, adapted to all four supplied images. */
.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:-10px!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(6,12,26,.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}

/* Automation: two clipped chip lanes, 26s opposite-direction drift from the supplied capture. */
.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(11,30,63)!important;
  background:#fff!important;
  border-radius:999px!important;
  box-shadow:rgba(11,30,63,.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:#ff7a1a!important;
  font-size:15px!important;
}

/* Dark dashboard keeps the same geometry/effects. */
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-card{
  color:#f4f7fb!important;
  background:#0f1e31!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:#9bacc0!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:#15263c!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:#9bacc0!important}
.portfolio-dashboard[data-theme="dark"] .portfolio-ref-shot__content{
  background:
    radial-gradient(circle at 80% 16%,rgba(255,122,26,.14),transparent 35%),
    linear-gradient(135deg,#172a43,#102138)!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}
}


/* Interaction correction v3: true tools belt + hover-driven showcase motion. */
/* The track is now only a viewport. A nested belt owns motion, so old track transforms cannot kill it. */
.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;
}
.portfolio-dashboard .tools-marquee__belt{
  display:flex!important;
  align-items:center!important;
  width:max-content!important;
  height:48.25px!important;
  gap:0!important;
  transform:translate3d(0,0,0);
  animation:portfolio-tools-belt 28s linear infinite!important;
  animation-play-state:running!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
}
.portfolio-dashboard .tools-marquee:hover .tools-marquee__belt{
  animation-play-state:paused!important;
}
@keyframes portfolio-tools-belt{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* Projects and Automation are intentionally static until their own card is hovered. */
.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;
}

/* Give each About portrait more room so the fan reads as four distinct cards. */
.portfolio-dashboard .portfolio-ref-photo{
  width:min(34%,72px)!important;
  bottom:-6px!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;
}

/* Keep the belt compact on smaller screens without changing its behavior. */
@media(max-width:900px){
  .portfolio-dashboard .tools-marquee__track,
  .portfolio-dashboard .tools-marquee__belt{height:42px!important}
}


/* Minimal canonical tools + credentials patch. */
/* Keep the stable marquee implementation; only style the new icon source and pace a 28-item belt. */
.portfolio-dashboard .tools-marquee__belt{
  animation-duration:64s!important;
}
.portfolio-dashboard .tools-marquee__ph{
  display:grid!important;
  place-items:center!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  color:#ff7417!important;
}
.portfolio-dashboard .tools-marquee__ph .ph{
  display:block!important;
  font-size:18px!important;
  line-height:1!important;
}

/* Credentials extend the existing About page without changing its card layout or navigation. */
.portfolio-dashboard .portfolio-about__credentials{
  margin-top:28px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(16,33,58,.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:#6b7890!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(16,33,58,.13)!important;
  border-radius:14px!important;
  background:rgba(255,255,252,.94)!important;
  box-shadow:0 14px 30px -28px rgba(16,33,58,.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:#ff7417!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:#7e8da1!important;
}
.portfolio-dashboard .portfolio-about__credential strong{
  display:block!important;
  color:#10213a!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:#0f1e31!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:#9eafc4!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;
  }
}


/* Real tool marks, isolated from inherited generic icon styling. */
.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:focus-within .tools-marquee__belt {animation-play-state:paused!important;}
.portfolio-dashboard .tools-marquee__item[data-tool="buildingconnected"] .tools-marquee__brand {width:108px!important;flex-basis:108px!important;background:#162d46;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__belt{animation:none!important;transform:none!important;}
 .portfolio-dashboard .tools-marquee__track{overflow-x:auto!important;}
 .portfolio-dashboard .tools-marquee__group+ .tools-marquee__group{display:none!important;}
}


/* === Hero-palette dashboard unification === */
.portfolio-dashboard,
.portfolio-dashboard[data-theme="dark"]{
  --hero-paper:#f7f7f2;
  --hero-paper-2:#fbfaf6;
  --hero-ink:#17191d;
  --hero-muted:#64676d;
  --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__name,.rail__link,.home__tools-label,.portfolio-ref-label h3,.portfolio-contact-page h1,.portfolio-contact-page h2){
  color:var(--hero-ink)!important;
}
.portfolio-dashboard :is(.rail__handle,.rail__meta,.rail__visits,.rail__copy,.portfolio-ref-head p,.portfolio-contact-head p,.portfolio-faq-sub){
  color:var(--hero-muted)!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(.portfolio-ref-arrow,.home__tools-eyebrow){
  color:#55585f!important;
}
.portfolio-dashboard :is(.tools-marquee__item,.tools-marquee__label){
  color:var(--hero-ink)!important;
}

/* Tools are a user-controlled horizontal rail, not an autonomous marquee. */
.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;
}

/* Accessibility settings from the original control now affect the portfolio. */
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;
}

/* FAQ / Contact page — geometry follows the supplied reference, palette follows Hero. */
.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-page::before,
.portfolio-dashboard .portfolio-contact-page::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border:1px solid rgba(23,25,29,.18);
  border-radius:50%;
}
.portfolio-dashboard .portfolio-contact-page::before{width:360px;height:360px;left:-180px;top:220px}
.portfolio-dashboard .portfolio-contact-page::after{width:440px;height:440px;right:-250px;bottom:-260px}
.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:#666a70!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:#6f7278}
.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:#6a6d73;
  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}
}


/* Keep the contour canvas visible behind the unified dashboard surfaces. */
.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 hardening v42 === */
/* Dark mode: keep the sidebar genuinely dark so its navigation never becomes pale-on-pale. */
.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;
}

/* Never abbreviate portfolio/navigation labels into template-style ellipses. */
.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;
}

/* Rebalance overview cards: give content/illustrations usable width instead of empty padding. */
@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;
  }
}

/* Full portfolio section pages replace the old one-heading placeholders. */
.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:#666a70!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(2,minmax(0,1fr))!important;
  gap:12px!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:#777a80!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{min-height:118px!important}
}


/* === Portfolio native dashboard topbar v43 === */
.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}
}


/* QA repair: readable cards and one coherent palette for every page. */
.portfolio-dashboard[data-theme="dark"]{
  --hero-paper:#152234;--hero-paper-2:#1c2c40;--hero-ink:#f3f5f8;--hero-muted:#bec9d7;
  --hero-line:rgba(255,255,255,.16);--hero-line-strong:rgba(255,255,255,.24);
  color-scheme:dark!important;background:#0b1625!important;
}
.portfolio-dashboard[data-theme="dark"] :is(.shell,.home__glass--showcase,.portfolio-contact-shell){background:rgba(14,25,41,.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-head p,.portfolio-faq-sub,.portfolio-faq-item p,.portfolio-faq-item summary span,.portfolio-contact-form label,.portfolio-contact-actions small,.portfolio-section-card p,.portfolio-section-page__copy>p,.portfolio-section-page__eyebrow,.rail__copy,.home__tools-eyebrow){color:var(--hero-muted)!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:#bec9d7!important;opacity:1!important}
.portfolio-dashboard[data-theme="dark"] :is(.portfolio-contact-kicker,.portfolio-ref-sheet__title,.portfolio-ref-sheet b){color:#ffb37a!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:#142136!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 :is(.portfolio-contact-page,.portfolio-about){overflow-y:auto!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:12px!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:8px!important}
.portfolio-dashboard .portfolio-ref-detail-grid>span{grid-template-columns:22px minmax(0,1fr)!important;align-content:center!important;padding:10px!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:#26384f}
.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 #d97522!important;outline-offset:3px!important}

/* Phones use a natural-height document instead of squeezing every card into one screen. */
@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-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__head .clone-lede{font-size:14px!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}
}


/* === User palette + tools behavior lock v69 === */
.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__name,.rail__link,.portfolio-dashboard-brand span,.home__tools-label,.portfolio-ref-label h3,.portfolio-contact-page h1,.portfolio-contact-page h2,.portfolio-section-page h1,.portfolio-section-card h2,.bento__title){
  color:var(--hero-ink)!important;
}
.portfolio-dashboard :is(.rail__handle,.rail__meta,.rail__visits,.rail__copy,.portfolio-dashboard-brand small,.portfolio-ref-head p,.portfolio-contact-head p,.portfolio-faq-sub,.portfolio-section-card p,.portfolio-section-page__copy>p,.bento__desc){
  color:var(--hero-muted)!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-contact-kicker,.portfolio-ref-sheet__title,.portfolio-ref-sheet b,.home__tools-eyebrow){
  color:#7E5B47!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}

/* Tools strip: logo-only marquee, no scrollbar; JS pauses on hover and keeps drag/swipe manual. */
.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 .home__tools-head{display:none!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-contact-kicker,.portfolio-ref-sheet__title,.portfolio-ref-sheet b,.home__tools-eyebrow,.portfolio-contact-email){
  color:#B99A88!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}
}


/* === Palette cleanup for overview/about/accessibility v70 === */
/* Remove the remaining legacy blue/orange surfaces from portfolio content. */
.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;
}

/* Dark mode uses only ink, mist, slate and clay-derived surfaces. */
.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;
}

/* Accessibility panel follows the same palette in both modes. */
.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;
}
.a11y .dialog-content,
.dialog-content[role="dialog"],
[role="dialog"].dialog-content{
  background:#D8DADB!important;
  color:#0F1010!important;
  border:1px solid rgba(15,16,16,.18)!important;
  box-shadow:0 24px 60px -28px rgba(15,16,16,.45)!important;
}
.a11y .dialog-content :is(h1,h2,h3,strong,label),
.dialog-content[role="dialog"] :is(h1,h2,h3,strong,label){
  color:#0F1010!important;
}
.a11y .dialog-content :is(p,small),
.dialog-content[role="dialog"] :is(p,small){
  color:#787C7C!important;
}
.dialog-content [aria-label="Close dialog"],
.dialog-content [aria-label^="Reset accessibility"]{
  background:rgba(15,16,16,.06)!important;
  color:#0F1010!important;
  border-color:rgba(15,16,16,.14)!important;
}
.dialog-content [role="switch"] [class*="Track"]{
  background:#787C7C!important;
}
.dialog-content [role="switch"][aria-checked="true"] [class*="Track"]{
  background:#7E5B47!important;
}
.dialog-content [role="switch"] [class*="Thumb"]{
  background:#D8DADB!important;
  box-shadow:0 1px 4px rgba(15,16,16,.28)!important;
}

html[data-theme="dark"] .a11y .dialog-content,
html[data-theme="dark"] .dialog-content[role="dialog"],
html[data-theme="dark"] [role="dialog"].dialog-content{
  background:#0F1010!important;
  color:#D8DADB!important;
  border-color:rgba(120,124,124,.42)!important;
  box-shadow:0 24px 60px -28px rgba(0,0,0,.82)!important;
}
html[data-theme="dark"] .a11y .dialog-content :is(h1,h2,h3,strong,label),
html[data-theme="dark"] .dialog-content[role="dialog"] :is(h1,h2,h3,strong,label){
  color:#D8DADB!important;
}
html[data-theme="dark"] .a11y .dialog-content :is(p,small),
html[data-theme="dark"] .dialog-content[role="dialog"] :is(p,small){
  color:#787C7C!important;
}
html[data-theme="dark"] .dialog-content [aria-label="Close dialog"],
html[data-theme="dark"] .dialog-content [aria-label^="Reset accessibility"]{
  background:rgba(216,218,219,.08)!important;
  color:#D8DADB!important;
  border-color:rgba(120,124,124,.34)!important;
}
html[data-theme="dark"] .dialog-content [role="switch"] [class*="Track"]{
  background:#787C7C!important;
}
html[data-theme="dark"] .dialog-content [role="switch"][aria-checked="true"] [class*="Track"]{
  background:#7E5B47!important;
}
html[data-theme="dark"] .dialog-content [role="switch"] [class*="Thumb"]{
  background:#D8DADB!important;
}


/* === Accessibility styled-components palette lock v71 === */
html body [class*="styles__Root-sc-"].dialog-content,
html body .dialog-content[class*="styles__Root-sc-"]{
  background:#D8DADB!important;
  background-image:none!important;
  color:#0F1010!important;
  border:1px solid rgba(15,16,16,.18)!important;
  box-shadow:0 24px 60px -28px rgba(15,16,16,.45)!important;
}
html body .dialog-content [class*="styles__OptionRow-sc-"]{
  color:#0F1010!important;
  background:transparent!important;
}
html body .dialog-content [class*="styles__OptionRow-sc-"] > div > *:first-child{
  color:#0F1010!important;
}
html body .dialog-content [class*="styles__OptionRow-sc-"] > div > *:last-child{
  color:#787C7C!important;
}
html body .dialog-content [class*="styles__CloseButton-sc-"],
html body .dialog-content [class*="styles__ResetButton-sc-"]{
  background:rgba(15,16,16,.06)!important;
  background-image:none!important;
  color:#0F1010!important;
  border-color:rgba(15,16,16,.16)!important;
}
html body .dialog-content [class*="styles__Track-sc-"]{
  background:#787C7C!important;
  background-image:none!important;
}
html body .dialog-content [role="switch"][aria-checked="true"] [class*="styles__Track-sc-"]{
  background:#7E5B47!important;
}
html body .dialog-content [class*="styles__Thumb-sc-"]{
  background:#D8DADB!important;
}
html[data-theme="dark"] body [class*="styles__Root-sc-"].dialog-content,
html[data-theme="dark"] body .dialog-content[class*="styles__Root-sc-"]{
  background:#0F1010!important;
  background-image:none!important;
  color:#D8DADB!important;
  border-color:rgba(120,124,124,.42)!important;
}
html[data-theme="dark"] body .dialog-content [class*="styles__OptionRow-sc-"]{
  color:#D8DADB!important;
}
html[data-theme="dark"] body .dialog-content [class*="styles__OptionRow-sc-"] > div > *:first-child{
  color:#D8DADB!important;
}
html[data-theme="dark"] body .dialog-content [class*="styles__OptionRow-sc-"] > div > *:last-child{
  color:#787C7C!important;
}
html[data-theme="dark"] body .dialog-content [class*="styles__CloseButton-sc-"],
html[data-theme="dark"] body .dialog-content [class*="styles__ResetButton-sc-"]{
  background:rgba(216,218,219,.08)!important;
  color:#D8DADB!important;
  border-color:rgba(120,124,124,.34)!important;
}
html[data-theme="dark"] body .dialog-content [class*="styles__Track-sc-"]{
  background:#787C7C!important;
}
html[data-theme="dark"] body .dialog-content [role="switch"][aria-checked="true"] [class*="styles__Track-sc-"]{
  background:#7E5B47!important;
}
html[data-theme="dark"] body .dialog-content [class*="styles__Thumb-sc-"]{
  background:#D8DADB!important;
}


/* === Palette final specificity lock v72 === */
.portfolio-dashboard .portfolio-ref-shot__chrome i{
  background:#787C7C!important;
}
.portfolio-dashboard .portfolio-ref-shot__chrome i:first-child{
  background:#7E5B47!important;
}
html body .dialog-content[class*="styles__Root-sc-"] :is(h1,h2,h3,strong,label),
html body [class*="styles__Root-sc-"].dialog-content :is(h1,h2,h3,strong,label){
  color:#0F1010!important;
}
html body .dialog-content[class*="styles__Root-sc-"] :is(p,small,[class*="Description"]),
html body [class*="styles__Root-sc-"].dialog-content :is(p,small,[class*="Description"]){
  color:#787C7C!important;
}
html[data-theme="dark"] body .dialog-content[class*="styles__Root-sc-"] :is(h1,h2,h3,strong,label),
html[data-theme="dark"] body [class*="styles__Root-sc-"].dialog-content :is(h1,h2,h3,strong,label){
  color:#D8DADB!important;
}
html[data-theme="dark"] body .dialog-content[class*="styles__Root-sc-"] :is(p,small,[class*="Description"]),
html[data-theme="dark"] body [class*="styles__Root-sc-"].dialog-content :is(p,small,[class*="Description"]){
  color:#787C7C!important;
}


/* === Screenshot palette + accessibility hard lock v73 === */
/* Overview: remove the last legacy navy/orange surfaces visible in the supplied capture. */
.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;
}
.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;
}

/* Tool strip items themselves stay transparent; only the approved brand marks retain their native colors. */
.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;
}

/* Accessibility widget: exact source classes, not generic dialog selectors. */
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,
html body .a11y__label{
  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,
html[data-theme="dark"] body .a11y__label{
  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;
}

/* Dark overview inner cards use the same palette, never blue. */
.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;
}


/* === Brighter light mode + resilient marquee v74 === */
/* Light mode uses the approved palette as accents/surfaces without making the whole UI gray. */
.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:#F3F1EF!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;
}

/* A real horizontally scrollable marquee: auto motion is JS-driven, hover pauses it,
   mouse drag / touch swipe / trackpad / arrow keys remain manual. */
.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 cleanup + tools rail hardening v75 === */
.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;
}

/* One motion owner only: JS advances scrollLeft; CSS never animates the track. */
.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 ownership cleanup v76 === */
.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__list{
  gap:5px!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}
}

/* The new supplied HT field owns dashboard background motion. */
.portfolio-dashboard .hero-canvas{
  overflow:hidden!important;
  pointer-events:none!important;
}


/* === Tools strip definitive behavior v77 ===
   CSS owns continuous marquee motion; JS only pauses during direct manipulation. */
.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;
}


/* The moving belt is isolated from all legacy track transform declarations. */
.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;
}
@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;
}


/* Gesture layer v78: pointer dragging translates the track; the inner belt keeps auto-marqueeing. */
.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;
}


/* === Requested portfolio refinement v80 === */
.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(4,38px)!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important}
.portfolio-dashboard .rail__socials{display:contents!important}
.portfolio-dashboard .rail__socials li{width:38px!important;height:38px!important;margin:0!important;padding:0!important}
.portfolio-dashboard .rail__nav{width:100%!important;overflow:visible!important;box-sizing:border-box!important}
.portfolio-dashboard .rail__list{width:100%!important;min-width:0!important;margin:0!important;padding:0 4px!important;box-sizing:border-box!important}
.portfolio-dashboard .rail__list>li{width:100%!important;min-width:0!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}


/* Apple-inspired glass treatment for dashboard bento cards. */
.portfolio-dashboard :is(
  .bento__card,
  .portfolio-overview-card,
  .portfolio-ref-card,
  .portfolio-about__card,
  .clone-card,
  .pet-profile-card,
  .pet-book-card,
  .pet-insight-card,
  .pet-member-card,
  .home__promo-card,
  .portfolio-contact-shell,
  .portfolio-faq-card,
  .portfolio-contact-form,
  .portfolio-section-card,
  .portfolio-section-flow,
  .portfolio-section-tools
){
  background:
    linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.32)) !important;
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:
    0 18px 48px rgba(20,25,35,.08),
    inset 0 1px 0 rgba(255,255,255,.78) !important;
  -webkit-backdrop-filter:blur(18px) saturate(145%) !important;
  backdrop-filter:blur(18px) saturate(145%) !important;
  background-clip:padding-box;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}
.portfolio-dashboard :is(
  .bento__card,
  .portfolio-overview-card,
  .portfolio-ref-card,
  .portfolio-about__card,
  .clone-card,
  .pet-profile-card,
  .pet-book-card,
  .pet-insight-card,
  .pet-member-card,
  .home__promo-card,
  .portfolio-contact-shell,
  .portfolio-faq-card,
  .portfolio-contact-form,
  .portfolio-section-card,
  .portfolio-section-flow,
  .portfolio-section-tools
):hover{
  border-color:rgba(255,255,255,.92) !important;
  box-shadow:
    0 24px 58px rgba(20,25,35,.13),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
  transform:translateY(-2px);
}
.portfolio-dashboard[data-theme="dark"] :is(
  .bento__card,
  .portfolio-overview-card,
  .portfolio-ref-card,
  .portfolio-about__card,
  .clone-card,
  .pet-profile-card,
  .pet-book-card,
  .pet-insight-card,
  .pet-member-card,
  .home__promo-card,
  .portfolio-contact-shell,
  .portfolio-faq-card,
  .portfolio-contact-form,
  .portfolio-section-card,
  .portfolio-section-flow,
  .portfolio-section-tools
){
  background:
    linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.055)) !important;
  border-color:rgba(255,255,255,.2) !important;
  box-shadow:
    0 20px 50px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.portfolio-dashboard[data-theme="dark"] :is(
  .bento__card,
  .portfolio-overview-card,
  .portfolio-ref-card,
  .portfolio-about__card,
  .clone-card,
  .pet-profile-card,
  .pet-book-card,
  .pet-insight-card,
  .pet-member-card,
  .home__promo-card,
  .portfolio-contact-shell,
  .portfolio-faq-card,
  .portfolio-contact-form,
  .portfolio-section-card,
  .portfolio-section-flow,
  .portfolio-section-tools
):hover{
  border-color:rgba(255,255,255,.32) !important;
  box-shadow:
    0 26px 64px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}
@media(prefers-reduced-motion:reduce){
  .portfolio-dashboard :is(
    .bento__card,
    .portfolio-overview-card,
    .portfolio-ref-card,
    .portfolio-about__card,
    .clone-card,
    .pet-profile-card,
    .pet-book-card,
    .pet-insight-card,
    .pet-member-card,
    .home__promo-card,
    .portfolio-contact-shell,
    .portfolio-faq-card,
    .portfolio-contact-form,
    .portfolio-section-card,
    .portfolio-section-flow,
    .portfolio-section-tools
  ){
    transition:none;
  }
  .portfolio-dashboard :is(
    .bento__card,
    .portfolio-overview-card,
    .portfolio-ref-card,
    .portfolio-about__card,
    .clone-card,
    .pet-profile-card,
    .pet-book-card,
    .pet-insight-card,
    .pet-member-card,
    .home__promo-card,
    .portfolio-contact-shell,
    .portfolio-faq-card,
    .portfolio-contact-form,
    .portfolio-section-card,
    .portfolio-section-flow,
    .portfolio-section-tools
  ):hover{transform:none;}
}


/* Remove the outer bento showcase container; preserve the individual cards. */
.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;
}


/* Fully flatten the overview showcase wrapper so only the five cards remain visible. */
.portfolio-dashboard :is(.home__glass--showcase,.home__showcase){
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border-radius:0 !important;
  padding:0 !important;
}


/* Layout for the unwrapped overview grid. */
.portfolio-dashboard .home > .portfolio-reference-grid--flat{
  flex:1 1 auto !important;
  min-height:0 !important;
  height:100% !important;
  width:100% !important;
}


/* Restore the launcher icon on every viewport and keep the photo visible. */
.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;
}


/* Preview-safe accessibility launcher: no icon font dependency and no opening delay. */
.portfolio-dashboard .portfolio-a11y-proxy{
  display:grid !important;
  visibility:visible !important;
  opacity:1 !important;
  place-items:center !important;
  background:#7E5B47 !important;
  color:#F7F7F5 !important;
}
.portfolio-dashboard .portfolio-a11y-proxy svg{
  display:block !important;
  width:19px !important;
  height:19px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
body>.a11y .a11y__panel,
body>.a11y .a11y__panel *{
  transition:none !important;
  animation:none !important;
}
.portfolio-dashboard .rail__avatar{
  background:#D8DADB url("/assets/hero-profile-2026.webp") center/cover no-repeat !important;
}