/* JGS Media: seventh centered glass card and the three-category inner hub. */
#services .media-hub-tile{
  grid-column:2;
  justify-self:center;
  position:relative;
  isolation:isolate;
  display:block;
  width:min(100%,360px);
  height:270px;
  min-width:0;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(180,216,233,.72);
  border-top:3px solid #52b7d5;
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(218,238,248,.46));
  box-shadow:0 14px 34px rgba(20,73,98,.13),0 3px 9px rgba(25,88,117,.06),inset 0 1px 0 rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(16px) saturate(1.15);
  backdrop-filter:blur(16px) saturate(1.15);
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
  transition:transform .35s cubic-bezier(.2,.75,.25,1),border-color .3s ease,box-shadow .35s ease,background .3s ease;
}
#services .media-hub-tile img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:inherit;
  transition:transform .7s cubic-bezier(.2,.72,.2,1),filter .35s ease;
}
#services .media-hub-tile::after{
  content:"";
  position:absolute;
  z-index:2;
  top:-35%;
  bottom:-35%;
  left:-62%;
  width:43%;
  border-radius:inherit;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.04) 30%,rgba(255,255,255,.58) 50%,rgba(210,245,255,.18) 63%,transparent 100%);
  opacity:0;
  transform:translateX(-110%) skewX(-13deg);
  pointer-events:none;
  transition:transform .9s cubic-bezier(.18,.72,.2,1),opacity .25s ease;
}
#services .media-hub-tile:hover,
#services .media-hub-tile:focus-visible{
  transform:translateY(-5px);
  border-color:#51b4d2;
  box-shadow:0 22px 46px rgba(16,84,113,.22),0 5px 15px rgba(23,96,128,.12),inset 0 1px 0 rgba(255,255,255,.96),0 0 0 1px rgba(94,202,230,.18);
  outline:none;
}
#services .media-hub-tile:hover img,
#services .media-hub-tile:focus-visible img{transform:scale(1.035);filter:saturate(1.06) brightness(1.04)}
#services .media-hub-tile:hover::after,
#services .media-hub-tile:focus-visible::after{opacity:.92;transform:translateX(410%) skewX(-13deg)}
#services .media-hub-tile:focus-visible{outline:3px solid rgba(40,160,203,.55);outline-offset:4px}

#mediaHubPanel[hidden]{display:none!important}
.media-hub-panel{
  margin:30px 0 8px;
  padding:clamp(18px,3vw,30px);
  border:1px solid rgba(181,211,226,.76);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(255,255,255,.79),rgba(232,245,251,.68));
  box-shadow:0 17px 42px rgba(18,72,98,.11),inset 0 1px 0 rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(18px) saturate(1.13);
  backdrop-filter:blur(18px) saturate(1.13);
  scroll-margin-top:24px;
}
.media-hub-heading{display:flex;align-items:center;justify-content:flex-end;margin-bottom:18px}
.media-hub-close{
  display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(153,193,211,.72);border-radius:14px;
  background:rgba(255,255,255,.67);color:#28516a;font:inherit;font-size:23px;line-height:1;cursor:pointer;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.media-hub-close:hover{transform:rotate(5deg);background:#fff;border-color:#6bb7d1}
.media-hub-close:focus-visible,.media-category:focus-visible{outline:3px solid rgba(36,158,198,.45);outline-offset:3px}
.media-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.media-category{
  min-height:142px;padding:18px 14px;border:1px solid rgba(172,206,222,.73);border-top:3px solid #59b7d2;
  border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(225,241,248,.72));
  box-shadow:0 10px 25px rgba(20,74,98,.09),inset 0 1px 0 rgba(255,255,255,.88);
  color:#164767;font:800 clamp(17px,2.3vw,23px)/1.15 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  letter-spacing:.045em;text-align:center;text-transform:uppercase;cursor:pointer;
  -webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease,color .28s ease;
}
.media-category:hover,.media-category.is-selected{
  transform:translateY(-4px);border-color:#37a4c3;border-top-color:#1596b9;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(214,238,247,.86));
  box-shadow:0 16px 32px rgba(16,83,112,.16),inset 0 1px 0 rgba(255,255,255,.98),0 0 0 1px rgba(63,179,208,.12);
}
.media-category:active{transform:translateY(-1px)}
.media-category-view[hidden]{display:none!important}
.media-category-view{
  margin-top:16px;padding:22px 20px;border:1px solid rgba(180,210,224,.66);border-radius:18px;
  background:rgba(255,255,255,.56);color:#496678;text-align:center;line-height:1.55;
}
.media-category-view p{margin:0}
html[data-theme="dark"] #services .media-hub-tile{border-color:rgba(79,126,147,.7);border-top-color:#49afd0;background:linear-gradient(145deg,rgba(23,51,68,.8),rgba(13,33,47,.72));box-shadow:0 17px 39px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.11)}
html[data-theme="dark"] .media-hub-panel{border-color:rgba(81,124,144,.6);background:linear-gradient(145deg,rgba(24,50,66,.92),rgba(14,34,48,.9));box-shadow:0 18px 43px rgba(0,0,0,.29),inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme="dark"] .media-hub-close{border-color:#456477;background:rgba(29,58,74,.85);color:#e8f3f7}
html[data-theme="dark"] .media-category{border-color:#3c6073;border-top-color:#4597b2;background:linear-gradient(145deg,rgba(33,67,84,.94),rgba(19,45,61,.96));color:#e5f3f7;box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)}
html[data-theme="dark"] .media-category:hover,html[data-theme="dark"] .media-category.is-selected{border-color:#67c7da;border-top-color:#69d2e3;background:linear-gradient(145deg,#24536a,#193e54);box-shadow:0 16px 34px rgba(0,0,0,.3),0 0 18px rgba(66,186,211,.1)}
html[data-theme="dark"] .media-category-view{border-color:#3a5c6f;background:rgba(13,34,47,.68);color:#c2d5de}
@media(max-width:820px){
  #services .media-hub-tile{grid-column:1/-1;width:min(100%,360px);height:250px}
}
@media(max-width:600px){
  #services .media-hub-tile{height:clamp(190px,62vw,250px);border-radius:20px}
  .media-hub-panel{margin-top:22px;padding:16px;border-radius:19px}
  .media-category-grid{grid-template-columns:1fr;gap:11px}
  .media-category{min-height:76px;border-radius:16px;font-size:18px}
  .media-category-view{margin-top:12px;padding:17px 14px}
}
@media(prefers-reduced-motion:reduce){
  #services .media-hub-tile,#services .media-hub-tile img,#services .media-hub-tile::after,
  .media-hub-close,.media-category{transition:none!important}
}

/* Clear artwork beneath a frosted glass cover; no blur on the logo. */
#services .media-hub-tile{padding:12px;overflow:hidden;text-decoration:none}
#services .media-hub-tile img{object-fit:contain;border-radius:16px;position:relative;z-index:0}
#services .media-hub-tile::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;background:linear-gradient(140deg,rgba(255,255,255,.21),rgba(255,255,255,.025) 48%,rgba(150,214,239,.12));box-shadow:inset 0 2px 0 #ffffffbd,inset 0 -2px 8px #93c7df45}
#services .media-hub-tile.media-opening{transform:scale(1.08);filter:brightness(1.12);opacity:.25;transition:transform .34s ease,opacity .34s ease,filter .34s ease}