/* (Sir, Nov 1: "make the home more liquid glass") every dark card on the home page gets the SAME deep-black liquid
   glass as the hero carousel cards Sir approved: a bright lip on the top edge, a light rim, a thin dark outline, an
   inner glow (the glass thickness), a diagonal sheen across the face, and a soft deep shadow under it. */
html body.home :is(.hpm-face, .hgrid-tile.hgrid-dark, .hwhy-card, .hhow-card, .hvisit-card--dark, .hvisit-card--split):not(#_a):not(#_b){
  background:
    linear-gradient(118deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.22) 14%, rgba(255,255,255,.06) 24%, rgba(255,255,255,0) 32%),
    linear-gradient(rgba(255,255,255,0) 86%, rgba(255,255,255,.14) 97%, rgba(255,255,255,.26) 100%),
    linear-gradient(rgba(255,255,255,.1) 0%, rgba(255,255,255,.03) 50%, rgba(255,255,255,.07) 100%),
    #0B0B0B !important;
  box-shadow:
    rgba(11,11,11,.85) 0 0 0 1.5px inset, rgba(255,255,255,.9) 0 2.5px 0 0 inset, rgba(255,255,255,.55) 2px 0 0 0 inset,
    rgba(255,255,255,.22) -1.5px 0 0 0 inset, rgba(255,255,255,.3) 0 -2px 0 0 inset, rgba(11,11,11,.14) 0 0 0 3px inset,
    rgba(255,255,255,.16) 0 0 22px 4px inset, rgba(11,11,11,.85) -2.5px 3.5px 0 -1px, rgba(11,11,11,.12) 0 2px 6px 0,
    rgba(0,0,0,.55) 0 30px 56px -22px !important;
  border:0 !important}
/* the silver repair tiles keep their brushed-silver face but get the same glass edge: lip, rim, thickness, depth */
html body.home .hgrid-tile.hgrid-light:not(#_a):not(#_b){
  box-shadow:
    rgba(11,11,11,.55) 0 0 0 1.5px inset, rgba(255,255,255,.95) 0 2.5px 0 0 inset, rgba(255,255,255,.7) 2px 0 0 0 inset,
    rgba(11,11,11,.18) -1.5px 0 0 0 inset, rgba(11,11,11,.22) 0 -2px 0 0 inset, rgba(255,255,255,.35) 0 0 22px 4px inset,
    rgba(11,11,11,.6) -2.5px 3.5px 0 -1px, rgba(0,0,0,.5) 0 30px 56px -22px !important}
