/*
 * Wide desktop composition, v1.
 * Scoped to >=1480 × 740 CSS px. The approved <=1440px laptop layout is untouched.
 * Design intent: use the available reading width and improve typography/density
 * without changing project content, navigation, colours or interaction mechanics.
 *
 * Keep after portfolio-audience.css in the document so this layer wins only
 * when the wide-desktop media query matches.
 */
@media (min-width:1480px) and (min-height:740px) {
  /* Larger working canvas, without stretching the left rail like a content panel. */
  .portfolio-dashboard .rail{
    flex:0 0 280px!important;
    width:280px!important;
    padding:23px 19px 18px!important;
  }
  .portfolio-dashboard .rail__avatar{
    width:94px!important;
    height:94px!important;
    margin-bottom:12px!important;
  }
  .portfolio-dashboard .rail__name{font-size:19px!important;line-height:1.25!important}
  .portfolio-dashboard .rail__nav{margin-top:15px!important}
  .portfolio-dashboard .rail__link{
    min-height:46px!important;
    font-size:14px!important;
    gap:11px!important;
  }
  .portfolio-dashboard .rail__link .ricon{
    width:32px!important;
    height:32px!important;
  }

  /* Let every route use the larger workspace; avoid blank gutters. */
  .portfolio-dashboard .home{
    padding:30px clamp(32px,2.45vw,54px) 26px!important;
    gap:17px!important;
  }
  .portfolio-dashboard .clone-page{
    padding:28px clamp(32px,2.45vw,54px) 32px!important;
  }
  .portfolio-dashboard .clone-wrap{
    width:100%!important;
    max-width:none!important;
  }
  .portfolio-dashboard-intro{
    min-height:104px!important;
    gap:36px!important;
  }
  .portfolio-dashboard-intro__copy{max-width:960px!important}
  .portfolio-dashboard-intro h1{
    font-size:clamp(52px,3.15vw,68px)!important;
    line-height:1.05!important;
  }
  .portfolio-dashboard-intro p{
    font-size:15px!important;
    line-height:1.55!important;
    max-width:870px!important;
  }
  .portfolio-dashboard .portfolio-eng-headline,
  .portfolio-dashboard .portfolio-about-headline,
  .portfolio-dashboard .portfolio-construction-headline{
    max-width:960px!important;
    margin-bottom:14px!important;
  }
  .portfolio-dashboard :is(.portfolio-eng-headline__title,.portfolio-about-headline__title,.portfolio-construction-headline__title){
    font-size:clamp(38px,2.4vw,48px)!important;
    line-height:1.1!important;
  }
  .portfolio-dashboard :is(.portfolio-eng-headline__sub,.portfolio-about-headline__sub,.portfolio-construction-headline__sub){
    max-width:850px!important;
    font-size:15px!important;
    line-height:1.5!important;
  }

  /* The 12-column framework is good; enlarge the information inside it. */
  .portfolio-dashboard .portfolio-reference-grid,
  .portfolio-dashboard .portfolio-overview-grid{
    gap:17px!important;
  }
  .portfolio-dashboard .portfolio-ref-card,
  .portfolio-dashboard .portfolio-overview-card{
    padding:19px 21px!important;
  }
  .portfolio-dashboard .portfolio-ref-head{gap:12px!important}
  .portfolio-dashboard .portfolio-ref-icon{
    flex-basis:42px!important;
    width:42px!important;
    height:42px!important;
    border-radius:12px!important;
  }
  .portfolio-dashboard .portfolio-ref-icon .ph{font-size:22px!important}
  .portfolio-dashboard .portfolio-ref-label h3{
    font-size:18px!important;
    line-height:1.3!important;
  }
  .portfolio-dashboard .portfolio-ref-head p{
    max-width:43ch!important;
    font-size:13px!important;
    line-height:1.45!important;
  }
  .portfolio-dashboard .portfolio-ref-detail-grid>span{
    padding:12px 13px!important;
    column-gap:10px!important;
  }
  .portfolio-dashboard .portfolio-ref-detail-grid b,
  .portfolio-dashboard .portfolio-ref-sheet__title{
    font-size:13px!important;
    line-height:1.35!important;
  }
  .portfolio-dashboard .portfolio-ref-detail-grid small{
    font-size:11px!important;
    line-height:1.45!important;
  }
  .portfolio-dashboard .portfolio-ref-chip{
    min-height:38px!important;
    height:auto!important;
    font-size:13px!important;
  }
  .portfolio-dashboard .portfolio-overview-card__head strong{font-size:17px!important;line-height:1.3!important}
  .portfolio-dashboard .portfolio-overview-card__head small{font-size:12px!important;line-height:1.45!important}
  .portfolio-dashboard .portfolio-workflow strong{font-size:15px!important;line-height:1.4!important}
  .portfolio-dashboard .portfolio-workflow small{font-size:12px!important;line-height:1.5!important}

  /* Construction VA: use the height of the four portrait cards for readable rows. */
  .portfolio-dashboard .portfolio-reference-grid--construction,
  .portfolio-dashboard .portfolio-reference-grid--construction.portfolio-reference-grid{
    gap:16px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--construction>.cva-card{
    padding:17px 19px!important;
    gap:12px!important;
  }
  .portfolio-dashboard .cva-service-grid,
  .portfolio-dashboard .cva-deliverable-grid,
  .portfolio-dashboard .cva-workflow-grid{
    gap:8px!important;
  }
  .portfolio-dashboard .cva-service{
    padding:8px 11px!important;
    gap:10px!important;
  }
  .portfolio-dashboard .cva-service b{font-size:12.5px!important;line-height:1.3!important}
  .portfolio-dashboard .cva-service small{font-size:10.5px!important;line-height:1.4!important}
  .portfolio-dashboard .cva-workflow-step{padding:10px 12px!important}
  .portfolio-dashboard .cva-workflow-step strong{font-size:12px!important;line-height:1.3!important}
  .portfolio-dashboard .cva-workflow-step small{font-size:10px!important;line-height:1.4!important}
  .portfolio-dashboard .cva-tool-group{gap:8px!important;padding:9px 11px!important}
  .portfolio-dashboard .cva-tool-group>strong{font-size:11px!important}
  .portfolio-dashboard .cva-deliverable{padding:7px 10px!important;gap:9px!important}
  .portfolio-dashboard .cva-deliverable b{font-size:11.5px!important;line-height:1.3!important}
  .portfolio-dashboard .cva-deliverable small{font-size:10px!important;line-height:1.35!important}

  /* Stable automation cards previously stopped at 980px on large monitors. */
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"] .auto-sys__stage--square{
    width:min(100%,1370px)!important;
    max-width:1370px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"] .auto-mosaic--final{
    gap:16px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"] .auto-mosaic--final>.auto-mosaic__card{
    padding:17px 20px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"] .auto-mosaic__head--final .auto-mosaic__title{
    font-size:43px!important;
    line-height:1.08!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"] .auto-mosaic__tagline--head{
    font-size:15px!important;
    line-height:1.5!important;
  }

  /* Experience: the compact one-line rows truncated career context on wide
     displays. Stack role and context beside the icon; every word stays readable
     without hover, while all five rows retain the same card footprint. */
  .portfolio-dashboard .portfolio-ref-card--experience .portfolio-ref-step{
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-content:center!important;
    align-items:center!important;
    gap:2px 12px!important;
    padding:7px 6px!important;
  }
  .portfolio-dashboard .portfolio-ref-card--experience .portfolio-ref-step .ph{
    grid-column:1!important;
    grid-row:1/span 2!important;
    width:24px!important;
    font-size:17px!important;
  }
  .portfolio-dashboard .portfolio-ref-card--experience .portfolio-ref-step b{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    font-size:13px!important;
    line-height:1.3!important;
    white-space:normal!important;
  }
  .portfolio-dashboard .portfolio-ref-card--experience .portfolio-ref-step small{
    grid-column:2!important;
    grid-row:2!important;
    min-width:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    font-size:12px!important;
    line-height:1.3!important;
  }

  /* Wide desktop secondary-information legibility.
     Previously these About / Engineering / Automation details were 9–10px
     even when the visitor had a 1920px+ monitor. Preserve all content. */
  .portfolio-dashboard .portfolio-about__credentials-head p{
    font-size:12.5px!important;
    line-height:1.5!important;
  }
  .portfolio-dashboard .portfolio-about__credential{
    padding:16px 18px!important;
  }
  .portfolio-dashboard .portfolio-about__credential strong{
    font-size:13.5px!important;
    line-height:1.4!important;
  }
  .portfolio-dashboard .portfolio-about__credential time{
    font-size:12px!important;
    line-height:1.4!important;
  }
  .portfolio-dashboard .portfolio-eng-cred{
    padding:12px 14px!important;
    gap:4px!important;
  }
  .portfolio-dashboard .portfolio-eng-cred small{
    font-size:12px!important;
    line-height:1.4!important;
  }
  .portfolio-dashboard .portfolio-ref-metric small{
    font-size:13px!important;
    line-height:1.45!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"] .auto-mosaic__mini-copy strong{
    font-size:13.5px!important;
    line-height:1.35!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"] .auto-mosaic__mini-copy small{
    font-size:11.5px!important;
    line-height:1.4!important;
  }

  /* FAQ + Contact: widen the content rather than leaving dead side gutters. */
  .portfolio-dashboard .portfolio-contact-page{
    max-width:1580px!important;
    width:100%!important;
    padding:27px 32px 30px!important;
  }
  .portfolio-dashboard .portfolio-contact-head{
    max-width:1040px!important;
    margin-bottom:24px!important;
  }
  .portfolio-dashboard .portfolio-contact-head h1{font-size:54px!important;line-height:1.1!important}
  .portfolio-dashboard .portfolio-contact-head p{font-size:16px!important;line-height:1.5!important}
  .portfolio-dashboard .portfolio-contact-shell{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
    gap:25px!important;
  }
  .portfolio-dashboard :is(.portfolio-faq-card,.portfolio-contact-form){
    padding:28px!important;
  }
  .portfolio-dashboard .portfolio-faq-card h2{font-size:29px!important;line-height:1.2!important}
  .portfolio-dashboard .portfolio-faq-item summary strong{font-size:16px!important;line-height:1.45!important}
  .portfolio-dashboard .portfolio-faq-item p{font-size:14px!important;line-height:1.65!important}

  /*
   * Wide-monitor scale pass v2 — SAME CARDS AND CONTENT.
   * No changes to grid areas/order, site copy, images, colors or mechanics.
   * Slightly wider cards + significantly more readable text and rail spacing.
   */
  .portfolio-dashboard .rail{
    flex:0 0 292px!important;
    width:292px!important;
    padding:20px 20px 16px!important;
  }
  .portfolio-dashboard .rail__inner{
    height:100%!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .portfolio-dashboard .rail__avatar{
    width:106px!important;
    height:106px!important;
    margin:0 auto 10px!important;
  }
  .portfolio-dashboard .rail__avatar img{
    width:100%!important;
    height:100%!important;
  }
  .portfolio-dashboard .rail__name{
    font-size:22px!important;
    line-height:1.25!important;
    letter-spacing:-.035em!important;
    margin:6px auto 0!important;
  }
  .portfolio-dashboard .rail__meta{
    font-size:12px!important;
    line-height:1.4!important;
  }
  .portfolio-dashboard .rail__actions{
    height:44px!important;
    min-height:44px!important;
    margin:12px auto 0!important;
  }
  .portfolio-dashboard :is(.rail__social,.rail__theme){
    width:43px!important;
    height:43px!important;
    min-width:43px!important;
    min-height:43px!important;
  }
  .portfolio-dashboard .rail__nav{
    flex:1 1 auto!important;
    min-height:0!important;
    margin-top:clamp(18px,2.2vh,30px)!important;
    padding-top:16px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-x:none!important;
    scrollbar-width:none!important;
  }
  .portfolio-dashboard .rail__nav::-webkit-scrollbar{display:none!important}
  .portfolio-dashboard .rail__nav>ul{
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-evenly!important;
    min-height:100%!important;
    gap:clamp(6px,1vh,12px)!important;
    margin:0!important;
    padding:4px 0 8px!important;
  }
  .portfolio-dashboard .rail__link{
    height:clamp(49px,5.8vh,60px)!important;
    min-height:49px!important;
    padding:0 13px!important;
    gap:12px!important;
    border-radius:13px!important;
    font-size:clamp(15px,.88vw,17px)!important;
    line-height:1.3!important;
    font-weight:600!important;
  }
  .portfolio-dashboard .rail__link .ricon{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:10px!important;
  }
  .portfolio-dashboard .rail__link .ricon :is(i,svg){
    font-size:20px!important;
  }
  .portfolio-dashboard .portfolio-rail-footer{
    padding-top:14px!important;
    gap:12px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
  }
  .portfolio-dashboard .portfolio-rail-footer .rail__copy{
    font-size:11.5px!important;
    line-height:1.45!important;
  }
  .portfolio-dashboard .portfolio-a11y-proxy{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }

  /* Preserve the six-card, two-row Overview grid; make the cards roomier. */
  .portfolio-dashboard .home{
    padding:20px clamp(20px,1.5vw,34px) 17px!important;
    gap:13px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid,
  .portfolio-dashboard .portfolio-overview-grid{
    gap:13px!important;
  }
  .portfolio-dashboard .portfolio-ref-card,
  .portfolio-dashboard .portfolio-overview-card{
    padding:20px 21px!important;
  }
  .portfolio-dashboard .portfolio-ref-label h3{
    font-size:clamp(21px,1.2vw,24px)!important;
    line-height:1.2!important;
  }
  .portfolio-dashboard .portfolio-ref-head p{
    max-width:none!important;
    font-size:clamp(14.5px,.83vw,16px)!important;
    line-height:1.4!important;
  }
  .portfolio-dashboard .portfolio-ref-icon{
    flex-basis:46px!important;
    width:46px!important;
    height:46px!important;
  }
  .portfolio-dashboard .portfolio-ref-icon .ph{
    font-size:24px!important;
  }
  .portfolio-dashboard .portfolio-ref-detail-grid{
    gap:11px!important;
    min-height:0!important;
  }
  .portfolio-dashboard .portfolio-ref-detail-grid>span{
    grid-template-columns:27px minmax(0,1fr)!important;
    gap:2px 10px!important;
    padding:13px 14px!important;
  }
  .portfolio-dashboard .portfolio-ref-detail-grid .ph{
    font-size:21px!important;
  }
  .portfolio-dashboard .portfolio-ref-detail-grid b{
    font-size:clamp(16px,.91vw,17px)!important;
    line-height:1.3!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .portfolio-dashboard .portfolio-ref-detail-grid small{
    font-size:clamp(13px,.77vw,14px)!important;
    line-height:1.4!important;
    white-space:normal!important;
  }
  .portfolio-dashboard .portfolio-ref-card--experience .portfolio-ref-step{
    gap:2px 12px!important;
    padding:5px 6px!important;
  }
  .portfolio-dashboard .portfolio-ref-card--experience .portfolio-ref-step b{
    font-size:clamp(16px,.9vw,17px)!important;
    line-height:1.3!important;
  }
  .portfolio-dashboard .portfolio-ref-card--experience .portfolio-ref-step small{
    font-size:clamp(13px,.76vw,14px)!important;
    line-height:1.3!important;
  }
  .portfolio-dashboard .portfolio-ref-note{
    font-size:clamp(13px,.77vw,15px)!important;
    line-height:1.45!important;
  }
  .portfolio-dashboard .portfolio-ref-status{
    font-size:14px!important;
  }
  .portfolio-dashboard .portfolio-ref-resume{
    font-size:15px!important;
    line-height:1.45!important;
  }
  .portfolio-dashboard .portfolio-ref-chip{
    font-size:14px!important;
  }
  .portfolio-dashboard .portfolio-ref-metric :is(b,small){
    font-size:clamp(13px,.78vw,15px)!important;
    line-height:1.4!important;
  }

  /* Enlarge existing About, Engineering, Construction & Automation copy. */
  .portfolio-dashboard :is(.portfolio-eng-headline__sub,.portfolio-about-headline__sub,.portfolio-construction-headline__sub){
    font-size:16px!important;
    line-height:1.5!important;
  }
  .portfolio-dashboard .portfolio-workflow strong{
    font-size:16px!important;
  }
  .portfolio-dashboard .portfolio-workflow small{
    font-size:13.5px!important;
  }
  .portfolio-dashboard .portfolio-about__credential strong{
    font-size:15px!important;
  }
  .portfolio-dashboard .portfolio-about__credential time{
    font-size:13px!important;
  }
  .portfolio-dashboard .portfolio-eng-cred b{
    font-size:17px!important;
  }
  .portfolio-dashboard .portfolio-eng-cred small{
    font-size:13.5px!important;
  }
  .portfolio-dashboard .cva-service b{
    font-size:15px!important;
  }
  .portfolio-dashboard .cva-service small{
    font-size:13px!important;
  }
  .portfolio-dashboard .cva-workflow-step strong,
  .portfolio-dashboard .cva-deliverable b{
    font-size:14px!important;
  }
  .portfolio-dashboard .cva-workflow-step small,
  .portfolio-dashboard .cva-deliverable small{
    font-size:12px!important;
  }
  .portfolio-dashboard .cva-tool-group>strong{
    font-size:13px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"] .auto-mosaic__mini-copy strong{
    font-size:15px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"] .auto-mosaic__mini-copy small{
    font-size:13px!important;
  }

  /* Keep existing marquee, but make the words readable. */
  .portfolio-dashboard .tools-marquee__item{
    font-size:15px!important;
    line-height:1.35!important;
  }
  /* A taller viewport provides the space for the larger four-card fan. */
  @media (min-height:900px){
  /* Widescreen About Me: enlarge the existing photo fan and credentials.
     Preserve composition, layering, image sources and hover fan choreography. */
  .portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction)
  .portfolio-ref-card--about .portfolio-ref-fan{
    min-height:190px!important;
    padding-top:56px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction)
  .portfolio-ref-card--about .portfolio-ref-badges{
    height:56px!important;
    gap:4px!important;
    z-index:5!important;
  }
  .portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction)
  .portfolio-ref-card--about .portfolio-ref-badges .portfolio-ref-badge{
    width:48px!important;
    height:48px!important;
    flex:0 0 48px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction)
  .portfolio-ref-card--about .portfolio-ref-photo{
    width:94px!important;
    bottom:6px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction)
  .portfolio-ref-card--about .portfolio-ref-photo:nth-child(1){
    transform:translateX(-140%) translateY(8px) rotate(-11deg)!important;
  }
  .portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction)
  .portfolio-ref-card--about .portfolio-ref-photo:nth-child(2){
    transform:translateX(-90%) translateY(-3px) rotate(-4deg)!important;
  }
  .portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction)
  .portfolio-ref-card--about .portfolio-ref-photo:nth-child(3){
    transform:translateX(-25%) translateY(-3px) rotate(4deg)!important;
  }
  .portfolio-dashboard .portfolio-reference-grid:not(.portfolio-reference-grid--engineering):not(.portfolio-reference-grid--about):not(.portfolio-reference-grid--construction)
  .portfolio-ref-card--about .portfolio-ref-photo:nth-child(4){
    transform:translateX(26%) translateY(8px) rotate(11deg)!important;
  }
  }
  /* About page credential cards: larger reading sizes, same three-column grid. */
  .portfolio-dashboard .portfolio-about__credentials-grid{
    gap:16px!important;
  }
  .portfolio-dashboard .portfolio-about__credential{
    padding:18px 20px!important;
    min-height:154px!important;
  }
  .portfolio-dashboard .portfolio-about__credential header{
    font-size:12px!important;
    line-height:1.35!important;
  }
  .portfolio-dashboard .portfolio-about__credential strong{
    font-size:16px!important;
    line-height:1.4!important;
  }
  .portfolio-dashboard .portfolio-about__credential time{
    font-size:13.5px!important;
    line-height:1.35!important;
  }
  .portfolio-dashboard .portfolio-about__credentials-head p{
    font-size:14px!important;
  }
  /* CVA: preserve the original one-screen 8/4 + four-column bento.
   * Do not inflate the grid's minimum height or turn the page into a scroller.
   * Split the existing height between the gallery and six-item service row. */
  .portfolio-dashboard[data-route="construction"] .clone-page{
    overflow:hidden!important;
  }
  .portfolio-dashboard[data-route="construction"] .clone-wrap{
    height:100%!important;
    min-height:0!important;
  }
  .portfolio-dashboard[data-route="construction"]
  .portfolio-reference-grid--construction.portfolio-reference-grid{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    grid-template-rows:minmax(0,.90fr) minmax(0,1.50fr)!important;
  }

  /* Experience & Credibility: enlarge icon, titles and supporting details. */
  .portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--cred{
    gap:9px!important;
    padding:14px 16px!important;
  }
  .portfolio-dashboard .cva-card--cred .portfolio-ref-head p{
    font-size:12px!important;
    line-height:1.4!important;
    max-width:none!important;
  }
  .portfolio-dashboard .cva-card--cred .portfolio-ref-label h3{
    font-size:17px!important;
    line-height:1.22!important;
  }
  .portfolio-dashboard .cva-card--cred .cva-cred-grid{
    gap:8px!important;
  }
  .portfolio-dashboard .cva-card--cred .cva-cred{
    grid-template-columns:27px minmax(0,1fr)!important;
    padding:8px 10px!important;
    gap:7px!important;
  }
  .portfolio-dashboard .cva-card--cred .cva-cred>.ph{
    font-size:21px!important;
  }
  .portfolio-dashboard .cva-card--cred .cva-cred b{
    font-size:14px!important;
    line-height:1.25!important;
  }
  .portfolio-dashboard .cva-card--cred .cva-cred strong{
    font-size:12px!important;
    line-height:1.3!important;
  }
  .portfolio-dashboard .cva-card--cred .cva-cred small{
    font-size:11px!important;
    line-height:1.3!important;
  }

  /* What I Handle: six COMPACT, equal-height service rows inside its card,
   * with title and description readable. No page growth and no clipping. */
  .portfolio-dashboard .portfolio-reference-grid--construction>.cva-card--services{
    min-height:0!important;
    overflow:hidden!important;
    padding:10px 12px!important;
    gap:5px!important;
  }
  .portfolio-dashboard .cva-card--services .portfolio-ref-head{
    flex:0 0 auto!important;
    gap:3px!important;
  }
  .portfolio-dashboard .cva-card--services .portfolio-ref-head p{
    line-height:1.25!important;
  }
  .portfolio-dashboard .cva-card--services .cva-service-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:repeat(6,minmax(0,1fr))!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .cva-card--services .cva-service{
    min-height:0!important;
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    gap:6px!important;
    padding:2px 7px!important;
  }
  .portfolio-dashboard .cva-card--services .cva-service>.ph{
    width:22px!important;
    height:22px!important;
    font-size:14px!important;
  }
  .portfolio-dashboard .cva-card--services .cva-service span{
    gap:1px!important;
  }
  .portfolio-dashboard .cva-card--services .cva-service b{
    font-size:12px!important;
    line-height:1.16!important;
  }
  .portfolio-dashboard .cva-card--services .cva-service small{
    display:-webkit-box!important;
    font-size:10.5px!important;
    line-height:1.22!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    white-space:normal!important;
  }

  /* Engineering widescreen type and vertical balance. Preserve all six cards,
   * two equal grid rows, colors and interactions; no forced page growth. */
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-card{
    min-height:0!important;
    padding:16px 18px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-head{
    flex:0 0 auto!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-head h3{
    font-size:20px!important;
    line-height:1.25!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-head p{
    font-size:14px!important;
    line-height:1.4!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-detail-grid{
    gap:8px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-detail-grid>span{
    padding:10px 14px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-detail-grid b{
    font-size:17px!important;
    line-height:1.3!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-detail-grid small{
    font-size:13px!important;
    line-height:1.4!important;
  }
  /* Core services are 3 columns x 2 rows; center each service within its cell
   * instead of pinning one row to the top and the other to the bottom. */
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-sheet{
    min-height:0!important;
    padding:12px 16px!important;
    gap:4px!important;
    justify-content:flex-start!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-sheet__title{
    font-size:12px!important;
    line-height:1.3!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-sheet>.portfolio-workflow{
    flex:1 1 auto!important;
    min-height:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,minmax(0,1fr))!important;
    align-content:stretch!important;
    gap:6px 12px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-workflow>span{
    min-width:0!important;
    min-height:0!important;
    justify-content:center!important;
    gap:3px!important;
    padding:5px 2px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-workflow b{
    font-size:15px!important;
    line-height:1.2!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-workflow strong{
    font-size:14px!important;
    line-height:1.3!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-workflow small{
    font-size:12px!important;
    line-height:1.4!important;
    white-space:normal!important;
  }
  /* The work reel keeps its existing vertical marquee; increase the share of
   * space allocated to the actual drawings instead of empty intro text. */
  .portfolio-dashboard .portfolio-reference-grid--engineering>.portfolio-ref-card--projects{
    grid-template-columns:minmax(150px,.55fr) minmax(0,1.45fr)!important;
    gap:12px!important;
  }
  /* Tools: same three animated rows, more legible chips. */
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-chips{
    gap:10px!important;
    justify-content:center!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-chip-row,
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-chip-track{
    flex-basis:39px!important;
    height:39px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-ref-chip{
    min-height:38px!important;
    height:38px!important;
    font-size:14px!important;
  }
  /* Credentials: place the unchanged 2x2 set near the visual middle, not at
   * the bottom of a tall card. */
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-eng-creds{
    flex:0 0 auto!important;
    margin:auto 0!important;
    gap:10px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-eng-cred{
    min-height:65px!important;
    padding:9px 12px!important;
    gap:3px!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-eng-cred b{
    font-size:19px!important;
    line-height:1.2!important;
  }
  .portfolio-dashboard .portfolio-reference-grid--engineering .portfolio-eng-cred small{
    font-size:12px!important;
    line-height:1.35!important;
  }

  /* Automation: large-monitor density pass on the EXISTING 4/2/3 mosaic.
   * The rendered stage is --final (not the obsolete --square); remove its
   * 1120px desktop cap without changing child grid placement or physics DOM. */
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-sys__stage--mosaic.auto-sys__stage--final{
    width:100%!important;
    max-width:1500px!important;
    min-width:0!important;
    margin:0 auto!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]{
    padding:18px clamp(18px,1.6vw,32px) 16px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final{
    gap:clamp(12px,.82vw,16px)!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>.auto-mosaic__card{
    padding:16px 18px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final .portfolio-ref-label h3{
    font-size:clamp(17px,1.1vw,21px)!important;
    line-height:1.18!important;
    white-space:normal!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final .portfolio-ref-head p{
    font-size:clamp(12px,.75vw,14px)!important;
    line-height:1.45!important;
    max-width:none!important;
    display:block!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  /* Keep logo rails and five-step pipeline intact, just make them legible. */
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic__infra-grid .auto-mosaic__pill{
    min-height:31px!important;
    font-size:11px!important;
    padding:6px 9px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final .auto-step{
    padding:10px 5px!important;
    gap:7px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final .auto-step b{
    font-size:10.5px!important;
    line-height:1.25!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final .auto-step i{
    font-size:19px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final .auto-brand-chip{
    font-size:12px!important;
  }
  /* The 3 right-hand support cards were using a compact 32px icon track
   * combined with a nowrap title, causing icons to sit over the wording. */
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic__utility-row--final>.auto-mosaic__mini{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    align-content:center!important;
    align-items:center!important;
    column-gap:13px!important;
    padding:14px 16px!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic__utility-row--final>.auto-mosaic__mini>.portfolio-ref-icon{
    position:static!important;
    grid-column:1!important;
    grid-row:1!important;
    flex:none!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    transform:none!important;
    align-self:center!important;
    justify-self:center!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic__utility-row--final>.auto-mosaic__mini>.auto-mosaic__mini-copy{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    gap:5px!important;
    align-self:center!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic__utility-row--final .auto-mosaic__mini-copy strong{
    font-size:clamp(14px,.92vw,17px)!important;
    line-height:1.3!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic__utility-row--final .auto-mosaic__mini-copy small{
    display:block!important;
    font-size:clamp(11.5px,.72vw,13px)!important;
    line-height:1.42!important;
    max-width:none!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
  }

  /* Sites and Apps: retain exact bento slots, images, popup actions and physics.
     Use the horizontal space within Sites; fill the dead space within Apps. */
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--sites{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    align-content:stretch!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--sites>.portfolio-ref-head{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    gap:4px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--sites>.portfolio-ref-head p{
    max-width:100%!important;
    margin:1px 0 0!important;
    font-size:clamp(12.5px,.80vw,14px)!important;
    line-height:1.4!important;
    display:block!important;
    white-space:normal!important;
    -webkit-line-clamp:unset!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  /* Full-width preview rail, still vertically animated on hover and masked. */
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--sites>.auto-showcase--rows{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    overflow:hidden!important;
    align-self:stretch!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--sites .auto-marquee__track{
    gap:8px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--sites .auto-tile{
    flex:0 0 78px!important;
    height:78px!important;
    min-height:78px!important;
    width:100%!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--sites .auto-tile__cap{
    padding:12px 11px 6px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--sites .auto-tile__cap b{
    font-size:14px!important;
    line-height:1.25!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--sites .auto-tile__cap small{
    margin-top:1px!important;
    font-size:11px!important;
    line-height:1.2!important;
  }
  /* A larger five-card fan with the same photos, ordering and hover behavior. */
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--apps .auto-app-fan{
    width:100%!important;
    flex:1 1 auto!important;
    min-height:0!important;
    margin-top:4px!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--apps .auto-app-photo{
    width:min(32%,136px)!important;
    top:50%!important;
    bottom:auto!important;
    aspect-ratio:3/4!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--apps .auto-app-photo:nth-child(1){
    transform:translateX(-147%) translateY(-45%) rotate(-11deg)!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--apps .auto-app-photo:nth-child(2){
    transform:translateX(-96%) translateY(-52%) rotate(-5deg)!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--apps .auto-app-photo:nth-child(3){
    transform:translateX(-50%) translateY(-57%) rotate(0deg)!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--apps .auto-app-photo:nth-child(4){
    transform:translateX(-3%) translateY(-52%) rotate(5deg)!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--apps .auto-app-photo:nth-child(5){
    transform:translateX(48%) translateY(-45%) rotate(11deg)!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--apps:hover .auto-app-photo:nth-child(1){
    transform:translateX(-153%) translateY(-48%) rotate(-12deg)!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--apps:hover .auto-app-photo:nth-child(2){
    transform:translateX(-100%) translateY(-55%) rotate(-6deg)!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--apps:hover .auto-app-photo:nth-child(3){
    transform:translateX(-50%) translateY(-60%) rotate(0deg)!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--apps:hover .auto-app-photo:nth-child(4){
    transform:translateX(1%) translateY(-55%) rotate(6deg)!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--apps:hover .auto-app-photo:nth-child(5){
    transform:translateX(54%) translateY(-48%) rotate(12deg)!important;
  }
  .portfolio-dashboard .portfolio-auto-sys[data-state="stable"]
  .auto-mosaic--final>button.auto-mosaic__card--tools .portfolio-ref-chip{
    font-size:clamp(12px,.74vw,14px)!important;
    line-height:1.25!important;
  }
}
/* Wide desktop-only: <=1440px CSS viewport is unchanged. */