/* =========================================================
   FINAL RECOVERY BATCH — scoped corrections only
   ========================================================= */

/* 1 + 2 — Homepage phone: unified profile composition and proof-bar micro-tune. */
@media (max-width:760px){
  body.home-page .compact-badge-row{
    position:relative!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    width:min(calc(100% - 28px),430px)!important;
    margin:0 auto!important;
    gap:0!important;
    padding:0!important;
    overflow:visible!important;
    border:1px solid rgba(215,165,54,.48)!important;
    border-radius:14px!important;
    background:
      radial-gradient(ellipse 74% 34% at 88% 8%, rgba(199,210,219,.34) 0%, rgba(115,143,168,.19) 42%, transparent 74%),
      radial-gradient(ellipse 68% 30% at 18% 43%, rgba(36,77,112,.52) 0%, rgba(20,54,86,.24) 46%, transparent 76%),
      radial-gradient(ellipse 72% 32% at 82% 70%, rgba(188,199,207,.26) 0%, rgba(66,102,132,.18) 44%, transparent 77%),
      radial-gradient(ellipse 58% 28% at 22% 95%, rgba(5,29,55,.72) 0%, rgba(5,29,55,.18) 55%, transparent 82%),
      repeating-radial-gradient(ellipse at 46% 32%, rgba(255,255,255,.028) 0 1px, rgba(255,255,255,0) 2px 5px),
      linear-gradient(148deg,#061d38 0%,#0a3155 35%,#244a6a 61%,#0b2b4b 82%,#061a31 100%)!important;
    box-shadow:0 10px 24px rgba(4,24,47,.18)!important;
  }

  body.home-page .compact-profile-badge,
  body.home-page .compact-profile-badge:nth-child(odd),
  body.home-page .compact-profile-badge:nth-child(even),
  body.home-page .compact-profile-badge:hover,
  body.home-page .compact-profile-badge:focus-visible{
    position:relative!important;
    z-index:1!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:auto 1fr auto!important;
    column-gap:16px!important;
    row-gap:5px!important;
    width:100%!important;
    min-height:124px!important;
    height:auto!important;
    margin:0!important;
    padding:15px 22px 14px!important;
    overflow:visible!important;
    border:0!important;
    border-bottom:1px solid rgba(232,239,245,.32)!important;
    border-radius:0!important;
    background:rgba(3,21,42,.18)!important;
    box-shadow:none!important;
    color:#fff!important;
    text-align:left!important;
    transform:none!important;
  }

  body.home-page .compact-profile-badge:first-child{
    border-radius:13px 13px 0 0!important;
  }
  body.home-page .compact-profile-badge:last-child{
    border-bottom:0!important;
    border-radius:0 0 13px 13px!important;
  }

  /* A shallow outlined interlock at each seam hints at puzzle-piece geometry
     while the parent texture remains visibly continuous through the stack. */
  body.home-page .compact-profile-badge::before{
    content:none!important;
    display:none!important;
  }
  body.home-page .compact-profile-badge:not(:last-child)::after{
    content:""!important;
    position:absolute!important;
    left:40%!important;
    bottom:-9px!important;
    width:30px!important;
    height:16px!important;
    border:1px solid rgba(215,165,54,.62)!important;
    border-top:0!important;
    border-radius:0 0 16px 16px!important;
    background:transparent!important;
    box-shadow:0 1px 0 rgba(255,255,255,.06)!important;
    transform:translateX(-50%)!important;
    z-index:5!important;
    pointer-events:none!important;
  }
  body.home-page .compact-profile-badge:nth-child(even):not(:last-child)::after{
    left:60%!important;
  }

  body.home-page .compact-profile-badge svg{
    grid-column:1!important;
    grid-row:1 / 4!important;
    align-self:center!important;
    justify-self:center!important;
    width:38px!important;
    height:38px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    color:#d7a536!important;
    stroke:#d7a536!important;
    fill:none!important;
    filter:none!important;
  }
  body.home-page .compact-profile-badge svg *{
    stroke:#d7a536!important;
  }

  body.home-page .compact-profile-badge h3{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    margin:0!important;
    color:#fff!important;
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:1.18rem!important;
    line-height:1.08!important;
    font-weight:650!important;
    letter-spacing:-.012em!important;
    text-shadow:0 1px 2px rgba(0,0,0,.26)!important;
  }
  body.home-page .compact-profile-badge p,
  body.home-page .compact-profile-badge:hover p,
  body.home-page .compact-profile-badge:focus-visible p{
    position:static!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    margin:0!important;
    color:rgba(241,245,249,.86)!important;
    font-size:.74rem!important;
    line-height:1.38!important;
    font-weight:500!important;
  }
  body.home-page .compact-profile-badge span,
  body.home-page .compact-profile-badge:hover span,
  body.home-page .compact-profile-badge:focus-visible span{
    position:static!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    transform:none!important;
    grid-column:2!important;
    grid-row:3!important;
    justify-self:start!important;
    align-self:start!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    color:#e0ad3e!important;
    font-size:.74rem!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
    text-shadow:none!important;
  }
  body.home-page .compact-profile-badge span b{
    color:#e0ad3e!important;
  }
  body.home-page .compact-profile-badge:active{
    transform:none!important;
    box-shadow:none!important;
  }

  /* Keep the proof-bar geometry intact; add only a few pixels of vertical air. */
  body.home-page .compact-metrics-four{
    padding:8px 6px!important;
    margin-bottom:13px!important;
  }
  body.home-page .compact-metrics-four::after{
    bottom:-7px!important;
  }
}

/* Homepage phone reset — six simple textured cards. Puzzle geometry and gold
   horizontal seams are removed; only the icon/text divider remains gold. */
@media (max-width:760px){
  body.home-page .compact-badge-row{
    gap:3px!important;
    padding:0!important;
  }
  body.home-page .compact-badge-row::after{
    content:none!important;
    display:none!important;
    background:none!important;
  }
  body.home-page .compact-profile-badge,
  body.home-page .compact-profile-badge:nth-child(n),
  body.home-page .compact-profile-badge:hover,
  body.home-page .compact-profile-badge:focus-visible{
    position:relative!important;
    z-index:1!important;
    min-height:124px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:4px!important;
    background:rgba(3,21,42,.18)!important;
    box-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 5px rgba(0,0,0,.18)!important;
  }
  body.home-page .compact-profile-badge:first-child{border-radius:12px 12px 4px 4px!important;}
  body.home-page .compact-profile-badge:last-child{border-radius:4px 4px 12px 12px!important;}
  body.home-page .compact-profile-badge::after{content:none!important;display:none!important;}
  body.home-page .compact-profile-badge::before{
    content:""!important;
    position:absolute!important;
    top:17px!important;
    bottom:17px!important;
    left:88px!important;
    z-index:2!important;
    display:block!important;
    width:1px!important;
    height:auto!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(215,165,54,.82)!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  body.home-page .compact-profile-badge:active,
  body.home-page .compact-profile-badge:focus:not(:focus-visible){outline:0!important;box-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 5px rgba(0,0,0,.18)!important;}
  body.home-page .compact-profile-badge:focus-visible{outline:0!important;box-shadow:inset 3px 0 0 #d7a536,0 2px 5px rgba(0,0,0,.18)!important;}
}

/* Homepage phone definitive puzzle construction: one continuous cut-line
   overlay across six untouched content rows. No seam element can cover text. */
@media (max-width:760px){
  body.home-page .compact-badge-row::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:20!important;
    display:block!important;
    border-radius:13px!important;
    background:transparent url('img/profile-puzzle-cutlines.svg') center / 100% 100% no-repeat!important;
    pointer-events:none!important;
  }
  body.home-page .compact-profile-badge,
  body.home-page .compact-profile-badge:nth-child(n){
    z-index:1!important;
    min-height:124px!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(3,21,42,.10)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.home-page .compact-profile-badge:first-child{border-radius:13px 13px 0 0!important;}
  body.home-page .compact-profile-badge:last-child{border-radius:0 0 13px 13px!important;}
  body.home-page .compact-profile-badge::before,
  body.home-page .compact-profile-badge::after{
    content:none!important;
    display:none!important;
  }
  body.home-page .compact-profile-badge:active,
  body.home-page .compact-profile-badge:focus:not(:focus-visible){outline:0!important;box-shadow:none!important;}
  body.home-page .compact-profile-badge:focus-visible{outline:0!important;box-shadow:inset 4px 0 0 #d7a536!important;}
}

/* TRUE FINAL — phone Profile cards: no puzzle geometry, no horizontal gold
   separators, 3px card gaps, and one short vertical gold icon/text divider. */
@media (max-width:760px){
  body.home-page .compact-badge-row{gap:3px!important;padding:0!important;}
  body.home-page .compact-badge-row::after{content:none!important;display:none!important;background:none!important;}
  body.home-page .compact-profile-badge,
  body.home-page .compact-profile-badge:nth-child(n),
  body.home-page .compact-profile-badge:hover,
  body.home-page .compact-profile-badge:focus-visible{position:relative!important;z-index:1!important;min-height:124px!important;overflow:hidden!important;border:0!important;border-radius:4px!important;background:rgba(3,21,42,.18)!important;box-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 5px rgba(0,0,0,.18)!important;}
  body.home-page .compact-profile-badge:first-child{border-radius:12px 12px 4px 4px!important;}
  body.home-page .compact-profile-badge:last-child{border-radius:4px 4px 12px 12px!important;}
  body.home-page .compact-profile-badge::after{content:none!important;display:none!important;background:none!important;}
  body.home-page .compact-profile-badge::before{content:""!important;position:absolute!important;top:17px!important;bottom:17px!important;left:88px!important;z-index:2!important;display:block!important;width:1px!important;height:auto!important;border:0!important;border-radius:0!important;background:rgba(215,165,54,.82)!important;box-shadow:none!important;pointer-events:none!important;}
  body.home-page .compact-profile-badge:active,
  body.home-page .compact-profile-badge:focus:not(:focus-visible){outline:0!important;box-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 5px rgba(0,0,0,.18)!important;}
  body.home-page .compact-profile-badge:focus-visible{outline:0!important;box-shadow:inset 3px 0 0 #d7a536,0 2px 5px rgba(0,0,0,.18)!important;}
}

/* Homepage phone absolute final reset — simple separated textured cards. */
@media (max-width:760px){
  body.home-page .compact-badge-row{gap:3px!important;padding:0!important;}
  body.home-page .compact-badge-row::after{content:none!important;display:none!important;background:none!important;}
  body.home-page .compact-profile-badge,
  body.home-page .compact-profile-badge:nth-child(n),
  body.home-page .compact-profile-badge:hover,
  body.home-page .compact-profile-badge:focus-visible{position:relative!important;z-index:1!important;min-height:124px!important;overflow:hidden!important;border:0!important;border-radius:4px!important;background:rgba(3,21,42,.18)!important;box-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 5px rgba(0,0,0,.18)!important;}
  body.home-page .compact-profile-badge:first-child{border-radius:12px 12px 4px 4px!important;}
  body.home-page .compact-profile-badge:last-child{border-radius:4px 4px 12px 12px!important;}
  body.home-page .compact-profile-badge::after{content:none!important;display:none!important;background:none!important;}
  body.home-page .compact-profile-badge::before{content:""!important;position:absolute!important;top:17px!important;bottom:17px!important;left:88px!important;z-index:2!important;display:block!important;width:1px!important;height:auto!important;border:0!important;border-radius:0!important;background:rgba(215,165,54,.82)!important;box-shadow:none!important;pointer-events:none!important;}
  body.home-page .compact-profile-badge:active,
  body.home-page .compact-profile-badge:focus:not(:focus-visible){outline:0!important;box-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 5px rgba(0,0,0,.18)!important;}
  body.home-page .compact-profile-badge:focus-visible{outline:0!important;box-shadow:inset 3px 0 0 #d7a536,0 2px 5px rgba(0,0,0,.18)!important;}
}

/* Homepage phone final — real filled jigsaw tabs and a clean press state. */
@media (max-width:760px){
  body.home-page .compact-profile-badge{
    -webkit-tap-highlight-color:transparent!important;
  }
  body.home-page .compact-profile-badge:not(:last-child)::before{
    content:none!important;
    display:none!important;
  }
  body.home-page .compact-profile-badge:not(:last-child)::after,
  body.home-page .compact-profile-badge:nth-child(even):not(:last-child)::after{
    content:""!important;
    position:absolute!important;
    right:0!important;
    bottom:-47px!important;
    left:0!important;
    z-index:8!important;
    display:block!important;
    width:100%!important;
    height:49px!important;
    border:0!important;
    border-radius:0!important;
    background-color:transparent!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:100% 49px!important;
    box-shadow:none!important;
    filter:drop-shadow(0 2px 1px rgba(0,0,0,.30))!important;
    transform:none!important;
    pointer-events:none!important;
  }
  body.home-page .compact-profile-badge:nth-child(1)::after{background-image:url('img/profile-seam-1.svg')!important;}
  body.home-page .compact-profile-badge:nth-child(2)::after{background-image:url('img/profile-seam-2.svg')!important;}
  body.home-page .compact-profile-badge:nth-child(3)::after{background-image:url('img/profile-seam-3.svg')!important;}
  body.home-page .compact-profile-badge:nth-child(4)::after{background-image:url('img/profile-seam-4.svg')!important;}
  body.home-page .compact-profile-badge:nth-child(5)::after{background-image:url('img/profile-seam-5.svg')!important;}
  body.home-page .compact-profile-badge:active,
  body.home-page .compact-profile-badge:focus:not(:focus-visible){
    outline:0!important;
    outline-offset:0!important;
    border-right:0!important;
    border-left:0!important;
    box-shadow:none!important;
  }
  body.home-page .compact-profile-badge:focus-visible{
    outline:0!important;
    box-shadow:inset 4px 0 0 #d7a536!important;
  }
}

/* Credentials phone — vendor lockups are the headings. Use their transparent
   full-color artwork once, then give the credential records the phone width. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-records .container{
    width:min(calc(100% - 16px),460px)!important;
  }
  body.credentials-page .credentials-mobile-group{
    padding:17px 0 19px!important;
  }
  body.credentials-page .credentials-mobile-heading{
    min-height:48px!important;
    margin:0 0 11px!important;
    gap:0!important;
  }
  body.credentials-page .credentials-mobile-heading img{
    width:auto!important;
    max-width:168px!important;
    max-height:54px!important;
    background:transparent!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="isc2-logo.svg"]{width:116px!important;max-width:116px!important;}
  body.credentials-page .credentials-mobile-heading img[src$="isaca-logo.svg"]{width:146px!important;max-width:146px!important;}
  body.credentials-page .credentials-mobile-heading img[src$="microsoft-logo.svg"]{width:156px!important;max-width:156px!important;}
  body.credentials-page .credentials-mobile-heading img[src$="comptia-logo.svg"]{width:150px!important;max-width:150px!important;}
  body.credentials-page .credentials-mobile-heading img[src$="cisco-logo.svg"]{width:112px!important;max-width:112px!important;}
  body.credentials-page .credentials-mobile-heading img[src$="vmware-logo.svg"]{width:142px!important;max-width:142px!important;}
  body.credentials-page .credentials-mobile-heading img[src$="aws-logo.svg"]{width:104px!important;max-width:104px!important;}
  body.credentials-page .credentials-mobile-group ul,
  body.credentials-page .credentials-mobile-group.no-logo ul{
    width:100%!important;
    max-width:none!important;
    padding:0 2px 0 12px!important;
  }
  body.credentials-page .credentials-mobile-group li{
    padding:4px 0 4px 12px!important;
    font-size:1rem!important;
    line-height:1.42!important;
    font-weight:600!important;
  }
  body.credentials-page .credentials-mobile-group.no-logo .credentials-mobile-heading{
    min-height:0!important;
    margin-bottom:10px!important;
  }
  body.credentials-page .credentials-mobile-group.no-logo .credentials-mobile-heading h2{
    font-size:1.24rem!important;
  }
}


/* Credentials phone — centered brand identity with a clean reading column. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-records{
    padding:20px 0 32px!important;
    background:linear-gradient(180deg,#f7f9fb 0%,#eef3f6 100%)!important;
  }
  body.credentials-page .credentials-mobile-kicker{
    margin:0 0 20px!important;
    color:#9a6b19!important;
    font-size:.72rem!important;
    line-height:1.2!important;
    letter-spacing:.17em!important;
    text-align:center!important;
  }
  body.credentials-page .credentials-mobile-group,
  body.credentials-page .credentials-mobile-group:first-of-type{
    margin:0!important;
    padding:14px 0 16px!important;
    border:0!important;
  }
  body.credentials-page .credentials-mobile-heading{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:100%!important;
    margin:0 0 10px!important;
    text-align:center!important;
  }
  body.credentials-page .credentials-mobile-heading img{
    display:block!important;
    flex:0 0 auto!important;
    width:auto!important;
    max-width:128px!important;
    height:auto!important;
    max-height:38px!important;
    margin:0 auto!important;
    object-fit:contain!important;
    object-position:center!important;
    filter:none!important;
    opacity:1!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="i029.png"]{
    max-width:96px!important;
    max-height:39px!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="i028.png"]{
    max-width:112px!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="i030.png"]{
    max-width:124px!important;
    max-height:34px!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="cisco-logo.svg"]{
    max-width:88px!important;
    max-height:42px!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="vmware-logo.svg"]{
    max-width:112px!important;
    max-height:28px!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="aws-logo.svg"]{
    max-width:82px!important;
    max-height:42px!important;
  }
  body.credentials-page .credentials-mobile-heading h2{
    width:100%!important;
    margin:0!important;
    color:#0a2948!important;
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:1.08rem!important;
    line-height:1.15!important;
    font-weight:700!important;
    text-align:center!important;
  }
  body.credentials-page .credentials-mobile-group ul,
  body.credentials-page .credentials-mobile-group.no-logo ul{
    box-sizing:border-box!important;
    width:min(100%,350px)!important;
    margin:0 auto!important;
    padding:0 4px 0 18px!important;
    text-align:left!important;
  }
  body.credentials-page .credentials-mobile-group li{
    margin:0!important;
    padding:3px 0 3px 10px!important;
    color:#26394b!important;
    font-size:.78rem!important;
    line-height:1.4!important;
    font-weight:600!important;
    text-align:left!important;
  }
  body.credentials-page .credentials-mobile-group li::before{
    top:.82em!important;
    background:#c89124!important;
  }
  body.credentials-page .credentials-mobile-group.no-logo .credentials-mobile-heading{
    margin-top:2px!important;
  }
  body.credentials-page .credentials-mobile-verify{
    justify-content:center!important;
    margin-top:8px!important;
    padding-top:12px!important;
    border:0!important;
    text-align:center!important;
  }
  body.credentials-page .credentials-mobile-verify span{
    text-align:center!important;
  }
}

/* Homepage phone refinement — visible light stucco, true jigsaw seams,
   and a modest title-size increase. */
@media (max-width:760px){
  body.home-page .compact-badge-row::before{
    opacity:.46!important;
    mix-blend-mode:screen!important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='132' viewBox='0 0 180 132'%3E%3Cg fill='none' stroke='white' stroke-opacity='.30' stroke-width='.7'%3E%3Cpath d='M-8 24C13 13 26 28 44 18S75 7 91 20s33 18 55 4 32-5 44 2'/%3E%3Cpath d='M-5 64c18-13 32 6 49-5s31-23 50-10 31 19 48 7 31-8 45 2'/%3E%3Cpath d='M-9 103c17-9 27 8 45-1s31-20 48-8 30 18 50 4 35-5 51 3'/%3E%3Cpath d='M28-8c-8 21 7 31-2 49s-13 29-3 47 3 31-5 52M82-8c8 18-5 32 4 48s14 31 3 48 0 31 5 51M142-7c-9 19 7 30-2 47s-14 31-3 48 1 31-6 50'/%3E%3C/g%3E%3Cg fill='white' fill-opacity='.18'%3E%3Ccircle cx='17' cy='18' r='1'/%3E%3Ccircle cx='62' cy='35' r='.8'/%3E%3Ccircle cx='118' cy='16' r='1.1'/%3E%3Ccircle cx='155' cy='48' r='.7'/%3E%3Ccircle cx='39' cy='86' r='1'/%3E%3Ccircle cx='104' cy='111' r='.9'/%3E%3Ccircle cx='164' cy='96' r='1.1'/%3E%3C/g%3E%3C/svg%3E"),
      repeating-radial-gradient(ellipse at 38% 42%,rgba(255,255,255,.20) 0 1px,transparent 1px 5px)!important;
    background-size:180px 132px,17px 15px!important;
  }

  body.home-page .compact-profile-badge h3{
    font-size:1.34rem!important;
    line-height:1.06!important;
  }

  /* Replace the split line + semicircular border construction. Each seam is
     a complete, individually shaped jigsaw contour with a narrow neck and
     rounded bulb, drawn once across the full card width. */
  body.home-page .compact-profile-badge:not(:last-child)::before{
    content:none!important;
    display:none!important;
  }
  body.home-page .compact-profile-badge:not(:last-child)::after,
  body.home-page .compact-profile-badge:nth-child(even):not(:last-child)::after{
    right:0!important;
    bottom:-36px!important;
    left:0!important;
    width:100%!important;
    height:38px!important;
    border:0!important;
    border-radius:0!important;
    background-color:transparent!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    background-size:100% 38px!important;
    box-shadow:none!important;
    transform:none!important;
  }

  body.home-page .compact-profile-badge:nth-child(1)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 38' preserveAspectRatio='none'%3E%3Cpath d='M0 2H150c5 0 8 3 8 8 0 4-4 5-7 7-7 4-8 12-2 17 7 6 19 4 25-3 5-6 2-12-4-15-3-2-5-3-5-7 0-4 3-7 8-7h217' fill='none' stroke='%23011326' stroke-width='4'/%3E%3Cpath d='M0 2H150c5 0 8 3 8 8 0 4-4 5-7 7-7 4-8 12-2 17 7 6 19 4 25-3 5-6 2-12-4-15-3-2-5-3-5-7 0-4 3-7 8-7h217' fill='none' stroke='%23d7a536' stroke-opacity='.72' stroke-width='1.35'/%3E%3C/svg%3E")!important;
  }
  body.home-page .compact-profile-badge:nth-child(2)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 38' preserveAspectRatio='none'%3E%3Cpath d='M0 2H224c5 0 8 3 8 7 0 4-3 5-6 7-6 4-7 11-2 16 6 6 17 5 23-1 5-5 4-11-2-15-3-2-6-3-6-7 0-4 3-7 8-7h143' fill='none' stroke='%23011326' stroke-width='4'/%3E%3Cpath d='M0 2H224c5 0 8 3 8 7 0 4-3 5-6 7-6 4-7 11-2 16 6 6 17 5 23-1 5-5 4-11-2-15-3-2-6-3-6-7 0-4 3-7 8-7h143' fill='none' stroke='%23d7a536' stroke-opacity='.68' stroke-width='1.3'/%3E%3C/svg%3E")!important;
  }
  body.home-page .compact-profile-badge:nth-child(3)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 38' preserveAspectRatio='none'%3E%3Cpath d='M0 2H125c6 0 9 3 9 8 0 4-4 6-8 8-8 4-9 12-3 17 8 6 21 4 27-4 5-6 2-12-5-16-4-2-6-3-6-7 0-4 4-6 9-6h242' fill='none' stroke='%23011326' stroke-width='4'/%3E%3Cpath d='M0 2H125c6 0 9 3 9 8 0 4-4 6-8 8-8 4-9 12-3 17 8 6 21 4 27-4 5-6 2-12-5-16-4-2-6-3-6-7 0-4 4-6 9-6h242' fill='none' stroke='%23d7a536' stroke-opacity='.74' stroke-width='1.4'/%3E%3C/svg%3E")!important;
  }
  body.home-page .compact-profile-badge:nth-child(4)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 38' preserveAspectRatio='none'%3E%3Cpath d='M0 2H241c5 0 8 3 8 7 0 4-3 5-6 7-6 4-7 11-2 16 6 5 17 4 23-2 5-5 3-11-3-15-3-2-5-3-5-7 0-4 3-6 8-6h126' fill='none' stroke='%23011326' stroke-width='4'/%3E%3Cpath d='M0 2H241c5 0 8 3 8 7 0 4-3 5-6 7-6 4-7 11-2 16 6 5 17 4 23-2 5-5 3-11-3-15-3-2-5-3-5-7 0-4 3-6 8-6h126' fill='none' stroke='%23d7a536' stroke-opacity='.68' stroke-width='1.3'/%3E%3C/svg%3E")!important;
  }
  body.home-page .compact-profile-badge:nth-child(5)::after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 390 38' preserveAspectRatio='none'%3E%3Cpath d='M0 2H169c5 0 8 3 8 7 0 4-3 5-6 7-6 4-7 10-2 15 6 5 16 4 21-2 4-5 2-10-3-13-3-2-5-3-5-7 0-4 3-7 8-7h200' fill='none' stroke='%23011326' stroke-width='4'/%3E%3Cpath d='M0 2H169c5 0 8 3 8 7 0 4-3 5-6 7-6 4-7 10-2 15 6 5 16 4 21-2 4-5 2-10-3-13-3-2-5-3-5-7 0-4 3-7 8-7h200' fill='none' stroke='%23d7a536' stroke-opacity='.70' stroke-width='1.3'/%3E%3C/svg%3E")!important;
  }
}

/* Credentials phone refinement — restore vivid vendor identity and use the
   available reading width at a comfortable mobile text scale. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-group{
    padding:16px 0 18px!important;
  }
  body.credentials-page .credentials-mobile-heading{
    gap:7px!important;
    margin-bottom:12px!important;
  }
  body.credentials-page .credentials-mobile-heading img{
    max-width:150px!important;
    max-height:50px!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="isc2-logo.svg"]{
    width:108px!important;
    max-width:108px!important;
    max-height:50px!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="isaca-logo.svg"]{
    width:132px!important;
    max-width:132px!important;
    max-height:46px!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="i030.png"]{
    max-width:144px!important;
    max-height:40px!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="comptia-logo.svg"]{
    width:138px!important;
    max-width:138px!important;
    max-height:48px!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="cisco-logo.svg"]{
    max-width:104px!important;
    max-height:48px!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="vmware-logo.svg"]{
    max-width:132px!important;
    max-height:34px!important;
  }
  body.credentials-page .credentials-mobile-heading img[src$="aws-logo.svg"]{
    max-width:96px!important;
    max-height:48px!important;
  }
  body.credentials-page .credentials-mobile-heading h2{
    font-size:1.22rem!important;
    line-height:1.15!important;
  }
  body.credentials-page .credentials-mobile-group ul,
  body.credentials-page .credentials-mobile-group.no-logo ul{
    width:min(100%,370px)!important;
    padding-left:17px!important;
    padding-right:2px!important;
  }
  body.credentials-page .credentials-mobile-group li{
    padding:4px 0 4px 11px!important;
    font-size:.90rem!important;
    line-height:1.43!important;
    font-weight:600!important;
  }
  body.credentials-page .credentials-mobile-group li::before{
    top:.90em!important;
    width:5px!important;
    height:5px!important;
  }
}

/* Homepage phone — solid jigsaw silhouettes. The prior outline-only seams
   became ornamental at page scale; these filled tabs retain their geometry. */
@media (max-width:760px){
  body.home-page .compact-profile-badge:not(:last-child)::after,
  body.home-page .compact-profile-badge:nth-child(even):not(:last-child)::after{
    bottom:-46px!important;
    height:48px!important;
    background-size:100% 48px!important;
    filter:drop-shadow(0 3px 2px rgba(0,0,0,.38))!important;
  }
  body.home-page .compact-profile-badge:nth-child(1)::after{
    background-image:url('img/profile-seam-1.svg')!important;
  }
  body.home-page .compact-profile-badge:nth-child(2)::after{
    background-image:url('img/profile-seam-2.svg')!important;
  }
  body.home-page .compact-profile-badge:nth-child(3)::after{
    background-image:url('img/profile-seam-3.svg')!important;
  }
  body.home-page .compact-profile-badge:nth-child(4)::after{
    background-image:url('img/profile-seam-4.svg')!important;
  }
  body.home-page .compact-profile-badge:nth-child(5)::after{
    background-image:url('img/profile-seam-5.svg')!important;
  }
}

/* Portfolio phone — Selected Case Highlights final 3px group lift.
   Preserve the approved anchor and all internal card-to-link spacing while
   moving the real link hit areas with their visible controls. */
@media (max-width:760px){
  body.portfolio-page .portfolio-featured-refresh .portfolio-highlight-shell{
    transform:translateY(-55px)!important;
  }
  body.portfolio-page .portfolio-featured-refresh .portfolio-applied-jump-wrap{
    transform:translateY(-30px)!important;
  }
  body.portfolio-page .portfolio-featured-refresh > .portfolio-transition-back-top{
    transform:translateY(-20px)!important;
  }
}

/* 3 — Credentials phone: direct categorized credential record. */
.credentials-mobile-records{display:none;}
@media (max-width:760px){
  body.credentials-page .credentials-badge-section.credentials-reference-section,
  body.credentials-page #credentials-inline-panel{
    display:none!important;
  }
  body.credentials-page .credentials-mobile-records{
    display:block!important;
    padding:22px 0 30px!important;
    background:linear-gradient(180deg,#f4f6f8 0%,#eef2f5 100%)!important;
  }
  body.credentials-page .credentials-mobile-records .container{
    width:min(calc(100% - 30px),440px)!important;
    margin:0 auto!important;
  }
  .credentials-mobile-kicker{
    margin:0 0 15px!important;
    color:#9a6b19!important;
    font-family:"Manrope",sans-serif!important;
    font-size:.67rem!important;
    font-weight:800!important;
    letter-spacing:.15em!important;
    text-transform:uppercase!important;
  }
  .credentials-mobile-group{
    padding:15px 0 16px!important;
    border-top:1px solid rgba(11,41,68,.16)!important;
  }
  .credentials-mobile-group:first-of-type{
    border-top:2px solid rgba(215,165,54,.70)!important;
  }
  .credentials-mobile-heading{
    display:flex!important;
    align-items:center!important;
    gap:9px!important;
    margin:0 0 8px!important;
  }
  .credentials-mobile-heading img{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:48px!important;
    height:24px!important;
    max-height:24px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .credentials-mobile-heading .credential-microsoft-wordmark{
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    flex:0 0 auto!important;
    margin:0!important;
    transform:none!important;
  }
  .credentials-mobile-heading .credential-microsoft-name{display:none!important;}
  .credentials-mobile-heading .credential-microsoft-symbol{transform:scale(.72)!important;transform-origin:center!important;}
  .credentials-mobile-heading h2{
    margin:0!important;
    color:#0a2948!important;
    font-family:"Source Serif 4",Georgia,serif!important;
    font-size:1.06rem!important;
    line-height:1.1!important;
    font-weight:700!important;
  }
  .credentials-mobile-group ul{
    list-style:none!important;
    margin:0!important;
    padding:0 0 0 33px!important;
  }
  .credentials-mobile-group li{
    position:relative!important;
    margin:0!important;
    padding:4px 0 4px 11px!important;
    color:#26394b!important;
    font-family:"Manrope",sans-serif!important;
    font-size:.80rem!important;
    line-height:1.37!important;
    font-weight:600!important;
  }
  .credentials-mobile-group li::before{
    content:"";
    position:absolute;
    left:0;
    top:.86em;
    width:4px;
    height:4px;
    border-radius:50%;
    background:#c89124;
  }
  .credentials-mobile-group.no-logo ul{padding-left:0!important;}
  .credentials-mobile-verify{
    display:flex!important;
    justify-content:flex-end!important;
    flex-wrap:wrap!important;
    gap:7px 12px!important;
    padding-top:15px!important;
    border-top:2px solid rgba(215,165,54,.70)!important;
  }
  .credentials-mobile-verify span{
    width:100%!important;
    color:#6b7580!important;
    font-size:.62rem!important;
    font-weight:800!important;
    letter-spacing:.12em!important;
    text-transform:uppercase!important;
  }
  .credentials-mobile-verify a{
    color:#0b56a3!important;
    font-size:.68rem!important;
    font-weight:800!important;
    text-decoration:none!important;
  }
}

/* 4, 5 + 8 — Portfolio phone anchor/navigation and Applied Technology close. */
@media (max-width:760px){
  body.portfolio-page #transformation-highlights{
    /* The zero-height anchor sits just before the section; ~10px places the
       visible heading immediately below the fixed phone header. */
    scroll-margin-top:10px!important;
  }
  body.portfolio-page .portfolio-featured-refresh .portfolio-applied-jump-wrap{
    transform:translateY(-27px)!important;
  }
  body.portfolio-page .portfolio-featured-refresh > .portfolio-transition-back-top{
    transform:translateY(-17px)!important;
  }

  body.portfolio-page .portfolio-complete-jump-wrap.portfolio-complete-transition{
    box-sizing:border-box!important;
    /* Preserve the baseline transition height: only recolor/recompose the
       existing space; do not lengthen the page. */
    min-height:69px!important;
    height:69px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    background:#061a31!important;
    box-shadow:0 -8px 0 #061a31!important;
  }
  body.portfolio-page .portfolio-complete-transition .portfolio-complete-jump,
  body.portfolio-page .portfolio-complete-transition .portfolio-transition-back-link{
    position:static!important;
    inset:auto!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
    line-height:1.25!important;
    text-decoration:none!important;
  }
  body.portfolio-page .portfolio-complete-transition .portfolio-complete-jump{
    color:#e1ad3e!important;
  }
  body.portfolio-page .portfolio-complete-transition .portfolio-transition-back-link{
    color:rgba(241,245,249,.80)!important;
  }

  body.portfolio-page #complete-portfolio{
    scroll-margin-top:82px!important;
  }
  body.portfolio-page .portfolio-group > .portfolio-back-top{
    display:flex!important;
    justify-content:flex-end!important;
    text-align:right!important;
  }
  body.portfolio-page .portfolio-group > .portfolio-back-top a{
    margin-left:auto!important;
    margin-right:0!important;
    text-align:right!important;
  }
}

/* 6 — Organizations Served phone: preserve card locations; rebalance logo/type scale. */
.organizations-page .org-sector-card-reference > img.org-sector-mobile-logo,
.organizations-page .org-sector-card-reference > img.org-sector-mobile-background{display:none!important;}
@media (max-width:760px){
  .organizations-page .org-sector-card-reference > img.org-sector-card-source-artwork{
    display:none!important;
  }
  .organizations-page .org-sector-card-reference > img.org-sector-mobile-background{
    position:absolute!important;
    z-index:0!important;
    display:block!important;
    inset:-1px!important;
    width:calc(100% + 2px)!important;
    height:calc(100% + 2px)!important;
    max-width:none!important;
    transform:none!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:0!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }
  .organizations-page .org-sector-card-reference > img.org-sector-mobile-logo{
    position:absolute!important;
    z-index:3!important;
    display:block!important;
    left:18px!important;
    right:auto!important;
    top:31px!important;
    bottom:auto!important;
    width:48px!important;
    height:48px!important;
    max-width:48px!important;
    object-fit:contain!important;
    border-radius:50%!important;
    box-shadow:0 3px 9px rgba(0,0,0,.20)!important;
    pointer-events:none!important;
  }
  .organizations-page .org-sector-card-mobile-copy strong{
    font-size:1.44rem!important;
    line-height:1.05!important;
  }
  .organizations-page .org-sector-card-mobile-copy > span{
    font-size:.76rem!important;
  }

  /* Organizations Served phone-only icon/title alignment.
     Keep the composite artwork cropped beyond its baked-in emblem and expose
     only the clean circular center of each separate logo crop. */
  .organizations-page .org-sector-card-reference > img.org-sector-mobile-logo{
    left:15px!important;
    top:50%!important;
    width:72px!important;
    height:72px!important;
    max-width:72px!important;
    transform:translateY(-50%)!important;
    clip-path:none!important;
    border-radius:50%!important;
    box-shadow:none!important;
  }
  .organizations-page .org-sector-card-mobile-copy::before{
    left:100px!important;
    top:50%!important;
    width:1px!important;
    height:62px!important;
    transform:translateY(-50%)!important;
    background:rgba(242,184,61,.92)!important;
    box-shadow:none!important;
  }
  .organizations-page .org-sector-card-mobile-copy strong{
    top:50%!important;
    right:14px!important;
    left:116px!important;
    transform:translateY(-50%)!important;
    text-align:left!important;
    font-size:1.24rem!important;
    line-height:1.06!important;
    letter-spacing:-.012em!important;
    text-shadow:
      0 -1px 0 rgba(255,255,255,.16),
      0 1px 1px rgba(2,14,31,.72),
      0 3px 7px rgba(2,14,31,.42)!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  .organizations-page .org-sector-card-reference:nth-child(3) .org-sector-card-mobile-copy strong{
    font-size:1.17rem!important;
    line-height:1.04!important;
    letter-spacing:-.018em!important;
  }
}

/* 7 — Experience desktop: fit the intended page composition in one viewport. */
@media (min-width:901px){
  body.experience-page.interior-page .subhero.experience-reference-hero{
    min-height:260px!important;
    height:260px!important;
    padding:30px 0 24px!important;
    box-sizing:border-box!important;
  }
  body.experience-page.interior-page .experience-reference-hero .subhero-grid{
    min-height:206px!important;
    height:206px!important;
  }
  body.experience-page .experience-reference-hero .portfolio-subhero-actions{
    top: 110px!important;
  }
  body.experience-page .experience-reference-section{
    padding-top:7px!important;
    padding-bottom:4px!important;
  }
  body.experience-page .experience-reference-section .reference-view-all-wrap{
    margin-top:6px!important;
    margin-bottom:0!important;
  }
  body.experience-page .experience-secondary-expertise-link-wrap{
    position:static!important;
    transform:none!important;
    margin-top:2px!important;
    margin-bottom:4px!important;
  }
}

/* 9 — Applied Technology dynamic boundary.
   Keep the desktop outer navy-section top/bottom lines,
   and add the animated perimeter ONLY to the white/gray Sudoku card.
   Phone should target that card only, not the surrounding navy section. */
@media (min-width:761px){
  body.portfolio-page section#applied-technology.portfolio-sudoku-section{
    padding-top:26px!important;
    padding-bottom:26px!important;
  }
  body.portfolio-page section#applied-technology.portfolio-sudoku-section::before,
  body.portfolio-page section#applied-technology.portfolio-sudoku-section::after{
    height:8px!important;
    background-image:linear-gradient(90deg,
      transparent 0%,
      rgba(215,165,54,.18) 10%,
      rgba(215,165,54,.96) 27%,
      rgba(54,145,205,.92) 46%,
      rgba(54,145,205,.22) 63%,
      transparent 78%,
      transparent 100%)!important;
    background-size:190% 100%!important;
    animation:portfolioAppliedLineSync 4.8s linear infinite!important;
  }
}
@keyframes portfolioAppliedLineSync{
  from{background-position:110% 0;}
  to{background-position:-110% 0;}
}

@media (max-width:760px){
  body.portfolio-page section#applied-technology.portfolio-sudoku-section::before,
  body.portfolio-page section#applied-technology.portfolio-sudoku-section::after,
  body.portfolio-page .portfolio-applied-refresh .portfolio-applied-refresh-grid::before{
    content:none!important;
    display:none!important;
  }
}

@property --kjt-sudoku-border-angle{
  syntax:"<angle>";
  inherits:false;
  initial-value:0deg;
}

body.portfolio-page .portfolio-sudoku-section .portfolio-applied-card-light{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:transparent!important;
}

body.portfolio-page .portfolio-sudoku-section .portfolio-applied-card-light::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border-radius:inherit!important;
  background:conic-gradient(
    from var(--kjt-sudoku-border-angle),
    transparent 0deg,
    transparent 236deg,
    #b8841f 256deg,
    #d7a536 280deg,
    #fff7e3 304deg,
    #efce74 326deg,
    #d7a536 344deg,
    transparent 358deg,
    transparent 360deg
  )!important;
  animation:kjt-sudoku-border-run 6.8s linear infinite!important;
}

body.portfolio-page .portfolio-sudoku-section .portfolio-applied-card-light::after{
  content:""!important;
  position:absolute!important;
  inset:3px!important;
  z-index:1!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#fff 0%,#f4f7fb 100%)!important;
  pointer-events:none!important;
}

body.portfolio-page .portfolio-sudoku-section .portfolio-applied-card-light > *{
  position:relative!important;
  z-index:2!important;
}

@keyframes kjt-sudoku-border-run{
  to{--kjt-sudoku-border-angle:1turn;}
}

@media (prefers-reduced-motion:reduce){
  body.portfolio-page .portfolio-sudoku-section .portfolio-applied-card-light::before{
    animation:none!important;
    --kjt-sudoku-border-angle:36deg!important;
  }
}

/* 11 — Insights & Media phone: gray field throughout, white cards unchanged. */
@media (max-width:760px){
  body.insights-page main,
  body.insights-page .insights-presentations,
  body.insights-page .insights-archive{
    background:linear-gradient(180deg,#eef1f3 0%,#e4e8eb 100%)!important;
  }
  body.insights-page .insights-media-card,
  body.insights-page .insights-publication-card{
    background:#fff!important;
  }
}

/* Homepage phone — connected profile surface.
   One continuous smoky navy/gold plaster field sits behind all six cards;
   segmented seam strokes and deeper necked sockets create true interlocks. */
@media (max-width:760px){
  body.home-page .compact-badge-row{
    isolation:isolate!important;
    background:
      radial-gradient(ellipse 74% 30% at 92% 4%,rgba(211,184,127,.46) 0%,rgba(142,139,125,.24) 38%,transparent 72%),
      radial-gradient(ellipse 66% 28% at 10% 35%,rgba(4,29,55,.88) 0%,rgba(7,48,81,.46) 50%,transparent 82%),
      radial-gradient(ellipse 72% 34% at 88% 57%,rgba(183,166,130,.38) 0%,rgba(91,112,124,.26) 46%,transparent 78%),
      radial-gradient(ellipse 68% 30% at 16% 88%,rgba(3,24,47,.90) 0%,rgba(8,49,82,.40) 48%,transparent 80%),
      linear-gradient(112deg,#03182f 0%,#082f52 38%,#34546a 68%,#9a865e 100%)!important;
  }

  /* Rendered once across the stack so the texture never restarts per card. */
  body.home-page .compact-badge-row::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    display:block!important;
    border-radius:inherit!important;
    pointer-events:none!important;
    opacity:.34!important;
    mix-blend-mode:soft-light!important;
    background-image:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.032' numOctaves='5' seed='17'/%3E%3CfeDiffuseLighting surfaceScale='3.4' diffuseConstant='.72' lighting-color='white'%3E%3CfeDistantLight azimuth='228' elevation='46'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23p)' opacity='.72'/%3E%3C/svg%3E"),
      repeating-radial-gradient(ellipse at 38% 42%,rgba(255,255,255,.18) 0 1px,transparent 1px 5px)!important;
    background-size:220px 220px,19px 17px!important;
  }

  body.home-page .compact-profile-badge,
  body.home-page .compact-profile-badge:nth-child(odd),
  body.home-page .compact-profile-badge:nth-child(even),
  body.home-page .compact-profile-badge:hover,
  body.home-page .compact-profile-badge:focus-visible{
    --profile-join-x:42%;
    --profile-join-half:26px;
    --profile-join-width:52px;
    --profile-join-height:26px;
    --profile-join-bottom:-25px;
    --profile-join-radius:26px;
    z-index:1!important;
    border-bottom:0!important;
    background:rgba(2,18,37,.13)!important;
  }
  body.home-page .compact-profile-badge:nth-child(even){
    --profile-join-x:58%;
  }
  body.home-page .compact-profile-badge:nth-child(2){
    --profile-join-x:61%;
    --profile-join-half:23px;
    --profile-join-width:46px;
    --profile-join-height:22px;
    --profile-join-bottom:-21px;
    --profile-join-radius:23px;
  }
  body.home-page .compact-profile-badge:nth-child(3){
    --profile-join-x:39%;
    --profile-join-half:29px;
    --profile-join-width:58px;
    --profile-join-height:28px;
    --profile-join-bottom:-27px;
    --profile-join-radius:29px;
  }
  body.home-page .compact-profile-badge:nth-child(4){
    --profile-join-x:64%;
    --profile-join-half:25px;
    --profile-join-width:50px;
    --profile-join-height:25px;
    --profile-join-bottom:-24px;
    --profile-join-radius:25px;
  }
  body.home-page .compact-profile-badge:nth-child(5){
    --profile-join-x:46%;
    --profile-join-half:22px;
    --profile-join-width:44px;
    --profile-join-height:23px;
    --profile-join-bottom:-22px;
    --profile-join-radius:22px;
  }

  /* Split the horizontal seam at the socket neck; this is the detail that
     prevents the connection from reading as a semicircle pasted on a line. */
  body.home-page .compact-profile-badge:not(:last-child)::before{
    content:""!important;
    position:absolute!important;
    right:0!important;
    bottom:-1px!important;
    left:0!important;
    z-index:6!important;
    display:block!important;
    width:auto!important;
    height:2px!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,rgba(4,19,35,.88),rgba(215,165,54,.60)) left center / calc(var(--profile-join-x) - var(--profile-join-half)) 1.5px no-repeat,
      linear-gradient(90deg,rgba(215,165,54,.60),rgba(4,19,35,.88)) right center / calc(100% - var(--profile-join-x) - var(--profile-join-half)) 1.5px no-repeat!important;
  }

  body.home-page .compact-profile-badge:not(:last-child)::after,
  body.home-page .compact-profile-badge:nth-child(even):not(:last-child)::after{
    content:""!important;
    position:absolute!important;
    bottom:var(--profile-join-bottom)!important;
    left:var(--profile-join-x)!important;
    z-index:7!important;
    display:block!important;
    box-sizing:border-box!important;
    width:var(--profile-join-width)!important;
    height:var(--profile-join-height)!important;
    border:1.5px solid rgba(215,165,54,.68)!important;
    border-top:0!important;
    border-radius:0 0 var(--profile-join-radius) var(--profile-join-radius)!important;
    background:transparent!important;
    box-shadow:
      0 1px 0 rgba(255,255,255,.13),
      0 3px 4px rgba(0,0,0,.34)!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
  }
}

/* Credentials phone final cascade — vendor lockups are the headings. */
@media (max-width:760px){
  body.credentials-page .credentials-mobile-records .container{width:min(calc(100% - 16px),460px)!important;}
  body.credentials-page .credentials-mobile-group{padding:17px 0 19px!important;}
  body.credentials-page .credentials-mobile-heading{min-height:48px!important;margin:0 0 11px!important;gap:0!important;}
  body.credentials-page .credentials-mobile-heading img{width:auto!important;max-width:168px!important;max-height:54px!important;background:transparent!important;}
  body.credentials-page .credentials-mobile-heading img[src$="isc2-logo.svg"]{width:116px!important;max-width:116px!important;}
  body.credentials-page .credentials-mobile-heading img[src$="isaca-logo.svg"]{width:146px!important;max-width:146px!important;}
  body.credentials-page .credentials-mobile-heading img[src$="microsoft-logo.svg"]{width:156px!important;max-width:156px!important;}
  body.credentials-page .credentials-mobile-heading img[src$="comptia-logo.svg"]{width:150px!important;max-width:150px!important;}
  body.credentials-page .credentials-mobile-heading img[src$="cisco-logo.svg"]{width:112px!important;max-width:112px!important;}
  body.credentials-page .credentials-mobile-heading img[src$="vmware-logo.svg"]{width:142px!important;max-width:142px!important;}
  body.credentials-page .credentials-mobile-heading img[src$="aws-logo.svg"]{width:104px!important;max-width:104px!important;}
  body.credentials-page .credentials-mobile-group ul,
  body.credentials-page .credentials-mobile-group.no-logo ul{width:100%!important;max-width:none!important;padding:0 2px 0 12px!important;}
  body.credentials-page .credentials-mobile-group li{padding:4px 0 4px 12px!important;font-size:1rem!important;line-height:1.42!important;font-weight:600!important;}
  body.credentials-page .credentials-mobile-group.no-logo .credentials-mobile-heading{min-height:0!important;margin-bottom:10px!important;}
  body.credentials-page .credentials-mobile-group.no-logo .credentials-mobile-heading h2{font-size:1.24rem!important;}
}

/* Homepage phone absolute final cascade — filled jigsaw geometry and no
   pointer-press frame. */
@media (max-width:760px){
  body.home-page .compact-profile-badge{-webkit-tap-highlight-color:transparent!important;}
  body.home-page .compact-profile-badge:not(:last-child)::before{content:none!important;display:none!important;}
  body.home-page .compact-profile-badge:not(:last-child)::after,
  body.home-page .compact-profile-badge:nth-child(even):not(:last-child)::after{
    content:""!important;position:absolute!important;right:0!important;bottom:-47px!important;left:0!important;
    z-index:8!important;display:block!important;width:100%!important;height:49px!important;border:0!important;
    border-radius:0!important;background-color:transparent!important;background-position:center!important;
    background-repeat:no-repeat!important;background-size:100% 49px!important;box-shadow:none!important;
    filter:drop-shadow(0 2px 1px rgba(0,0,0,.30))!important;transform:none!important;pointer-events:none!important;
  }
  body.home-page .compact-profile-badge:nth-child(1)::after{background-image:url('img/profile-seam-1.svg')!important;}
  body.home-page .compact-profile-badge:nth-child(2)::after{background-image:url('img/profile-seam-2.svg')!important;}
  body.home-page .compact-profile-badge:nth-child(3)::after{background-image:url('img/profile-seam-3.svg')!important;}
  body.home-page .compact-profile-badge:nth-child(4)::after{background-image:url('img/profile-seam-4.svg')!important;}
  body.home-page .compact-profile-badge:nth-child(5)::after{background-image:url('img/profile-seam-5.svg')!important;}
  body.home-page .compact-profile-badge:active,
  body.home-page .compact-profile-badge:focus:not(:focus-visible){outline:0!important;outline-offset:0!important;border-right:0!important;border-left:0!important;box-shadow:none!important;}
  body.home-page .compact-profile-badge:focus-visible{outline:0!important;box-shadow:inset 4px 0 0 #d7a536!important;}

  /* Earlier pieces must paint above the following cards; otherwise the next
     opaque card hides the entire protruding tab and leaves only a straight
     divider visible. */
  body.home-page .compact-profile-badge:nth-child(1){z-index:6!important;}
  body.home-page .compact-profile-badge:nth-child(2){z-index:5!important;}
  body.home-page .compact-profile-badge:nth-child(3){z-index:4!important;}
  body.home-page .compact-profile-badge:nth-child(4){z-index:3!important;}
  body.home-page .compact-profile-badge:nth-child(5){z-index:2!important;}
  body.home-page .compact-profile-badge:nth-child(6){z-index:1!important;}
}

/* Homepage phone absolute final: one scalable cut-line overlay means the
   puzzle silhouette stays distinct without entering any content box. */
@media (max-width:760px){
  body.home-page .compact-badge-row::after{content:""!important;position:absolute!important;inset:0!important;z-index:20!important;display:block!important;border-radius:13px!important;background:transparent url('img/profile-puzzle-cutlines.svg') center / 100% 100% no-repeat!important;pointer-events:none!important;}
  body.home-page .compact-profile-badge,
  body.home-page .compact-profile-badge:nth-child(n){z-index:1!important;min-height:124px!important;border:0!important;border-radius:0!important;background:rgba(3,21,42,.10)!important;box-shadow:none!important;overflow:hidden!important;}
  body.home-page .compact-profile-badge:first-child{border-radius:13px 13px 0 0!important;}
  body.home-page .compact-profile-badge:last-child{border-radius:0 0 13px 13px!important;}
  body.home-page .compact-profile-badge::before,
  body.home-page .compact-profile-badge::after{content:none!important;display:none!important;}
  body.home-page .compact-profile-badge:active,
  body.home-page .compact-profile-badge:focus:not(:focus-visible){outline:0!important;box-shadow:none!important;}
  body.home-page .compact-profile-badge:focus-visible{outline:0!important;box-shadow:inset 4px 0 0 #d7a536!important;}
}

/* FINAL SIMPLE-CARD OVERRIDE — phone only. */
@media (max-width:760px){
  body.home-page .compact-badge-row{gap:3px!important;padding:0!important;}
  body.home-page .compact-badge-row::after{content:none!important;display:none!important;background:none!important;}
  body.home-page .compact-profile-badge,
  body.home-page .compact-profile-badge:nth-child(n),
  body.home-page .compact-profile-badge:hover,
  body.home-page .compact-profile-badge:focus-visible{position:relative!important;z-index:1!important;min-height:124px!important;overflow:hidden!important;border:0!important;border-radius:4px!important;background:rgba(3,21,42,.18)!important;box-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 5px rgba(0,0,0,.18)!important;}
  body.home-page .compact-profile-badge:first-child{border-radius:12px 12px 4px 4px!important;}
  body.home-page .compact-profile-badge:last-child{border-radius:4px 4px 12px 12px!important;}
  body.home-page .compact-profile-badge::after{content:none!important;display:none!important;background:none!important;}
  body.home-page .compact-profile-badge::before{content:""!important;position:absolute!important;top:17px!important;bottom:17px!important;left:88px!important;z-index:2!important;display:block!important;width:1px!important;height:auto!important;border:0!important;border-radius:0!important;background:rgba(215,165,54,.82)!important;box-shadow:none!important;pointer-events:none!important;}
  body.home-page .compact-profile-badge:active,
  body.home-page .compact-profile-badge:focus:not(:focus-visible){outline:0!important;box-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 5px rgba(0,0,0,.18)!important;}
  body.home-page .compact-profile-badge:focus-visible{outline:0!important;box-shadow:inset 3px 0 0 #d7a536,0 2px 5px rgba(0,0,0,.18)!important;}
}

/* FINAL RAISED-CARD REPAIR — reliable background divider on every card,
   visible 3px separation, and restrained dimensional lift. */
@media (max-width:760px){
  body.home-page .compact-badge-row{
    gap:3px!important;
    padding:2px!important;
  }
  body.home-page .compact-badge-row::after{content:none!important;display:none!important;background:none!important;}
  body.home-page .compact-profile-badge,
  body.home-page .compact-profile-badge:nth-child(n),
  body.home-page .compact-profile-badge:hover,
  body.home-page .compact-profile-badge:focus-visible{
    z-index:1!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:124px!important;
    margin:0!important;
    overflow:hidden!important;
    border:1px solid rgba(139,174,201,.34)!important;
    border-radius:5px!important;
    background:
      linear-gradient(rgba(215,165,54,.86),rgba(215,165,54,.86)) 80px 17px / 1px calc(100% - 34px) no-repeat,
      linear-gradient(145deg,rgba(5,28,51,.34) 0%,rgba(16,55,82,.22) 54%,rgba(4,24,45,.30) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.11),
      inset 0 -1px 0 rgba(0,0,0,.24),
      0 2px 0 rgba(1,13,27,.58),
      0 5px 9px rgba(0,0,0,.24)!important;
  }
  body.home-page .compact-profile-badge:first-child{border-radius:11px 11px 5px 5px!important;}
  body.home-page .compact-profile-badge:last-child{border-radius:5px 5px 11px 11px!important;}
  body.home-page .compact-profile-badge::before,
  body.home-page .compact-profile-badge::after{content:none!important;display:none!important;background:none!important;}
  body.home-page .compact-profile-badge:active,
  body.home-page .compact-profile-badge:focus:not(:focus-visible){outline:0!important;border-color:rgba(139,174,201,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset 0 -1px 0 rgba(0,0,0,.24),0 2px 0 rgba(1,13,27,.58),0 5px 9px rgba(0,0,0,.24)!important;}
  body.home-page .compact-profile-badge:focus-visible{outline:0!important;border-color:rgba(215,165,54,.62)!important;box-shadow:inset 3px 0 0 rgba(215,165,54,.88),inset 0 1px 0 rgba(255,255,255,.11),0 2px 0 rgba(1,13,27,.58),0 5px 9px rgba(0,0,0,.24)!important;}
}



@media print{
  body.portfolio-page .portfolio-sudoku-section .portfolio-applied-card-light::before{display:none!important;}
}

/* Portfolio desktop — Selected Case Highlights bottom Back to top.
   Keep the wrapper and following Applied Technology anchor/section fixed.
   Move ONLY the Back to top link itself upward so it stays visually attached
   to Case Highlights and does not appear in the Applied Technology viewport. */
@media (min-width:761px){
  body.portfolio-page .portfolio-featured-refresh > .portfolio-transition-back-top{
    transform:none!important;
  }
  body.portfolio-page .portfolio-featured-refresh > .portfolio-transition-back-top > a[data-back-to-top="true"]{
    position:relative!important;
    top:-38px!important;
  }

  /* Applied Technology desktop: fill the remaining viewport beneath the
     visible site header while keeping the Sudoku card dimensions unchanged. */
  body.portfolio-page section#applied-technology.portfolio-sudoku-section{
    min-height:max(620px,calc(100vh - 94px))!important;
  }
}

/* Portfolio phone — Applied Technology closing links.
   Move ONLY Complete Portfolio + Back to top upward as a pair so they read
   as part of the Applied Technology section; preserve all surrounding layout. */
@media (max-width:760px){
  body.portfolio-page .portfolio-complete-transition .portfolio-complete-jump,
  body.portfolio-page .portfolio-complete-transition .portfolio-transition-back-link{
    transform:translateY(-18px)!important;
  }
}


/* Portfolio — Applied Technology card heading:
   animate only the words “Sudoku Solver” in shades of gold on desktop and phone.
   Each word remains independently wrappable so the title can never clip on narrow screens. */
body.portfolio-page .portfolio-sudoku-section .portfolio-applied-card-light .kjt-sudoku-solver-word{
  display:inline-block!important;
  color:#d7a536!important;
  background-image:linear-gradient(
    100deg,
    #a87414 0%,
    #c79128 18%,
    #d7a536 34%,
    #f2cf79 50%,
    #fff1c8 58%,
    #e5ba58 70%,
    #c99228 84%,
    #a87414 100%
  )!important;
  background-size:300% 100%!important;
  background-position:0% 50%!important;
  background-repeat:no-repeat!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  animation:kjtSudokuSolverGoldFlow 3.9s linear infinite!important;
  text-shadow:0 1px 0 rgba(255,255,255,.18)!important;
}

@keyframes kjtSudokuSolverGoldFlow{
  0%{background-position:0% 50%;}
  100%{background-position:100% 50%;}
}

@media (prefers-reduced-motion:reduce){
  body.portfolio-page .portfolio-sudoku-section .portfolio-applied-card-light .kjt-sudoku-solver-word{
    animation:none!important;
    background-position:50% 50%!important;
    color:#d7a536!important;
    -webkit-text-fill-color:transparent!important;
  }
}

/* Portfolio desktop — Applied Technology closing navigation integration.
   Preserve the approved anchor landing, navy-section height, Sudoku card,
   and downstream document flow. Move ONLY the two existing closing links
   upward into the bottom of the navy Applied Technology section. */
@media (min-width:761px){
  body.portfolio-page .portfolio-complete-jump-wrap.portfolio-complete-transition{
    position:relative!important;
    z-index:12!important;
    min-height:52px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    overflow:visible!important;
  }

  /* Desktop closing navigation: a compact right-aligned stack inside the navy field.
     Back to top sits above Complete Portfolio with restrained breathing room. */
  body.portfolio-page .portfolio-complete-transition .portfolio-transition-back-link,
  body.portfolio-page .portfolio-complete-transition .portfolio-transition-back-link:visited{
    position:absolute!important;
    right:clamp(28px,4vw,72px)!important;
    left:auto!important;
    top:-122px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    color:rgba(238,244,249,.94)!important;
    text-align:right!important;
    white-space:nowrap!important;
    z-index:13!important;
  }

  body.portfolio-page .portfolio-complete-transition .portfolio-complete-jump,
  body.portfolio-page .portfolio-complete-transition .portfolio-complete-jump:visited{
    position:absolute!important;
    right:clamp(28px,4vw,72px)!important;
    left:auto!important;
    top:-102px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    color:#e1ad3e!important;
    text-align:right!important;
    white-space:nowrap!important;
    z-index:13!important;
  }

  body.portfolio-page .portfolio-complete-transition .portfolio-complete-jump:hover,
  body.portfolio-page .portfolio-complete-transition .portfolio-complete-jump:focus-visible,
  body.portfolio-page .portfolio-complete-transition .portfolio-transition-back-link:hover,
  body.portfolio-page .portfolio-complete-transition .portfolio-transition-back-link:focus-visible{
    color:#f0c770!important;
    text-decoration:none!important;
  }


  body.portfolio-page .portfolio-sudoku-section .portfolio-applied-refresh-grid{
    position:relative!important;
    isolation:isolate!important;
  }

  body.portfolio-page .portfolio-sudoku-section .portfolio-applied-refresh-grid::before{
    content:""!important;
    position:absolute!important;
    left:19%!important;
    right:46px!important;
    bottom:8px!important;
    height:248px!important;
    z-index:0!important;
    pointer-events:none!important;
    opacity:.92!important;
    background:
      radial-gradient(ellipse 30% 42% at 18% 100%, rgba(214,168,79,.16) 0%, rgba(214,168,79,.09) 36%, transparent 74%),
      radial-gradient(ellipse 36% 44% at 56% 100%, rgba(90,180,232,.12) 0%, rgba(90,180,232,.06) 36%, transparent 76%),
      radial-gradient(ellipse 28% 38% at 88% 100%, rgba(214,168,79,.10) 0%, rgba(214,168,79,.05) 36%, transparent 72%);
    filter:blur(.2px)!important;
    mask-image:linear-gradient(to top, #000 36%, rgba(0,0,0,.82) 70%, transparent 100%);
  }

  body.portfolio-page .portfolio-sudoku-section .portfolio-applied-refresh-grid::after{
    content:""!important;
    position:absolute!important;
    left:18%!important;
    right:38px!important;
    bottom:6px!important;
    height:252px!important;
    z-index:0!important;
    pointer-events:none!important;
    opacity:.98!important;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201400%20260%22%20fill%3D%22none%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cfilter%20id%3D%22g%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%222.2%22%20result%3D%22b%22%2F%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22b%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%0A%20%20%3Cg%20opacity%3D%220.92%22%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221330%22%20cy%3D%22272%22%20r%3D%22210%22%20stroke%3D%22%235AB4E8%22%20stroke-width%3D%222.6%22%20opacity%3D%220.55%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221330%22%20cy%3D%22272%22%20r%3D%22176%22%20stroke%3D%22%23D7A536%22%20stroke-width%3D%222.2%22%20opacity%3D%220.52%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221330%22%20cy%3D%22272%22%20r%3D%22142%22%20stroke%3D%22%235AB4E8%22%20stroke-width%3D%221.9%22%20opacity%3D%220.42%22%20stroke-dasharray%3D%2213%2010%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221330%22%20cy%3D%22272%22%20r%3D%22108%22%20stroke%3D%22%23D7A536%22%20stroke-width%3D%222%22%20opacity%3D%220.46%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221330%22%20cy%3D%22272%22%20r%3D%2282%22%20stroke%3D%22%235AB4E8%22%20stroke-width%3D%222.6%22%20opacity%3D%220.36%22%20stroke-dasharray%3D%2228%2010%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1146%20108%20A210%20210%200%200%201%201392%20196%22%20stroke%3D%22%23D7A536%22%20stroke-width%3D%223.2%22%20opacity%3D%220.62%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1178%20140%20A168%20168%200%200%201%201382%20214%22%20stroke%3D%22%235AB4E8%22%20stroke-width%3D%223%22%20opacity%3D%220.48%22%2F%3E%0A%0A%20%20%20%20%3Ccircle%20cx%3D%22-24%22%20cy%3D%22268%22%20r%3D%22128%22%20stroke%3D%22%23D7A536%22%20stroke-width%3D%222.6%22%20opacity%3D%220.42%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22-24%22%20cy%3D%22268%22%20r%3D%2296%22%20stroke%3D%22%235AB4E8%22%20stroke-width%3D%222.1%22%20opacity%3D%220.28%22%20stroke-dasharray%3D%2215%2010%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22-24%22%20cy%3D%22268%22%20r%3D%2266%22%20stroke%3D%22%23D7A536%22%20stroke-width%3D%221.8%22%20opacity%3D%220.30%22%2F%3E%0A%0A%20%20%20%20%3Cpath%20d%3D%22M258%20194%20H458%20L508%20160%20H692%22%20stroke%3D%22%235AB4E8%22%20stroke-width%3D%222.1%22%20opacity%3D%220.56%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M432%20214%20H560%20L616%20184%20H760%22%20stroke%3D%22%23D7A536%22%20stroke-width%3D%222%22%20opacity%3D%220.56%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M618%20202%20H766%20L818%20168%20H1018%22%20stroke%3D%22%235AB4E8%22%20stroke-width%3D%222.1%22%20opacity%3D%220.48%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M772%20226%20H954%20L1000%20194%20H1188%22%20stroke%3D%22%23D7A536%22%20stroke-width%3D%221.9%22%20opacity%3D%220.5%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M948%20150%20H1070%20L1120%20122%20H1264%22%20stroke%3D%22%235AB4E8%22%20stroke-width%3D%221.8%22%20opacity%3D%220.42%22%2F%3E%0A%0A%20%20%20%20%3Cg%20filter%3D%22url%28%23g%29%22%3E%0A%20%20%20%20%20%20%3Cline%20x1%3D%22314%22%20y1%3D%22194%22%20x2%3D%22444%22%20y2%3D%22194%22%20stroke%3D%22%23D7A536%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.56%22%2F%3E%0A%20%20%20%20%20%20%3Cline%20x1%3D%22708%22%20y1%3D%22202%22%20x2%3D%22790%22%20y2%3D%22202%22%20stroke%3D%22%235AB4E8%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.48%22%2F%3E%0A%20%20%20%20%20%20%3Cline%20x1%3D%221026%22%20y1%3D%22150%22%20x2%3D%221110%22%20y2%3D%22150%22%20stroke%3D%22%23D7A536%22%20stroke-width%3D%223.8%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.44%22%2F%3E%0A%20%20%20%20%20%20%3Cline%20x1%3D%22832%22%20y1%3D%22226%22%20x2%3D%22918%22%20y2%3D%22226%22%20stroke%3D%22%23D7A536%22%20stroke-width%3D%223.6%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.42%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3Cg%20fill%3D%22%235AB4E8%22%20opacity%3D%220.8%22%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22258%22%20cy%3D%22194%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22432%22%20cy%3D%22214%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22618%22%20cy%3D%22202%22%20r%3D%224%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22772%22%20cy%3D%22226%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22948%22%20cy%3D%22150%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%221264%22%20cy%3D%22122%22%20r%3D%224%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23D7A536%22%20opacity%3D%220.78%22%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22458%22%20cy%3D%22194%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22560%22%20cy%3D%22214%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%22760%22%20cy%3D%22202%22%20r%3D%224%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22954%22%20cy%3D%22226%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%221070%22%20cy%3D%22150%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%221188%22%20cy%3D%22226%22%20r%3D%224%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%0A%20%20%20%20%3Cg%20fill%3D%22%235AB4E8%22%20opacity%3D%220.48%22%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22604%22%20cy%3D%22128%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%22688%22%20cy%3D%22146%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22844%22%20cy%3D%22130%22%20r%3D%222.6%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22972%22%20cy%3D%22178%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%221088%22%20cy%3D%22162%22%20r%3D%222.6%22%2F%3E%3Ccircle%20cx%3D%221214%22%20cy%3D%22176%22%20r%3D%222.8%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23D7A536%22%20opacity%3D%220.58%22%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%22544%22%20cy%3D%22232%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%22652%22%20cy%3D%22216%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22892%22%20cy%3D%22242%22%20r%3D%222.5%22%2F%3E%0A%20%20%20%20%20%20%3Ccircle%20cx%3D%221148%22%20cy%3D%22236%22%20r%3D%222.8%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E")!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
    background-position:center bottom!important;
    mask-image:linear-gradient(to top, #000 34%, rgba(0,0,0,.86) 68%, transparent 100%);
  }

  body.portfolio-page .portfolio-sudoku-section .portfolio-applied-refresh-grid > *{
    position:relative!important;
    z-index:1!important;
  }
}


/* Portfolio desktop — lower Applied Technology geometric landscape.
   Occupies the large navy field BELOW the content; uses broad geometric structure
   rather than dots or explicit circuit imagery. */
@media (min-width:761px){
  body.portfolio-page section#applied-technology.portfolio-sudoku-section{
    position:relative!important;
  }

  body.portfolio-page .portfolio-applied-tech-landscape{
    display:block!important;
    position:absolute!important;
    left:22%!important;
    right:106px!important;
    bottom:30px!important;
    height:314px!important;
    z-index:0!important;
    pointer-events:none!important;
    opacity:.90!important;
    background-image:
      radial-gradient(ellipse 46% 48% at 42% 74%,rgba(215,165,54,.08) 0%,rgba(215,165,54,.03) 44%,transparent 76%),
      radial-gradient(ellipse 42% 46% at 67% 72%,rgba(90,180,232,.08) 0%,rgba(90,180,232,.028) 46%,transparent 78%),
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201500%20360%22%20fill%3D%22none%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22gold%22%20x1%3D%22120%22%20y1%3D%220%22%20x2%3D%221280%22%20y2%3D%220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%238E671C%22%20stop-opacity%3D%22.18%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.38%22%20stop-color%3D%22%23D7A536%22%20stop-opacity%3D%22.88%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.72%22%20stop-color%3D%22%23F2CF7A%22%20stop-opacity%3D%22.64%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238E671C%22%20stop-opacity%3D%22.16%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22blue%22%20x1%3D%2290%22%20y1%3D%220%22%20x2%3D%221410%22%20y2%3D%220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20stop-color%3D%22%23275B7C%22%20stop-opacity%3D%22.12%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.44%22%20stop-color%3D%22%235FAFDC%22%20stop-opacity%3D%22.76%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.78%22%20stop-color%3D%22%238BD1F1%22%20stop-opacity%3D%22.44%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23275B7C%22%20stop-opacity%3D%22.08%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3Cfilter%20id%3D%22glow%22%20x%3D%22-20%25%22%20y%3D%22-20%25%22%20width%3D%22140%25%22%20height%3D%22140%25%22%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%222.3%22%20result%3D%22b%22%2F%3E%0A%20%20%20%20%20%20%3CfeMerge%3E%3CfeMergeNode%20in%3D%22b%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%0A%20%20%3C%21--%20broad%20translucent%20planes%20--%3E%0A%20%20%3Cpolygon%20points%3D%22120%2C320%20258%2C206%20520%2C206%20612%2C282%20448%2C340%22%20fill%3D%22%23D7A536%22%20fill-opacity%3D%22.05%22%20stroke%3D%22%23D7A536%22%20stroke-opacity%3D%22.22%22%20stroke-width%3D%221.6%22%2F%3E%0A%20%20%3Cpolygon%20points%3D%22540%2C316%20706%2C172%201016%2C188%201118%2C286%20906%2C340%22%20fill%3D%22%2358A8D6%22%20fill-opacity%3D%22.04%22%20stroke%3D%22%2358A8D6%22%20stroke-opacity%3D%22.18%22%20stroke-width%3D%221.5%22%2F%3E%0A%20%20%3Cpolygon%20points%3D%22978%2C304%201132%2C196%201328%2C212%201418%2C280%201270%2C336%22%20fill%3D%22%23D7A536%22%20fill-opacity%3D%22.04%22%20stroke%3D%22%23D7A536%22%20stroke-opacity%3D%22.16%22%20stroke-width%3D%221.4%22%2F%3E%0A%0A%20%20%3C%21--%20structural%20outlines%20--%3E%0A%20%20%3Cpolygon%20points%3D%22156%2C290%20270%2C198%20426%2C198%20522%2C272%20412%2C326%20232%2C326%22%20stroke%3D%22url%28%23gold%29%22%20stroke-width%3D%222.2%22%2F%3E%0A%20%20%3Cpolygon%20points%3D%22196%2C280%20286%2C214%20406%2C214%20482%2C270%20392%2C310%20248%2C310%22%20stroke%3D%22url%28%23blue%29%22%20stroke-width%3D%221.8%22%20opacity%3D%22.9%22%2F%3E%0A%20%20%3Cpolygon%20points%3D%22596%2C294%20744%2C182%20952%2C196%201042%2C278%20902%2C330%20682%2C324%22%20stroke%3D%22url%28%23blue%29%22%20stroke-width%3D%222.3%22%2F%3E%0A%20%20%3Cpolygon%20points%3D%22634%2C280%20758%2C196%20924%2C206%20994%2C270%20880%2C312%20704%2C308%22%20stroke%3D%22url%28%23gold%29%22%20stroke-width%3D%221.8%22%20opacity%3D%22.9%22%2F%3E%0A%20%20%3Cpolygon%20points%3D%221018%2C294%201146%2C212%201296%2C222%201366%2C274%201252%2C324%201096%2C320%22%20stroke%3D%22url%28%23gold%29%22%20stroke-width%3D%222.1%22%20opacity%3D%22.82%22%2F%3E%0A%0A%20%20%3C%21--%20vertical%20%2F%20diagonal%20guides%20--%3E%0A%20%20%3Cpath%20d%3D%22M330%20188%20V334%22%20stroke%3D%22%235FAFDC%22%20stroke-opacity%3D%22.24%22%20stroke-width%3D%221.2%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M808%20176%20V334%22%20stroke%3D%22%23D7A536%22%20stroke-opacity%3D%22.22%22%20stroke-width%3D%221.2%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M1168%20206%20V334%22%20stroke%3D%22%235FAFDC%22%20stroke-opacity%3D%22.18%22%20stroke-width%3D%221.1%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M270%20198%20L178%20334%22%20stroke%3D%22%23D7A536%22%20stroke-opacity%3D%22.20%22%20stroke-width%3D%221.1%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M952%20196%20L1068%20334%22%20stroke%3D%22%235FAFDC%22%20stroke-opacity%3D%22.18%22%20stroke-width%3D%221.1%22%2F%3E%0A%0A%20%20%3C%21--%20small%20shape%20clusters%20--%3E%0A%20%20%3Cg%20opacity%3D%22.86%22%3E%0A%20%20%20%20%3Crect%20x%3D%22536%22%20y%3D%22236%22%20width%3D%2228%22%20height%3D%2228%22%20rx%3D%222%22%20stroke%3D%22%235FAFDC%22%20stroke-width%3D%221.8%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%22576%22%20y%3D%22248%22%20width%3D%2220%22%20height%3D%2220%22%20rx%3D%222%22%20stroke%3D%22%23D7A536%22%20stroke-width%3D%221.5%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%221096%22%20y%3D%22236%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%222%22%20stroke%3D%22%23D7A536%22%20stroke-width%3D%221.5%22%2F%3E%0A%20%20%20%20%3Crect%20x%3D%221132%22%20y%3D%22246%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%221.5%22%20stroke%3D%22%235FAFDC%22%20stroke-width%3D%221.4%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22872%2C232%20898%2C218%20924%2C232%20924%2C260%20898%2C274%20872%2C260%22%20stroke%3D%22%23D7A536%22%20stroke-opacity%3D%22.8%22%20stroke-width%3D%221.6%22%2F%3E%0A%20%20%20%20%3Cpolygon%20points%3D%22904%2C240%20926%2C228%20948%2C240%20948%2C264%20926%2C276%20904%2C264%22%20stroke%3D%22%235FAFDC%22%20stroke-opacity%3D%22.75%22%20stroke-width%3D%221.4%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20horizon%20lines%20--%3E%0A%20%20%3Cg%20stroke-linecap%3D%22round%22%20opacity%3D%22.88%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M94%20332%20H352%22%20stroke%3D%22url%28%23blue%29%22%20stroke-width%3D%221.8%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M236%20346%20H674%22%20stroke%3D%22url%28%23gold%29%22%20stroke-width%3D%221.6%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M688%20342%20H1098%22%20stroke%3D%22url%28%23blue%29%22%20stroke-width%3D%221.6%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M1028%20332%20H1328%22%20stroke%3D%22url%28%23gold%29%22%20stroke-width%3D%221.7%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%0A%20%20%3C%21--%20glows%20and%20nodes%20--%3E%0A%20%20%3Cg%20filter%3D%22url%28%23glow%29%22%3E%0A%20%20%20%20%3Cline%20x1%3D%22222%22%20y1%3D%22300%22%20x2%3D%22308%22%20y2%3D%22300%22%20stroke%3D%22%23D7A536%22%20stroke-opacity%3D%22.54%22%20stroke-width%3D%223.8%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%22734%22%20y1%3D%22286%22%20x2%3D%22818%22%20y2%3D%22286%22%20stroke%3D%22%235FAFDC%22%20stroke-opacity%3D%22.44%22%20stroke-width%3D%223.8%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%20%20%3Cline%20x1%3D%221128%22%20y1%3D%22290%22%20x2%3D%221212%22%20y2%3D%22290%22%20stroke%3D%22%23D7A536%22%20stroke-opacity%3D%22.40%22%20stroke-width%3D%223.6%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cg%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22156%22%20cy%3D%22290%22%20r%3D%223.4%22%20fill%3D%22%23D7A536%22%20fill-opacity%3D%22.82%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22426%22%20cy%3D%22198%22%20r%3D%223.1%22%20fill%3D%22%235FAFDC%22%20fill-opacity%3D%22.76%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22596%22%20cy%3D%22294%22%20r%3D%223.2%22%20fill%3D%22%235FAFDC%22%20fill-opacity%3D%22.78%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22952%22%20cy%3D%22196%22%20r%3D%223.2%22%20fill%3D%22%23D7A536%22%20fill-opacity%3D%22.76%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221096%22%20cy%3D%22320%22%20r%3D%223.0%22%20fill%3D%22%235FAFDC%22%20fill-opacity%3D%22.72%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221252%22%20cy%3D%22324%22%20r%3D%223.0%22%20fill%3D%22%23D7A536%22%20fill-opacity%3D%22.72%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22470%22%20cy%3D%22286%22%20r%3D%222.4%22%20fill%3D%22%235FAFDC%22%20fill-opacity%3D%22.52%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22650%22%20cy%3D%22250%22%20r%3D%222.4%22%20fill%3D%22%23D7A536%22%20fill-opacity%3D%22.52%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%22862%22%20cy%3D%22312%22%20r%3D%222.4%22%20fill%3D%22%235FAFDC%22%20fill-opacity%3D%22.48%22%2F%3E%0A%20%20%20%20%3Ccircle%20cx%3D%221186%22%20cy%3D%22246%22%20r%3D%222.4%22%20fill%3D%22%23D7A536%22%20fill-opacity%3D%22.48%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E")!important;
    background-repeat:no-repeat,no-repeat,no-repeat!important;
    background-size:100% 100%,100% 100%,100% 100%!important;
    background-position:center,center,center!important;
    filter:drop-shadow(0 0 8px rgba(61,148,205,.07))!important;
    mask-image:linear-gradient(to right,transparent 0%,#000 7%,#000 84%,rgba(0,0,0,.78) 92%,transparent 100%)!important;
    animation:portfolioAppliedTechLandscapePulse 7.5s ease-in-out infinite alternate!important;
  }

  body.portfolio-page .portfolio-applied-refresh-grid{
    position:relative!important;
    z-index:2!important;
  }

  body.portfolio-page .portfolio-complete-transition .portfolio-transition-back-link,
  body.portfolio-page .portfolio-complete-transition .portfolio-complete-jump{
    z-index:14!important;
  }
}

@keyframes portfolioAppliedTechLandscapePulse{
  0%{opacity:.78;filter:drop-shadow(0 0 5px rgba(61,148,205,.06));}
  100%{opacity:.92;filter:drop-shadow(0 0 12px rgba(215,165,54,.10));}
}

@media (max-width:760px){
  body.portfolio-page .portfolio-applied-tech-landscape{display:none!important;}
}

@media (prefers-reduced-motion:reduce){
  body.portfolio-page .portfolio-applied-tech-landscape{animation:none!important;opacity:.86!important;}
}


/* Portfolio desktop — Applied Technology editorial note.
   Use the large lower navy field for explanatory AI copy with a horizontal gold bar.
   Keep this soft, readable, and visually anchored; hide prior decorative landscape. */
@media (min-width:761px){
  body.portfolio-page .portfolio-applied-tech-landscape{
    display:none!important;
  }

  body.portfolio-page section#applied-technology.portfolio-sudoku-section{
    position:relative!important;
  }

  body.portfolio-page .portfolio-applied-ai-note{
    position:absolute!important;
    left:calc(clamp(520px,34vw,650px) - 64px)!important;
    right:clamp(220px,16vw,320px)!important;
    bottom:72px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:14px!important;
    z-index:4!important;
    color:rgba(242,246,250,.96)!important;
    max-width:none!important;
  }

  body.portfolio-page .portfolio-applied-ai-note-bar{
    flex:0 0 3px!important;
    width:186px!important;
    height:3px!important;
    min-height:3px!important;
    margin:0!important;
    border-radius:999px!important;
    background:linear-gradient(90deg, rgba(240,199,112,.98) 0%, rgba(215,165,54,.94) 54%, rgba(168,119,27,.76) 100%)!important;
    box-shadow:0 0 14px rgba(215,165,54,.18)!important;
  }

  body.portfolio-page .portfolio-applied-ai-note p{
    margin:0!important;
    max-width:760px!important;
    font-family:"Source Serif 4","Georgia","Times New Roman",serif!important;
    font-style:normal!important;
    font-size:clamp(1.18rem,1.30vw,1.48rem)!important;
    line-height:1.48!important;
    font-weight:400!important;
    letter-spacing:.002em!important;
    color:rgba(243,247,251,.97)!important;
    text-shadow:0 1px 0 rgba(0,0,0,.14)!important;
  }
}

@media (max-width:760px){
  body.portfolio-page .portfolio-applied-ai-note{
    display:none!important;
  }
}

/* Portfolio phone — Applied Technology composition tightening.
   Phone only. Tighten the space above the project card and reclaim the
   unused reserve beneath it so Complete Portfolio + Back to top remain
   visually attached to the Applied Technology section. Desktop unchanged. */
@media (max-width:760px){
  body.portfolio-page section#applied-technology.portfolio-sudoku-section{
    padding-bottom:10px!important;
  }

  body.portfolio-page section#applied-technology.portfolio-sudoku-section .portfolio-applied-refresh-grid{
    row-gap:20px!important;
    padding-bottom:14px!important;
  }
}


/* Portfolio phone — Selected Case Highlights viewport lift.
   Phone only. Keep the section height intact while moving the card group
   slightly upward and bringing the closing links farther into the viewport.
   Desktop remains untouched. */
@media (max-width:760px){
  body.portfolio-page .portfolio-featured-refresh .portfolio-highlight-shell{
    transform:translateY(-63px)!important;
  }
  body.portfolio-page .portfolio-featured-refresh .portfolio-applied-jump-wrap{
    transform:translateY(-45px)!important;
  }
  body.portfolio-page .portfolio-featured-refresh > .portfolio-transition-back-top{
    transform:translateY(-35px)!important;
  }
}

/* Portfolio phone — hero Experience navigation micro-adjustment.
   Move only the Experience link 2px toward the site header. Desktop untouched. */
@media (max-width:760px){
  body.portfolio-page .portfolio-hero-refresh .portfolio-experience-link{
    position:relative!important;
    top:-2px!important;
  }
}


/* Portfolio phone — hero content lift and bottom gold rule.
   Move the entire hero content group 10px closer to the site header without
   shortening the hero itself. Replace the earlier single-link nudge so all
   copy and the Experience link move together. Desktop untouched. */
@media (max-width:760px){
  body.portfolio-page .portfolio-hero-refresh{
    border-bottom:2px solid #F0C770!important;
  }
  body.portfolio-page .portfolio-hero-refresh-inner{
    position:relative!important;
    top:-10px!important;
  }
  body.portfolio-page .portfolio-hero-refresh .portfolio-experience-link{
    position:static!important;
    top:auto!important;
  }
}

/* =========================================================
   PORTFOLIO — INTRODUCTORY SECTION INDEX
   A restrained front-door navigation inspired by the existing
   Case Studies directory: calligraphic gold flourish + compact
   two-column directory on desktop, one column on phone.
   Portfolio page only.
   ========================================================= */
body.portfolio-page .portfolio-intro-index{
  position:relative;
  background:#fff;
  padding:28px 0 26px;
  border-bottom:1px solid rgba(12,43,71,.08);
}
body.portfolio-page .portfolio-intro-index-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
}
body.portfolio-page .portfolio-intro-flourish{
  width:132px;
  height:16px;
  margin:0 auto 15px;
  display:flex;
  align-items:center;
  justify-content:center;
}
body.portfolio-page .portfolio-intro-flourish .portfolio-intro-ornament{
  display:block;
  width:132px;
  height:16px;
  background:linear-gradient(90deg,#a96f10 0%,#c89124 34%,#ffe69a 50%,#d3a23b 66%,#a96f10 100%);
  background-size:100% 100%;
  -webkit-mask:
    linear-gradient(#000 0 0) left center/52px 1px no-repeat,
    linear-gradient(#000 0 0) right center/52px 1px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M13 0c1.3 7 6 11.7 13 13-7 1.3-11.7 6-13 13-1.3-7-6-11.7-13-13C7 11.7 11.7 7 13 0Z'/%3E%3C/svg%3E") center/26px 26px no-repeat;
    mask:
    linear-gradient(#000 0 0) left center/52px 1px no-repeat,
    linear-gradient(#000 0 0) right center/52px 1px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M13 0c1.3 7 6 11.7 13 13-7 1.3-11.7 6-13 13-1.3-7-6-11.7-13-13C7 11.7 11.7 7 13 0Z'/%3E%3C/svg%3E") center/26px 26px no-repeat;
  filter:drop-shadow(0 0 4px rgba(255,230,154,.14));
  opacity:.96;
}
body.portfolio-page .portfolio-intro-directory{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:7px 34px;
  width:min(calc(100% - 48px),670px);
  margin:0 auto;
  padding:3px 0 3px 18px;
  border-left:2px solid rgba(214,168,79,.72);
  text-align:left;
}
body.portfolio-page .portfolio-intro-directory a,
body.portfolio-page .portfolio-intro-directory a:visited{
  display:block;
  position:relative;
  padding-left:13px;
  color:#52677a;
  font-size:.76rem;
  font-weight:700;
  line-height:1.45;
  text-decoration:none;
  white-space:normal;
  transition:color .16s ease,transform .16s ease;
}
body.portfolio-page .portfolio-intro-directory a::before{
  content:"›";
  position:absolute;
  left:0;
  top:0;
  color:#C28D27;
  font-weight:800;
}
body.portfolio-page .portfolio-intro-directory a:hover,
body.portfolio-page .portfolio-intro-directory a:focus-visible{
  color:#9B6A10;
  transform:translateX(2px);
  text-decoration:underline;
  text-underline-offset:3px;
}
body.portfolio-page #portfolio-overview{
  scroll-margin-top:88px;
}

@media (max-width:760px){
  body.portfolio-page .portfolio-intro-index{
    padding:20px 0 20px;
  }
  body.portfolio-page .portfolio-intro-flourish{
    width:112px;
    height:14px;
    margin-bottom:12px;
  }
  body.portfolio-page .portfolio-intro-flourish .portfolio-intro-ornament{
    width:112px;
    height:14px;
    -webkit-mask:
      linear-gradient(#000 0 0) left center/42px 1px no-repeat,
      linear-gradient(#000 0 0) right center/42px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M13 0c1.3 7 6 11.7 13 13-7 1.3-11.7 6-13 13-1.3-7-6-11.7-13-13C7 11.7 11.7 7 13 0Z'/%3E%3C/svg%3E") center/22px 22px no-repeat;
        mask:
      linear-gradient(#000 0 0) left center/42px 1px no-repeat,
      linear-gradient(#000 0 0) right center/42px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M13 0c1.3 7 6 11.7 13 13-7 1.3-11.7 6-13 13-1.3-7-6-11.7-13-13C7 11.7 11.7 7 13 0Z'/%3E%3C/svg%3E") center/22px 22px no-repeat;
  }
  body.portfolio-page .portfolio-intro-directory{
    grid-template-columns:1fr;
    gap:5px;
    width:min(calc(100% - 54px),310px);
    padding:2px 0 2px 13px;
  }
  body.portfolio-page .portfolio-intro-directory a,
  body.portfolio-page .portfolio-intro-directory a:visited{
    font-size:.69rem;
    line-height:1.42;
  }
}


/* Portfolio introductory index — centered welcome-directory composition.
   Title + approved Credentials ornament + section directory. The directory's
   text block determines the visual center; the gold rule sits outside that
   midpoint so it cannot pull the menu off-center. */
body.portfolio-page .portfolio-intro-title{
  margin:0 0 15px;
  color:#0b2f50;
  font-family:"Manrope",sans-serif;
  font-size:.84rem;
  font-weight:800;
  line-height:1.15;
  letter-spacing:.18em;
  text-align:center;
}
body.portfolio-page .portfolio-intro-directory{
  position:relative;
  grid-template-columns:max-content max-content;
  width:max-content;
  max-width:calc(100% - 64px);
  margin-left:auto;
  margin-right:auto;
  padding-left:0;
  border-left:0;
}
body.portfolio-page .portfolio-intro-directory::before{
  content:"";
  position:absolute;
  top:1px;
  bottom:1px;
  left:-18px;
  width:2px;
  background:rgba(214,168,79,.72);
  pointer-events:none;
}
body.portfolio-page .portfolio-core-subtitle{
  margin:2px 0 8px!important;
  color:#536779;
  font-family:"Manrope",sans-serif;
  font-size:.76rem;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
}

@media (max-width:760px){
  /* Make the introductory white field a complete viewport and center the
     welcome directory within it. The following Portfolio Overview section
     therefore begins below the viewport rather than peeking into it. */
  body.portfolio-page .portfolio-intro-index{
    min-height:68svh;
    padding:0!important;
    display:flex;
    align-items:center;
  }
  body.portfolio-page .portfolio-intro-index-inner{
    min-height:68svh;
    justify-content:center;
    padding-top:0;
    padding-bottom:0;
  }
  body.portfolio-page .portfolio-intro-title{
    margin-bottom:17px;
    font-size:.84rem;
    letter-spacing:.17em;
  }
  body.portfolio-page .portfolio-intro-flourish{
    margin-bottom:18px;
  }
  body.portfolio-page .portfolio-intro-directory{
    grid-template-columns:max-content!important;
    gap:7px!important;
    width:max-content!important;
    max-width:calc(100% - 78px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:2px 0!important;
    border-left:0!important;
    text-align:left!important;
  }
  body.portfolio-page .portfolio-intro-directory::before{
    left:-17px;
  }
  body.portfolio-page .portfolio-intro-directory a,
  body.portfolio-page .portfolio-intro-directory a:visited{
    font-size:.78rem;
    line-height:1.48;
  }
  body.portfolio-page .portfolio-core-subtitle{
    margin:3px 0 8px!important;
    font-size:.69rem;
    letter-spacing:.13em;
  }
}


/* Portfolio phone intro — remove artificial viewport height.
   Keep the welcome group centered, but let the white field size to its content
   with deliberate breathing room instead of a large svh canvas. */
@media (max-width:760px){
  body.portfolio-page .portfolio-intro-index{
    min-height:0!important;
    height:auto!important;
    padding:61px 0 78px!important;
    display:block!important;
  }
  body.portfolio-page .portfolio-intro-index-inner{
    min-height:0!important;
    height:auto!important;
    justify-content:flex-start!important;
    padding:0!important;
  }

  body.portfolio-page .portfolio-intro-title{
    font-size:.88rem!important;
    margin-bottom:18px!important;
  }

  body.portfolio-page .portfolio-intro-flourish{
    margin-bottom:20px!important;
  }

  body.portfolio-page .portfolio-intro-directory a,
  body.portfolio-page .portfolio-intro-directory a:visited{
    font-size:.76rem!important;
    line-height:1.46!important;
  }
}


/* Portfolio intro hierarchy + navigation refinement.
   Portfolio Overview becomes the subtitle of the intro heading above the star.
   Section 2 retains Transformation Experience as its sole heading. */
body.portfolio-page .portfolio-intro-subtitle{
  margin:-8px 0 15px;
  color:#607184;
  font-family:"Manrope",sans-serif;
  font-size:.72rem;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
}
body.portfolio-page #portfolio-intro-index{
  scroll-margin-top:84px;
}

@media (max-width:760px){
  body.portfolio-page .portfolio-intro-subtitle{
    margin:-7px 0 17px!important;
    font-size:.70rem!important;
    letter-spacing:.13em!important;
  }
  body.portfolio-page #portfolio-intro-index{
    scroll-margin-top:70px;
  }
}


/* Portfolio phone — add smaller Credentials-style star ornament below the
   Transformation Experience heading and create more breathing room before the
   first Cloud Governance section. Desktop remains unchanged. */
body.portfolio-page .portfolio-core-flourish{
  display:none;
}

@media (max-width:760px){
  body.portfolio-page .portfolio-core-flourish{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    margin:12px 0 4px!important;
  }

  body.portfolio-page .portfolio-core-flourish .portfolio-core-ornament{
    display:block!important;
    width:92px!important;
    height:12px!important;
    background:#D6A84F!important;
    -webkit-mask:
      linear-gradient(#000 0 0) left center/34px 1px no-repeat,
      linear-gradient(#000 0 0) right center/34px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M13 0c1.3 7 6 11.7 13 13-7 1.3-11.7 6-13 13-1.3-7-6-11.7-13-13C7 11.7 11.7 7 13 0Z'/%3E%3C/svg%3E") center/18px 18px no-repeat!important;
            mask:
      linear-gradient(#000 0 0) left center/34px 1px no-repeat,
      linear-gradient(#000 0 0) right center/34px 1px no-repeat,
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 26'%3E%3Cpath fill='%23000' d='M13 0c1.3 7 6 11.7 13 13-7 1.3-11.7 6-13 13-1.3-7-6-11.7-13-13C7 11.7 11.7 7 13 0Z'/%3E%3C/svg%3E") center/18px 18px no-repeat!important;
  }

  body.portfolio-page .portfolio-core-heading{
    margin-bottom:30px!important;
  }

  body.portfolio-page .portfolio-core-grid{
    margin-top:0!important;
  }
}

/* Organizations Served desktop — remove the progressively larger white inset
   baked into source artwork 2–5. The card geometry and hover treatment remain
   unchanged; only the visible source image is expanded from its right edge. */
@media (min-width:761px){
  .organizations-page .org-sector-card-reference:nth-child(2) > .org-sector-card-source-artwork{
    transform:scaleX(1.012)!important;
    transform-origin:right center!important;
  }
  .organizations-page .org-sector-card-reference:nth-child(3) > .org-sector-card-source-artwork{
    transform:scaleX(1.020)!important;
    transform-origin:right center!important;
  }
  .organizations-page .org-sector-card-reference:nth-child(4) > .org-sector-card-source-artwork{
    transform:scaleX(1.026)!important;
    transform-origin:right center!important;
  }
  .organizations-page .org-sector-card-reference:nth-child(5) > .org-sector-card-source-artwork{
    transform:scaleX(1.035)!important;
    transform-origin:right center!important;
  }
}

/* Portfolio desktop — Transformation Experience directory landing.
   Keep the Portfolio Overview directory in view, as in the approved landing,
   and add balanced depth around the six-item overview so the following
   Selected Case Highlights section remains below the viewport. */
@media (min-width:761px){
  body.portfolio-page #portfolio-intro-index{
    scroll-margin-top:136px;
  }
  body.portfolio-page .portfolio-core-heading{
    margin-bottom:64px!important;
  }
  body.portfolio-page .portfolio-core-areas{
    padding-bottom:78px!important;
  }
}

/* Portfolio case-study groups — keep return navigation with each title. */
body.portfolio-page .portfolio-group-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;
  gap:24px;
  margin:0 0 18px;
  padding:0 0 10px;
  border-bottom:1px solid var(--line);
}
body.portfolio-page .portfolio-group-heading .portfolio-group-title{
  min-width:0;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body.portfolio-page .portfolio-group-heading .portfolio-back-top-heading{
  align-self:baseline;
  justify-content:flex-end!important;
  margin:0!important;
  white-space:nowrap;
  text-align:right;
}
body.portfolio-page .portfolio-group-heading .portfolio-back-top-heading a{
  margin:0!important;
  text-align:right!important;
}

@media (max-width:760px){
  body.portfolio-page .portfolio-group-heading{
    align-items:start;
    gap:12px;
    margin:0 0 22px;
    padding:17px 14px 0;
    border-top:2px solid rgba(198,148,43,.78);
    border-bottom:0;
  }
  body.portfolio-page .portfolio-group-heading .portfolio-group-title{
    font-size:1.42rem!important;
    line-height:1.22!important;
    text-align:left!important;
    text-wrap:balance;
  }
  body.portfolio-page .portfolio-group-heading .portfolio-back-top-heading{
    padding-top:4px;
  }
}

/* Experience, Expertise, and Organizations Served — unified desktop card
   interaction. The cards step clearly toward the viewer and acquire a crisp
   gold edge without changing their resting colors or any touch layout. */
@media (min-width:761px) and (hover:hover) and (pointer:fine){
  body.experience-page .horizontal-card-rail-viewport,
  body.expertise-page .horizontal-card-rail-viewport{
    padding-top:9px!important;
    padding-bottom:22px!important;
    margin-top:-9px!important;
    margin-bottom:-22px!important;
  }

  body.experience-page .horizontal-card-rail .reference-navy-card,
  body.expertise-page .horizontal-card-rail .reference-navy-card,
  body.organizations-page .org-sector-card-reference{
    position:relative!important;
    z-index:1;
    transform:translate3d(0,0,0) scale(1)!important;
    transition:
      transform .22s cubic-bezier(.2,.75,.25,1),
      border-color .22s ease,
      box-shadow .22s ease!important;
    will-change:transform;
  }

  body.experience-page .horizontal-card-rail .reference-navy-card:hover,
  body.experience-page .horizontal-card-rail .reference-navy-card:focus-visible,
  body.expertise-page .horizontal-card-rail .reference-navy-card:hover,
  body.expertise-page .horizontal-card-rail .reference-navy-card:focus-visible{
    z-index:5;
    transform:translate3d(0,-7px,0) scale(1.012)!important;
    border-color:rgba(239,179,52,.96)!important;
    box-shadow:
      0 5px 0 rgba(3,22,47,.34),
      0 21px 38px rgba(3,22,47,.34),
      inset 0 0 0 1px rgba(255,218,132,.16)!important;
  }

  body.organizations-page .org-sector-card-reference:hover,
  body.organizations-page .org-sector-card-reference:focus-visible{
    z-index:5;
    transform:translate3d(0,-7px,0) scale(1.016)!important;
    border-color:rgba(239,179,52,.96)!important;
    box-shadow:
      0 5px 0 rgba(3,22,47,.30),
      0 21px 38px rgba(3,22,47,.30),
      inset 0 0 0 1px rgba(255,218,132,.14)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.experience-page .horizontal-card-rail .reference-navy-card,
  body.expertise-page .horizontal-card-rail .reference-navy-card,
  body.organizations-page .org-sector-card-reference{
    transition:none!important;
  }
  body.experience-page .horizontal-card-rail .reference-navy-card:hover,
  body.experience-page .horizontal-card-rail .reference-navy-card:focus-visible,
  body.expertise-page .horizontal-card-rail .reference-navy-card:hover,
  body.expertise-page .horizontal-card-rail .reference-navy-card:focus-visible,
  body.organizations-page .org-sector-card-reference:hover,
  body.organizations-page .org-sector-card-reference:focus-visible{
    transform:none!important;
  }
}

/* Organizations Served desktop — seat the source artwork cleanly against the
   card edge, strengthen the dimensional hover, and treat the two discovery
   links as one compact navigation group without increasing the landing height. */
@media (min-width:761px){
  body.organizations-page .organizations-served-grid-reference{
    overflow:visible;
  }

  /* The exported composites contain two to three pale pixels above the image.
     A one-percent vertical overscan, anchored at the bottom, hides that baked-in
     strip while leaving the card size and bottom alignment unchanged. */
  body.organizations-page .org-sector-card-reference > .org-sector-card-source-artwork{
    transform:scaleY(1.01)!important;
    transform-origin:center bottom!important;
  }
  body.organizations-page .org-sector-card-reference:nth-child(2) > .org-sector-card-source-artwork{
    transform:scaleX(1.012) scaleY(1.01)!important;
    transform-origin:right bottom!important;
  }
  body.organizations-page .org-sector-card-reference:nth-child(3) > .org-sector-card-source-artwork{
    transform:scaleX(1.020) scaleY(1.01)!important;
    transform-origin:right bottom!important;
  }
  body.organizations-page .org-sector-card-reference:nth-child(4) > .org-sector-card-source-artwork{
    transform:scaleX(1.026) scaleY(1.01)!important;
    transform-origin:right bottom!important;
  }
  body.organizations-page .org-sector-card-reference:nth-child(5) > .org-sector-card-source-artwork{
    transform:scaleX(1.035) scaleY(1.01)!important;
    transform-origin:right bottom!important;
  }

  body.organizations-page .organizations-all-link-after-cards{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:7px;
    margin:14px auto 10px!important;
  }
  body.organizations-page .organizations-all-link-after-cards .all-organizations-link{
    padding:0 2px 7px;
    font-size:.84rem;
    line-height:1.2;
  }
  body.organizations-page .organizations-all-link-after-cards .geographic-reach-link{
    margin:0 auto!important;
    font-size:.76rem;
    line-height:1.2;
  }
}

@media (min-width:761px) and (hover:hover) and (pointer:fine){
  body.organizations-page .org-sector-card-reference:hover,
  body.organizations-page .org-sector-card-reference:focus-visible{
    transform:translate3d(0,-11px,0) scale(1.022)!important;
    border-color:rgba(239,179,52,1)!important;
    box-shadow:
      0 6px 0 rgba(3,22,47,.34),
      0 26px 46px rgba(3,22,47,.38),
      inset 0 0 0 1px rgba(255,222,145,.22)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.organizations-page .org-sector-card-reference:hover,
  body.organizations-page .org-sector-card-reference:focus-visible{
    transform:none!important;
  }
}

/* Experience and Expertise desktop — reserve enough vertical paint space for
   the entire lifted card and its shadow, then use the stronger forward motion
   approved for the organization cards. Negative margins preserve page height. */
@media (min-width:761px) and (hover:hover) and (pointer:fine){
  body.experience-page .horizontal-card-rail-viewport,
  body.expertise-page .horizontal-card-rail-viewport{
    padding-top:18px!important;
    padding-bottom:30px!important;
    margin-top:-18px!important;
    margin-bottom:-30px!important;
  }

  body.experience-page .horizontal-card-rail .reference-navy-card:hover,
  body.experience-page .horizontal-card-rail .reference-navy-card:focus-visible,
  body.expertise-page .horizontal-card-rail .reference-navy-card:hover,
  body.expertise-page .horizontal-card-rail .reference-navy-card:focus-visible{
    z-index:5;
    transform:translate3d(0,-11px,0) scale(1.022)!important;
    border-color:rgba(239,179,52,1)!important;
    box-shadow:
      0 6px 0 rgba(3,22,47,.36),
      0 26px 46px rgba(3,22,47,.40),
      inset 0 0 0 1px rgba(255,222,145,.22)!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.experience-page .horizontal-card-rail .reference-navy-card:hover,
  body.experience-page .horizontal-card-rail .reference-navy-card:focus-visible,
  body.expertise-page .horizontal-card-rail .reference-navy-card:hover,
  body.expertise-page .horizontal-card-rail .reference-navy-card:focus-visible{
    transform:none!important;
  }
}

/* Executive Résumés popup — the long leadership statement is supporting
   context, not a display-size page title. Keep it subordinate to the eyebrow
   and compact enough to remain on one line on a standard desktop viewport. */
.detail-modal.detail-modal--resume-selector .detail-modal__title{
  max-width:74rem;
  font-size:clamp(1.15rem,1.65vw,1.45rem)!important;
  line-height:1.2!important;
  letter-spacing:-.008em!important;
  text-wrap:balance;
}

@media (max-width:760px){
  .detail-modal.detail-modal--resume-selector .detail-modal__title{
    font-size:clamp(1rem,4.2vw,1.15rem)!important;
    line-height:1.22!important;
  }
}