.wagstack-section{
  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;
}
.wagstack-section #root{
  position:relative;
  width:100%;
  height:100%;
  min-height:0;
}
.wagstack-section .hero-canvas{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.wagstack-section .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);
}
.wagstack-section .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(.wagstack-active) .a11y,
body:not(.wagstack-active) .wagstack-section :is(.cursor-ring,.kape,.mobile-nav){
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.portfolio-ready.wagstack-active .a11y{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.wagstack-section :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}
.wagstack-section :is(.shell__panel,.rail,.clone-page){
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
.wagstack-section :is(.shell__panel,.rail,.clone-page)::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.wagstack-section #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){
  .wagstack-section .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;
  }
  .wagstack-section .rail__inner{
    min-height:0!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .wagstack-section .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;
  }
  .wagstack-section .rail__name{
    font-size:21px!important;
    line-height:1.08!important;
    margin-top:2px!important;
  }
  .wagstack-section .rail__handle,
  .wagstack-section .rail__meta{
    font-size:11.5px!important;
    line-height:1.35!important;
  }
  .wagstack-section .rail__edit{
    min-height:30px!important;
    padding:0 11px!important;
    margin-top:8px!important;
    font-size:10px!important;
  }
  .wagstack-section .rail__actions{
    margin-top:10px!important;
    height:38px!important;
    gap:8px!important;
  }
  .wagstack-section .rail__socials{gap:8px!important}
  .wagstack-section .rail__nav{
    flex:1 1 auto!important;
    min-height:0!important;
    margin-top:12px!important;
    padding-top:10px!important;
    overflow:hidden!important;
  }
  .wagstack-section .rail__list{
    display:grid!important;
    gap:3px!important;
  }
  .wagstack-section .rail__link{
    min-height:38px!important;
    padding:0 11px!important;
    border-radius:13px!important;
    font-size:13px!important;
    gap:10px!important;
  }
  .wagstack-section .rail__link .ricon{
    width:30px!important;
    height:30px!important;
    border-radius:10px!important;
  }
  .wagstack-section .rail__copy{
    margin-top:auto!important;
    padding-top:10px!important;
    font-size:10px!important;
    line-height:1.45!important;
  }

  .wagstack-section .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;
  }
  .wagstack-section .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;
  }
  .wagstack-section .home__brand-slot{
    min-width:0!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  .wagstack-section .branddemo-brandmark{width:54px!important;height:54px!important}
  .wagstack-section .branddemo-wordmark{font-size:20px!important}
  .wagstack-section .branddemo-byline{font-size:9px!important}

  .wagstack-section .home__promo-card{
    height:116px!important;
    min-height:116px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .wagstack-section .home__promo-head{
    top:10px!important;
    left:14px!important;
    right:14px!important;
  }
  .wagstack-section .home__promo-controls button{
    width:28px!important;
    height:28px!important;
  }
  .wagstack-section .home__promo-card .home__promo-viewport{
    height:116px!important;
    min-height:116px!important;
  }
  .wagstack-section .home__promo-card .home__promo-slide{
    height:116px!important;
    min-height:116px!important;
    padding:35px 14px 13px!important;
    gap:8px!important;
  }
  .wagstack-section .update-copy strong{font-size:16px!important;line-height:1.1!important}
  .wagstack-section .update-copy small{font-size:10px!important;line-height:1.35!important}
  .wagstack-section .update-cta{font-size:10px!important}
  .wagstack-section .update-image{border-radius:12px!important}
  .wagstack-section .home__promo-dots{bottom:5px!important}

  .wagstack-section .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;
  }
  .wagstack-section .home__showcase,
  .wagstack-section .bento{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  .wagstack-section .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;
  }
  .wagstack-section .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;
  }
  .wagstack-section .bento__card--projects{grid-column:span 5!important;grid-row:1!important}
  .wagstack-section .bento__card--ai{grid-column:span 3!important;grid-row:1!important}
  .wagstack-section .bento__card--about{grid-column:span 4!important;grid-row:1!important}
  .wagstack-section .bento__card--services{grid-column:span 5!important;grid-row:2!important}
  .wagstack-section .bento__card--quotes{grid-column:span 7!important;grid-row:2!important}
  .wagstack-section .bento__head{gap:7px!important}
  .wagstack-section .bento__icon{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
  }
  .wagstack-section .bento__title{font-size:14px!important}
  .wagstack-section .bento__desc{
    margin-top:5px!important;
    font-size:10.5px!important;
    line-height:1.38!important;
  }
  .wagstack-section .bento__media{margin-top:9px!important}

  .wagstack-section .clone-page{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:18px 24px!important;
    overflow:hidden!important;
  }
  .wagstack-section .clone-wrap{
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
  }
  .wagstack-section .clone-head{
    min-height:0!important;
    margin-bottom:10px!important;
    gap:16px!important;
    align-items:flex-start!important;
  }
  .wagstack-section .clone-kicker{font-size:9px!important}
  .wagstack-section .clone-title{
    margin-top:4px!important;
    font-size:clamp(28px,2.6vw,36px)!important;
    line-height:1!important;
  }
  .wagstack-section .clone-lede{
    max-width:700px!important;
    margin-top:7px!important;
    font-size:11.5px!important;
    line-height:1.45!important;
  }
  .wagstack-section .clone-actions{gap:6px!important}
  .wagstack-section .clone-btn{
    height:36px!important;
    min-height:36px!important;
    padding:0 14px!important;
    font-size:10.5px!important;
  }
  .wagstack-section .clone-glass{
    margin-top:9px!important;
    padding:12px!important;
    border-radius:22px!important;
  }
  .wagstack-section .clone-grid{gap:10px!important}
  .wagstack-section .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;
  }
  .wagstack-section .clone-card:hover{transform:translateY(-1px)!important}
  .wagstack-section .clone-card__no{font-size:8.5px!important}
  .wagstack-section .clone-card h2{margin:5px 0 5px!important;font-size:17px!important}
  .wagstack-section .clone-card h3{margin:5px 0 4px!important;font-size:13.5px!important}
  .wagstack-section .clone-card p{
    font-size:10.5px!important;
    line-height:1.45!important;
  }
  .wagstack-section .clone-icon{
    width:34px!important;
    height:34px!important;
    border-radius:11px!important;
    font-size:15px!important;
  }
  .wagstack-section .clone-tags{gap:5px!important;margin-top:9px!important}
  .wagstack-section .clone-tag{height:23px!important;padding:0 8px!important;font-size:8.5px!important}
  .wagstack-section .clone-note{
    margin-top:9px!important;
    padding:9px 11px!important;
    border-radius:12px!important;
    font-size:9.5px!important;
  }
  .wagstack-section .clone-section-title{
    margin:12px 0 7px!important;
    font-size:12px!important;
  }
  .wagstack-section .clone-metric{font-size:28px!important}
  .wagstack-section .clone-row{gap:10px!important}

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

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

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

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

  .wagstack-section[data-route="messages"] .clone-wrap,
  .wagstack-section[data-route="profile"] .clone-wrap,
  .wagstack-section[data-route="about"] .clone-wrap{
    display:flex!important;
    flex-direction:column!important;
  }
  .wagstack-section[data-route="messages"] .clone-glass,
  .wagstack-section[data-route="profile"] .clone-glass,
  .wagstack-section[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){
  .wagstack-section{padding:4px}
  .wagstack-section .shell{border-radius:18px}
  .wagstack-section .rail{
    min-height:72px!important;
    height:72px!important;
    padding:8px 12px!important;
    overflow:hidden!important;
  }
  .wagstack-section .rail__inner{
    grid-template-columns:38px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    gap:0 8px!important;
  }
  .wagstack-section .rail__avatar{
    width:38px!important;
    height:38px!important;
  }
  .wagstack-section .rail__name{font-size:14px!important;line-height:1.1!important}
  .wagstack-section .rail__handle,
  .wagstack-section .rail__meta{font-size:9px!important}
  .wagstack-section .rail__nav,
  .wagstack-section .rail__copy,
  .wagstack-section .rail__edit{display:none!important}

  .wagstack-section .shell__panel{
    height:calc(100% - 72px)!important;
    min-height:0!important;
    padding:0 0 58px!important;
  }
  .wagstack-section .home,
  .wagstack-section .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;
  }

  .wagstack-section .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;
  }
  .wagstack-section .home__brand-slot{
    min-width:0!important;
    padding:8px!important;
    border-radius:15px!important;
  }
  .wagstack-section .branddemo-brandmark{width:34px!important;height:34px!important}
  .wagstack-section .branddemo-wordmark{font-size:12px!important}
  .wagstack-section .branddemo-byline{display:none!important}
  .wagstack-section .home__promo-card{
    height:86px!important;
    min-height:86px!important;
    border-radius:15px!important;
  }
  .wagstack-section .home__promo-head{top:7px!important;left:9px!important;right:9px!important}
  .wagstack-section .home__promo-controls{display:none!important}
  .wagstack-section .home__promo-card .home__promo-viewport,
  .wagstack-section .home__promo-card .home__promo-slide{
    height:86px!important;
    min-height:86px!important;
  }
  .wagstack-section .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;
  }
  .wagstack-section .update-copy strong{font-size:11px!important}
  .wagstack-section .update-copy small{display:none!important}
  .wagstack-section .update-cta{font-size:8px!important}
  .wagstack-section .update-image{border-radius:9px!important}
  .wagstack-section .home__promo-dots{display:none!important}

  .wagstack-section .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;
  }
  .wagstack-section .home__showcase,
  .wagstack-section .bento{height:100%!important;min-height:0!important}
  .wagstack-section .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;
  }
  .wagstack-section .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;
  }
  .wagstack-section .bento__card--projects,
  .wagstack-section .bento__card--services{grid-column:1/-1!important}
  .wagstack-section .bento__icon{width:27px!important;height:27px!important;border-radius:9px!important}
  .wagstack-section .bento__title{font-size:10.5px!important}
  .wagstack-section .bento__desc{
    margin-top:3px!important;
    font-size:8.5px!important;
    line-height:1.3!important;
  }
  .wagstack-section .bento__media{margin-top:5px!important}

  .wagstack-section .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;
  }
  .wagstack-section .clone-head{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:8px!important;
    margin-bottom:6px!important;
  }
  .wagstack-section .clone-head>div:first-child{min-width:0!important}
  .wagstack-section .clone-kicker{font-size:7.5px!important}
  .wagstack-section .clone-title{
    margin-top:2px!important;
    font-size:22px!important;
    line-height:1!important;
  }
  .wagstack-section .clone-lede{
    margin-top:4px!important;
    max-width:none!important;
    font-size:9px!important;
    line-height:1.3!important;
  }
  .wagstack-section .clone-actions{
    flex:0 0 auto!important;
    margin:0 0 0 auto!important;
  }
  .wagstack-section .clone-actions .clone-btn{
    height:30px!important;
    min-height:30px!important;
    padding:0 9px!important;
    font-size:8.5px!important;
  }
  .wagstack-section .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;
  }
  .wagstack-section .clone-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .wagstack-section .clone-card,
  .wagstack-section .clone-card--third,
  .wagstack-section .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;
  }
  .wagstack-section .clone-card--full{grid-column:1/-1!important}
  .wagstack-section .clone-card__no{font-size:7px!important}
  .wagstack-section .clone-card h2{margin:3px 0!important;font-size:13px!important}
  .wagstack-section .clone-card h3{margin:3px 0!important;font-size:10.5px!important}
  .wagstack-section .clone-card p{font-size:8.5px!important;line-height:1.3!important}
  .wagstack-section .clone-icon{width:28px!important;height:28px!important;border-radius:9px!important}
  .wagstack-section .clone-tags{gap:4px!important;margin-top:5px!important}
  .wagstack-section .clone-tag{height:19px!important;padding:0 6px!important;font-size:7px!important}
  .wagstack-section .clone-note{margin-top:6px!important;padding:7px 8px!important;font-size:7.8px!important}
  .wagstack-section .clone-section-title{margin:7px 0 5px!important;font-size:9.5px!important}
  .wagstack-section .clone-btn{
    height:30px!important;
    min-height:30px!important;
    padding:0 9px!important;
    font-size:8.5px!important;
  }

  .wagstack-section .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;
  }
  .wagstack-section .pet-switch-row button{
    min-width:0!important;
    min-height:30px!important;
    padding:3px 5px!important;
    gap:4px!important;
    justify-content:center!important;
  }
  .wagstack-section .pet-switch-row img{width:23px!important;height:23px!important}
  .wagstack-section .pet-switch-row span{font-size:7.5px!important;overflow:hidden;text-overflow:ellipsis}
  .wagstack-section .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;
  }
  .wagstack-section .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;
  }
  .wagstack-section .pet-profile-card{
    grid-template-columns:64px minmax(0,1fr)!important;
    gap:8px!important;
  }
  .wagstack-section .pet-profile-photo{
    width:64px!important;
    height:64px!important;
    border-radius:13px!important;
  }
  .wagstack-section .pet-metric{font-size:15px!important;margin:3px 0!important}

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

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

  .wagstack-section .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 .wagstack-section .mobile-nav{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}

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

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

/* =====================================================================
   Reference-density finishing pass
   ===================================================================== */
@media(min-width:901px){
  .wagstack-section[data-route="pets"] .clone-wrap,
  .wagstack-section[data-route="health"] .clone-wrap,
  .wagstack-section[data-route="rewards"] .clone-wrap{
    display:flex!important;
    flex-direction:column!important;
  }
  .wagstack-section[data-route="pets"] .clone-glass,
  .wagstack-section[data-route="health"] .clone-glass,
  .wagstack-section[data-route="rewards"] .clone-glass{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .wagstack-section[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;
  }
  .wagstack-section[data-route="pets"] .pet-overview-grid>.pet-profile-card{
    grid-column:1/-1!important;
    min-height:0!important;
  }
  .wagstack-section[data-route="pets"] .pet-overview-grid>.pet-insight-card{
    grid-column:span 1!important;
    min-height:0!important;
    height:100%!important;
  }
  .wagstack-section[data-route="health"] .clone-grid,
  .wagstack-section[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. */
  .wagstack-section[data-route="pets"] .clone-glass{
    display:flex!important;
    flex-direction:column!important;
  }
  .wagstack-section[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;
  }
  .wagstack-section[data-route="pets"] .pet-overview-grid>.pet-profile-card{
    grid-column:1/-1!important;
    min-height:0!important;
    padding:8px!important;
  }
  .wagstack-section[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;
  }
  .wagstack-section[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;
  }
  .wagstack-section[data-route="pets"] .pet-insight-card .pet-insight-icon svg{
    width:14px!important;
    height:14px!important;
  }
  .wagstack-section[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;
  }
  .wagstack-section[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;
  }
  .wagstack-section[data-route="pets"] .pet-insight-card>p{
    display:none!important;
  }

  /* Booking routes should read as two compact cards, not one huge empty panel. */
  .wagstack-section[data-route="hotel"] .clone-wrap,
  .wagstack-section[data-route="grooming"] .clone-wrap{
    display:flex!important;
    flex-direction:column!important;
  }
  .wagstack-section[data-route="hotel"] .clone-wrap>.clone-glass,
  .wagstack-section[data-route="grooming"] .clone-wrap>.clone-glass{
    flex:0 0 auto!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
  }
  .wagstack-section[data-route="hotel"] .pet-book-card,
  .wagstack-section[data-route="grooming"] .pet-book-card{
    min-height:0!important;
    height:auto!important;
  }
  .wagstack-section[data-route="hotel"] .clone-section-title,
  .wagstack-section[data-route="grooming"] .clone-section-title{
    flex:0 0 auto!important;
    margin:6px 0 4px!important;
  }
  .wagstack-section[data-route="hotel"] .clone-section-title + .clone-grid,
  .wagstack-section[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;
  }
  .wagstack-section[data-route="hotel"] .clone-section-title + .clone-grid .clone-card,
  .wagstack-section[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. */
  .wagstack-section[data-route="rewards"] .clone-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    align-content:start!important;
  }
  .wagstack-section[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. */
  .wagstack-section[data-route="about"] .clone-glass{
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .wagstack-section[data-route="about"] .clone-glass::-webkit-scrollbar{
    width:0!important;
    height:0!important;
    display:none!important;
  }
}

@media(max-width:430px){
  .wagstack-section[data-route="pets"] .pet-profile-card{
    grid-template-columns:56px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .wagstack-section[data-route="pets"] .pet-profile-photo{
    width:56px!important;
    height:56px!important;
    border-radius:12px!important;
  }
  .wagstack-section[data-route="pets"] .pet-profile-card .clone-tags{
    gap:3px!important;
    margin-top:4px!important;
  }
  .wagstack-section[data-route="pets"] .pet-profile-card .clone-tag{
    height:16px!important;
    padding:0 5px!important;
    font-size:6px!important;
  }
  .wagstack-section[data-route="hotel"] .clone-section-title + .clone-grid,
  .wagstack-section[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"] .wagstack-section{
  background:#07101f;
}
[data-theme="dark"] .wagstack-section .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"] .wagstack-section .rail{
  background:rgba(10,29,52,.9)!important;
  border-color:rgba(255,255,255,.11)!important;
  color:#f6f8fc!important;
}
[data-theme="dark"] .wagstack-section .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. */
.wagstack-section[data-theme="dark"]{
  background:#07101f;
}
.wagstack-section[data-theme="dark"] .shell{
  background:rgba(7,16,31,.78)!important;
  border-color:rgba(255,255,255,.12)!important;
}
.wagstack-section[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. */
.wagstack-section.wagstack-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;
}
.wagstack-section.wagstack-under-hero #root,
.wagstack-section.wagstack-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){
  .wagstack-section{
    --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;
  }

  .wagstack-section .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;
  }

  .wagstack-section .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;
  }
  .wagstack-section .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;
  }
  .wagstack-section .rail__name{
    color:var(--dash-ink)!important;
    font-size:20px!important;
    font-weight:700!important;
    letter-spacing:-.03em!important;
    text-align:center!important;
  }
  .wagstack-section .rail__handle,
  .wagstack-section .rail__meta,
  .wagstack-section .rail__visits{
    color:var(--dash-muted)!important;
    text-align:center!important;
  }
  .wagstack-section .rail__actions{
    justify-content:center!important;
    margin-top:14px!important;
  }
  .wagstack-section :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;
  }
  .wagstack-section .rail__nav{
    margin-top:18px!important;
    padding-top:18px!important;
    border-top:1px solid var(--dash-line)!important;
  }
  .wagstack-section .rail__list{gap:5px!important}
  .wagstack-section .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;
  }
  .wagstack-section .rail__link:hover{
    background:rgba(16,33,58,.045)!important;
    transform:translateX(2px)!important;
  }
  .wagstack-section .rail__link.active{
    background:var(--dash-active)!important;
    color:var(--dash-ink)!important;
    box-shadow:none!important;
  }
  .wagstack-section .rail__link .ricon{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
  }

  .wagstack-section .shell__panel{
    flex:1 1 auto!important;
    min-width:0!important;
    background:transparent!important;
  }
  .wagstack-section .home{
    padding:26px 28px 20px!important;
    gap:12px!important;
    background:transparent!important;
  }

  .wagstack-section .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}

  .wagstack-section .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;
  }
  .wagstack-section .bento{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .wagstack-section .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;
  }
  .wagstack-section .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;
  }
  .wagstack-section .bento__card--projects{grid-column:span 6!important;grid-row:1!important}
  .wagstack-section .bento__card--about{grid-column:span 3!important;grid-row:1!important}
  .wagstack-section .bento__card--ai{grid-column:span 3!important;grid-row:1!important}
  .wagstack-section .bento__card--creds{grid-column:span 3!important;grid-row:2!important}
  .wagstack-section .bento__card--services{grid-column:span 3!important;grid-row:2!important}
  .wagstack-section .bento__card--quotes{grid-column:span 6!important;grid-row:2!important}

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

.wagstack-section[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){
  .wagstack-section[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;
  }
  .wagstack-section[data-theme="dark"] .rail{
    background:rgba(10,23,39,.96)!important;
    border-right-color:rgba(255,255,255,.1)!important;
  }
  .wagstack-section[data-theme="dark"] .rail__name,
  .wagstack-section[data-theme="dark"] .portfolio-dashboard-intro h1,
  .wagstack-section[data-theme="dark"] .portfolio-tools-strip__label strong{
    color:#f5f7fb!important;
  }
  .wagstack-section[data-theme="dark"] .rail__link{color:#9eafc5!important}
  .wagstack-section[data-theme="dark"] .rail__link:hover{background:rgba(255,255,255,.05)!important}
  .wagstack-section[data-theme="dark"] .rail__link.active{
    background:#17283e!important;
    color:#fff!important;
  }
  .wagstack-section[data-theme="dark"] :is(.rail__social,.rail__theme){
    background:#13243a!important;
    color:#fff!important;
  }
  .wagstack-section[data-theme="dark"] .portfolio-dashboard-intro p{color:#9aacc2}
  .wagstack-section[data-theme="dark"] .portfolio-dashboard-status{
    background:rgba(16,31,50,.78);
    color:#edf3fb;
  }
  .wagstack-section[data-theme="dark"] .portfolio-tools-strip{
    background:linear-gradient(90deg,rgba(13,27,45,.96),rgba(20,42,70,.9));
  }
  .wagstack-section[data-theme="dark"] .portfolio-tool{color:#c5d2e2}
  .wagstack-section[data-theme="dark"] .home__glass--showcase{
    background:linear-gradient(135deg,rgba(13,27,45,.88),rgba(21,43,70,.78))!important;
  }
  .wagstack-section[data-theme="dark"] .bento__card{
    background:rgba(15,30,49,.94)!important;
    border-color:rgba(255,255,255,.11)!important;
  }
  .wagstack-section[data-theme="dark"] .bento__title{color:#f5f7fb!important}
  .wagstack-section[data-theme="dark"] .bento__desc{color:#9eafc4!important}
}


/* BrewedOps tools section clone — exact captured structure and motion. */
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .tools-marquee__img,
.wagstack-section .tools-marquee__icon{
  display:block!important;
  flex:0 0 auto!important;
  width:20px!important;
  height:20px!important;
}
.wagstack-section .tools-marquee__img{
  max-width:100%!important;
  object-fit:contain!important;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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. */
.wagstack-section[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;
}
.wagstack-section[data-theme="dark"] .home__tools-label{
  color:#f5f7fb!important;
}
.wagstack-section[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;
}
.wagstack-section[data-theme="dark"] :is(.tools-marquee__item,.tools-marquee__label){
  color:#dbe5f2!important;
}
.wagstack-section[data-theme="dark"] .tools-marquee__icon[style*="#000000"]{
  --brand-color:#f4f7fb!important;
}
.wagstack-section[data-theme="dark"] .tools-marquee__icon[style*="#0F172A"],
.wagstack-section[data-theme="dark"] .tools-marquee__icon[style*="#18181B"]{
  --brand-color:#dbe5f2!important;
}

@media(max-width:900px){
  .wagstack-section .home__glass--tools{
    flex-basis:58px!important;
    min-height:58px!important;
    height:58px!important;
    padding:7px 9px!important;
    border-radius:20px!important;
  }
  .wagstack-section .home__tools{
    grid-template-columns:112px minmax(0,1fr)!important;
    grid-template-rows:44px!important;
    height:44px!important;
    gap:10px!important;
  }
  .wagstack-section .home__tools-head{
    width:112px!important;
    height:auto!important;
    padding-right:8px!important;
  }
  .wagstack-section .home__tools-eyebrow{width:auto!important;font-size:9px!important;line-height:13px!important;letter-spacing:.72px!important}
  .wagstack-section .home__tools-label{width:auto!important;height:auto!important;font-size:11px!important;line-height:14px!important}
  .wagstack-section .tools-marquee{height:44px!important}
  .wagstack-section .tools-marquee__track{height:42px!important;padding:11px 20px!important;gap:30px!important}
  .wagstack-section .tools-marquee__item{height:20px!important;padding-right:30px!important;gap:8px!important;font-size:11px!important}
  .wagstack-section .tools-marquee__label{font-size:11px!important}
  .wagstack-section .tools-marquee__img,.wagstack-section .tools-marquee__icon{width:18px!important;height:18px!important}
}
@media(prefers-reduced-motion:reduce){
  .wagstack-section .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. */
.wagstack-section .tools-marquee__track{
  transform:none!important;
  translate:0 0;
}


/* Portfolio About page — repurposed from My Pets. */
.wagstack-section .portfolio-about{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:22px 26px!important;
  overflow:hidden!important;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-about__head{
  flex:0 0 auto!important;
  min-height:0!important;
  margin-bottom:14px!important;
}
.wagstack-section .portfolio-about__head .clone-title{
  margin-top:4px!important;
  font-size:clamp(30px,3vw,44px)!important;
  line-height:.98!important;
}
.wagstack-section .portfolio-about__head .clone-lede{
  max-width:760px!important;
  margin-top:8px!important;
  font-size:12px!important;
  line-height:1.45!important;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-about__card:hover img{
  transform:scale(1.025)!important;
}
.wagstack-section[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){
  .wagstack-section .portfolio-about{
    padding:14px!important;
  }
  .wagstack-section .portfolio-about__head{
    margin-bottom:10px!important;
  }
  .wagstack-section .portfolio-about__head .clone-title{
    font-size:26px!important;
  }
  .wagstack-section .portfolio-about__head .clone-lede{
    font-size:10px!important;
  }
  .wagstack-section .portfolio-about__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .wagstack-section .portfolio-about__card{
    border-radius:16px!important;
  }
}


/* Requested dashboard changes only: profile identity, About preview, marquee hover pause. */
.wagstack-section .rail__meta,
.wagstack-section [data-owner-meta],
.wagstack-section .rail__edit,
.wagstack-section .rail__edit-profile{
  display:none!important;
}
.wagstack-section .rail__avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 42%!important;
}
.wagstack-section .tools-marquee:hover .tools-marquee__track{
  animation-play-state:paused!important;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-about-preview img:nth-child(1){transform:translateX(-88%) rotate(-7deg)!important;z-index:1!important}
.wagstack-section .portfolio-about-preview img:nth-child(2){transform:translateX(-62%) rotate(-2deg)!important;z-index:2!important}
.wagstack-section .portfolio-about-preview img:nth-child(3){transform:translateX(-36%) rotate(3deg)!important;z-index:3!important}
.wagstack-section .portfolio-about-preview img:nth-child(4){transform:translateX(-10%) rotate(7deg)!important;z-index:4!important}


/* Screenshot corrections: exact requested dashboard cleanup. */
.wagstack-section .rail__name{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
.wagstack-section .portfolio-dashboard-intro,
.wagstack-section .portfolio-dashboard-status{
  display:none!important;
}
.wagstack-section .portfolio-about-overview__head{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  height:34px!important;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-about-overview__head strong{
  color:var(--dash-ink,#10213a)!important;
  font:700 14px/1 'Poppins',system-ui,sans-serif!important;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section[data-theme="dark"] .portfolio-about-overview__head strong{
  color:#f5f7fb!important;
}
.wagstack-section[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,.wagstack-section,.wagstack-section .shell__panel,.wagstack-section #main-content{
  scrollbar-width:none!important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.wagstack-section::-webkit-scrollbar,
.wagstack-section .shell__panel::-webkit-scrollbar,
.wagstack-section #main-content::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}

/* Rail identity */
.wagstack-section .rail__avatar{
  overflow:hidden!important;
}
.wagstack-section .rail__avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 45%!important;
}
.wagstack-section .rail__name,
.wagstack-section [data-owner-name]{
  width:100%!important;
  display:block!important;
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.wagstack-section .rail__meta,
.wagstack-section [data-owner-meta],
.wagstack-section .rail__edit,
.wagstack-section .rail__edit-profile{
  display:none!important;
}

/* Tools marquee: two equal groups + soft edge fade + hover pause. */
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .tools-marquee__item{
  padding-right:0!important;
}
.wagstack-section .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. */
.wagstack-section .home__glass--showcase{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:12px!important;
  overflow:hidden!important;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-overview-card--projects{grid-column:span 6!important}
.wagstack-section .portfolio-overview-card--about{grid-column:span 3!important}
.wagstack-section .portfolio-overview-card--ai{grid-column:span 3!important}
.wagstack-section .portfolio-overview-card--capabilities{grid-column:span 3!important}
.wagstack-section .portfolio-overview-card--services{grid-column:span 3!important}
.wagstack-section .portfolio-overview-card--testimonials{grid-column:span 6!important}
.wagstack-section .portfolio-overview-card__head{
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-projects-mini,
.wagstack-section .portfolio-chip-list,
.wagstack-section .portfolio-skill-list,
.wagstack-section .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;
}
.wagstack-section :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;
}
.wagstack-section .portfolio-service-mini{
  display:grid!important;
  gap:4px!important;
  margin-top:auto!important;
  padding-top:10px!important;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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. */
.wagstack-section .portfolio-section-page{
  width:100%!important;
  height:100%!important;
  padding:34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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 */
.wagstack-section[data-theme="dark"] .portfolio-overview-card{
  background:#0f1e31!important;
  border-color:rgba(255,255,255,.11)!important;
}
.wagstack-section[data-theme="dark"] .portfolio-overview-card__head strong,
.wagstack-section[data-theme="dark"] .portfolio-section-page h1{
  color:#f5f7fb!important;
}
.wagstack-section[data-theme="dark"] .portfolio-overview-card__head small,
.wagstack-section[data-theme="dark"] .portfolio-section-page p{
  color:#9eafc4!important;
}
.wagstack-section[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;
}
.wagstack-section[data-theme="dark"] .portfolio-service-mini span{
  border-bottom-color:rgba(255,255,255,.08)!important;
  color:#c9d5e5!important;
}

@media(max-width:900px){
  .wagstack-section .portfolio-overview-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .wagstack-section .portfolio-overview-card{
    grid-column:span 1!important;
    padding:10px!important;
    border-radius:16px!important;
  }
  .wagstack-section .portfolio-overview-card__head{
    grid-template-columns:28px minmax(0,1fr)!important;
    gap:7px!important;
  }
  .wagstack-section .portfolio-overview-card__icon{
    width:28px!important;
    height:28px!important;
    border-radius:9px!important;
  }
  .wagstack-section .portfolio-overview-card__head strong{font-size:11px!important}
  .wagstack-section .portfolio-overview-card__head small{font-size:8px!important}
}


/* Construction VA + Engineering focus — final portfolio pass. */
html,body,.wagstack-section,.wagstack-section *{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar,
.wagstack-section::-webkit-scrollbar,
.wagstack-section *::-webkit-scrollbar{
  width:0!important;
  height:0!important;
  display:none!important;
}
.wagstack-section .rail__avatar img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 60%!important;
}
.wagstack-section .ricon--phosphor{
  display:grid!important;
  place-items:center!important;
}
.wagstack-section .ricon--phosphor .ph{
  display:block!important;
  font-size:18px!important;
  line-height:1!important;
  color:currentColor!important;
}
.wagstack-section .portfolio-overview-card__icon .ph,
.wagstack-section .portfolio-section-page__icon .ph{
  display:block!important;
  font-size:18px!important;
  line-height:1!important;
}
.wagstack-section .tools-marquee__track{
  animation:portfolio-tools-loop 48s linear infinite!important;
  animation-play-state:running!important;
}
.wagstack-section .tools-marquee:hover .tools-marquee__track{
  animation-play-state:paused!important;
}
.wagstack-section .portfolio-overview-grid--construction{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:minmax(0,1.12fr) minmax(0,.88fr)!important;
}
.wagstack-section .portfolio-overview-card--construction,
.wagstack-section .portfolio-overview-card--engineering{
  grid-column:span 6!important;
}
.wagstack-section .portfolio-overview-card--projects,
.wagstack-section .portfolio-overview-card--systems,
.wagstack-section .portfolio-overview-card--about{
  grid-column:span 4!important;
}
.wagstack-section .portfolio-overview-card--feature{
  background:
    radial-gradient(circle at 88% 10%,rgba(255,122,26,.10),transparent 32%),
    rgba(255,255,252,.97)!important;
}
.wagstack-section .portfolio-overview-card--feature .portfolio-overview-card__head strong{
  font-size:17px!important;
  letter-spacing:-.025em!important;
}
.wagstack-section .portfolio-overview-card--feature .portfolio-overview-card__head small{
  max-width:48ch!important;
  font-size:10.5px!important;
}
.wagstack-section .portfolio-overview-card__icon{
  font-size:0!important;
}
.wagstack-section .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;
}
.wagstack-section[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){
  .wagstack-section .portfolio-overview-grid--construction{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
  }
  .wagstack-section .portfolio-overview-card--construction,
  .wagstack-section .portfolio-overview-card--engineering,
  .wagstack-section .portfolio-overview-card--projects,
  .wagstack-section .portfolio-overview-card--systems{
    grid-column:span 1!important;
  }
  .wagstack-section .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. */
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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. */
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-card--construction,
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-card--about,
.wagstack-section .portfolio-ref-card--automation{
  grid-column:span 3!important;
  display:flex!important;
  flex-direction:column!important;
}
.wagstack-section .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;
}
.wagstack-section :is(.portfolio-ref-card--projects,.portfolio-ref-card--construction,.portfolio-ref-card--engineering) .portfolio-ref-head{
  height:100%!important;
}
.wagstack-section .portfolio-ref-label{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  padding-right:22px!important;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-icon .ph{
  font-size:20px!important;
  line-height:1!important;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-card:hover .portfolio-ref-icon{
  transform:translateY(-1px) rotate(-3deg)!important;
}
.wagstack-section .portfolio-ref-card:hover .portfolio-ref-arrow{
  transform:translate(3px,-3px)!important;
}

/* Construction + engineering stay primary but use the same captured card language. */
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-detail-grid .ph{
  grid-row:1/3!important;
  color:#ff7a1a!important;
  font-size:18px!important;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-detail-grid small{
  color:#6b7890!important;
  font:500 8.5px/1.2 inherit!important;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-sheet__title{
  display:block!important;
  color:#ff7a1a!important;
  font:700 9px/1.2 inherit!important;
  letter-spacing:.08em!important;
}
.wagstack-section .portfolio-ref-sheet__line{
  display:block!important;
  width:88%!important;
  height:3px!important;
  margin-top:10px!important;
  border-radius:999px!important;
  background:#dfe5ed!important;
}
.wagstack-section .portfolio-ref-sheet__line.is-short{width:62%!important}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-sheet b{
  color:#ff7a1a!important;
  font:700 9px/1 inherit!important;
}
.wagstack-section .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. */
.wagstack-section .portfolio-ref-reel{
  position:relative!important;
  min-width:0!important;
  height:100%!important;
  overflow:hidden!important;
  border-radius:14px!important;
}
.wagstack-section .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)}
}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-shot__chrome{
  position:absolute!important;
  top:7px!important;
  left:9px!important;
  display:flex!important;
  gap:4px!important;
}
.wagstack-section .portfolio-ref-shot__chrome i{
  width:4px!important;height:4px!important;border-radius:50%!important;background:#cfd7e2!important;
}
.wagstack-section .portfolio-ref-shot__chrome i:first-child{background:#ff7a1a!important}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-shot__content strong{
  color:#0b1e3f!important;font:700 11px/1.15 inherit!important;
}
.wagstack-section .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. */
.wagstack-section .portfolio-ref-fan{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  flex:1 1 auto!important;
  min-height:0!important;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-photo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:50% 20%!important;
}
.wagstack-section .portfolio-ref-photo:nth-child(1){z-index:1;transform:translateX(-80%) translateY(5px) rotate(-11deg)!important}
.wagstack-section .portfolio-ref-photo:nth-child(2){z-index:2;transform:translateX(-62%) translateY(-2px) rotate(-4deg)!important}
.wagstack-section .portfolio-ref-photo:nth-child(3){z-index:3;transform:translateX(-38%) translateY(-2px) rotate(4deg)!important}
.wagstack-section .portfolio-ref-photo:nth-child(4){z-index:4;transform:translateX(-20%) translateY(5px) rotate(11deg)!important}
.wagstack-section .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(1){transform:translateX(-96%) translateY(0) rotate(-13deg)!important}
.wagstack-section .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(2){transform:translateX(-68%) translateY(-7px) rotate(-5deg)!important}
.wagstack-section .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(3){transform:translateX(-32%) translateY(-7px) rotate(5deg)!important}
.wagstack-section .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. */
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-chip-row{
  display:block!important;
  flex:0 0 32px!important;
  height:32px!important;
  overflow:hidden!important;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-chip-row.is-reverse .portfolio-ref-chip-track{
  animation-direction:reverse!important;
}
.wagstack-section .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}
}
.wagstack-section .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;
}
.wagstack-section .portfolio-ref-chip .ph{
  color:#ff7a1a!important;
  font-size:15px!important;
}

/* Dark dashboard keeps the same geometry/effects. */
.wagstack-section[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;
}
.wagstack-section[data-theme="dark"] .portfolio-ref-label h3{color:#f4f7fb!important}
.wagstack-section[data-theme="dark"] .portfolio-ref-head p{color:#9bacc0!important}
.wagstack-section[data-theme="dark"] .portfolio-ref-detail-grid>span,
.wagstack-section[data-theme="dark"] .portfolio-ref-sheet,
.wagstack-section[data-theme="dark"] .portfolio-ref-chip,
.wagstack-section[data-theme="dark"] .portfolio-ref-shot{
  background:#15263c!important;
}
.wagstack-section[data-theme="dark"] .portfolio-ref-detail-grid b,
.wagstack-section[data-theme="dark"] .portfolio-ref-chip,
.wagstack-section[data-theme="dark"] .portfolio-ref-shot__content strong{color:#f4f7fb!important}
.wagstack-section[data-theme="dark"] .portfolio-ref-detail-grid small,
.wagstack-section[data-theme="dark"] .portfolio-ref-shot__content small{color:#9bacc0!important}
.wagstack-section[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){
  .wagstack-section .portfolio-reference-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .wagstack-section :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;
  }
  .wagstack-section .portfolio-ref-card--about,
  .wagstack-section .portfolio-ref-card--automation{grid-column:span 1!important}
  .wagstack-section .portfolio-ref-reel,
  .wagstack-section .portfolio-ref-detail-grid,
  .wagstack-section .portfolio-ref-sheet{flex:1 1 auto!important;margin-top:8px!important}
  .wagstack-section .portfolio-ref-card{padding:10px 11px!important;border-radius:18px!important}
  .wagstack-section .portfolio-ref-label h3{font-size:13px!important}
  .wagstack-section .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. */
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .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. */
.wagstack-section .portfolio-ref-reel-track{
  animation-play-state:paused!important;
}
.wagstack-section .portfolio-ref-card--projects:hover .portfolio-ref-reel-track{
  animation-play-state:running!important;
}
.wagstack-section .portfolio-ref-chip-track{
  animation-play-state:paused!important;
}
.wagstack-section .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. */
.wagstack-section .portfolio-ref-photo{
  width:min(34%,72px)!important;
  bottom:-6px!important;
}
.wagstack-section .portfolio-ref-photo:nth-child(1){
  transform:translateX(-132%) translateY(8px) rotate(-11deg)!important;
}
.wagstack-section .portfolio-ref-photo:nth-child(2){
  transform:translateX(-86%) translateY(-3px) rotate(-4deg)!important;
}
.wagstack-section .portfolio-ref-photo:nth-child(3){
  transform:translateX(-28%) translateY(-3px) rotate(4deg)!important;
}
.wagstack-section .portfolio-ref-photo:nth-child(4){
  transform:translateX(20%) translateY(8px) rotate(11deg)!important;
}
.wagstack-section .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(1){
  transform:translateX(-150%) translateY(4px) rotate(-13deg)!important;
}
.wagstack-section .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(2){
  transform:translateX(-92%) translateY(-8px) rotate(-5deg)!important;
}
.wagstack-section .portfolio-ref-card--about:hover .portfolio-ref-photo:nth-child(3){
  transform:translateX(-22%) translateY(-8px) rotate(5deg)!important;
}
.wagstack-section .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){
  .wagstack-section .tools-marquee__track,
  .wagstack-section .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. */
.wagstack-section .tools-marquee__belt{
  animation-duration:64s!important;
}
.wagstack-section .tools-marquee__ph{
  display:grid!important;
  place-items:center!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  color:#ff7417!important;
}
.wagstack-section .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. */
.wagstack-section .portfolio-about__credentials{
  margin-top:28px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(16,33,58,.14)!important;
}
.wagstack-section .portfolio-about__credentials-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:12px!important;
}
.wagstack-section .portfolio-about__credentials-head p{
  margin:0!important;
  color:#6b7890!important;
  font:500 10px/1.4 Poppins,system-ui,sans-serif!important;
}
.wagstack-section .portfolio-about__credentials-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.wagstack-section .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;
}
.wagstack-section .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;
}
.wagstack-section .portfolio-about__credential time{
  color:#7e8da1!important;
}
.wagstack-section .portfolio-about__credential strong{
  display:block!important;
  color:#10213a!important;
  font:650 10.5px/1.35 Poppins,system-ui,sans-serif!important;
}
.wagstack-section[data-theme="dark"] .portfolio-about__credentials{
  border-top-color:rgba(255,255,255,.10)!important;
}
.wagstack-section[data-theme="dark"] .portfolio-about__credential{
  background:#0f1e31!important;
  border-color:rgba(255,255,255,.10)!important;
}
.wagstack-section[data-theme="dark"] .portfolio-about__credential strong{
  color:#f5f7fb!important;
}
.wagstack-section[data-theme="dark"] .portfolio-about__credentials-head p{
  color:#9eafc4!important;
}
@media(max-width:900px){
  .wagstack-section .portfolio-about__credentials-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .wagstack-section .portfolio-about__credentials-head{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .wagstack-section .portfolio-about__credentials-grid{
    grid-template-columns:1fr!important;
  }
}


/* Real tool marks, isolated from inherited generic icon styling. */
.wagstack-section .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;
}
.wagstack-section .tools-marquee__group { flex-shrink:0!important; }
.wagstack-section .tools-marquee:focus-within .tools-marquee__belt {animation-play-state:paused!important;}
.wagstack-section .tools-marquee__item[data-tool="buildingconnected"] .tools-marquee__brand {width:108px!important;flex-basis:108px!important;background:#162d46;border-radius:3px;padding:3px;}
.wagstack-section .tools-marquee__item[data-tool="buildingconnected"] .tools-marquee__label {display:none!important;}
.wagstack-section[data-theme="dark"] .tools-marquee__brand {background:#fff;border-radius:4px;padding:2px;}
@media(prefers-reduced-motion:reduce){
 .wagstack-section .tools-marquee__belt{animation:none!important;transform:none!important;}
 .wagstack-section .tools-marquee__track{overflow-x:auto!important;}
 .wagstack-section .tools-marquee__group+ .tools-marquee__group{display:none!important;}
}