/* Glass is confined to the card surface; covers and text keep full opacity. */
#work-grid.work-deck .card-open,
#work-grid.work-deck .card-open:hover{
  background:linear-gradient(145deg,#ffffff12,transparent 65%),#1b1e26c7;
  border-color:#ffffff24;
  box-shadow:0 10px 24px #00000038,inset 0 1px 0 #ffffff13;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
#work-grid.work-deck .is-selected .card-open{
  background:linear-gradient(145deg,#ffffff1c,transparent 68%),#1b1e269e;
  border-color:#ffffff45;
  box-shadow:0 16px 28px #00000045,inset 0 1px 0 #ffffff24;
}
#work-grid.work-deck .card-open:focus-visible{outline:2px solid #eeefed;outline-offset:4px}
#work-grid.work-deck .card-info h3{color:#f6f4ee}
#work-grid.work-deck .card-info p{color:#c3c4cb}
#work-grid.work-deck .card-roles span{color:#d4d5db;background:#ffffff08;border-color:#ffffff14}
#work-grid.work-deck .card-arrow{color:#dadbe0;background:#ffffff05;border-color:#ffffff20}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  #work-grid.work-deck .is-selected .card-open{
    background:linear-gradient(145deg,#ffffff22,transparent 68%),#1b1e2666;
    -webkit-backdrop-filter:blur(10px) saturate(108%);
    backdrop-filter:blur(10px) saturate(108%);
  }
}
@media(max-width:767px){
  #work-grid.work-deck .card-open,
  #work-grid.work-deck .card-open:hover{box-shadow:0 7px 17px #00000030,inset 0 1px 0 #ffffff10}
  #work-grid.work-deck .is-selected .card-open{box-shadow:0 11px 22px #00000040,inset 0 1px 0 #ffffff22}
  @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    #work-grid.work-deck .is-selected .card-open{-webkit-backdrop-filter:blur(7px) saturate(106%);backdrop-filter:blur(7px) saturate(106%)}
  }
}