/* Additive detail only: do not override the formal surface material or geometry. */
.footer-depth-surface{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none;display:none;user-select:none}
.footer-depth-shadow{inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);border-radius:0}
@media(min-width:701px){
  html[data-footer-detail=v153][data-footer-finish=depth] .footer-depth-surface{display:block}
}

/* Remove only the gray thin-rim contribution; retain the accepted cast shadow. */
@media(min-width:701px){@supports(mask-composite:exclude){html[data-footer-detail=v153] .liquid-nav::before{background:linear-gradient(120deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.12) 34%,rgba(89,110,115,0) 55%,rgba(255,255,255,.82) 76%,rgba(255,255,255,.15) 100%)}}}

/* Desktop-only relocation. The established card and deck transitions stay intact. */
@media (min-width: 701px) {
  .deck-controls {
    /* Preserve the former fold row, including its original 4px top margin. */
    grid-template-rows: auto 40px;
  }

  .work-heading #fold {
    position: absolute;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
    margin: 0;
    min-height: 36px;
    padding: 5px 20px;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #697575;
    background: rgba(255, 255, 255, .46) none;
    box-shadow: inset 0 1px 1px #fff;
    white-space: nowrap;
    pointer-events: auto;
    /* Border, blur, radius and hover transform remain the existing .glass rules. */
  }

  html[data-fold-clear-title="true"] .work-heading #fold {
    top: -8px;
    translate: -50% -100%;
  }

}