body { font-family: 'Source Sans 3', sans-serif; }
h1,h2,h3,h4,.font-head { font-family: 'Plus Jakarta Sans', sans-serif; }
h1,h2 { letter-spacing: -0.02em; }
h3 { letter-spacing: -0.01em; }
[x-cloak] { display: none !important; }

/* glossy 3D icon effect, replicating the style (not the asset) from assets/images/sample.webp */
.icon-3d {
  position: relative;
  background: linear-gradient(155deg, #1E293B 0%, #0F172A 55%, #0B1220 100%);
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.25),
    inset 0 -8px 14px rgba(0,0,0,.35),
    0 10px 20px -6px rgba(15,23,42,.5),
    0 3px 6px rgba(15,23,42,.35);
  transition: background .25s ease, box-shadow .25s ease;
}
.icon-3d::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(140deg, rgba(255,255,255,.35), rgba(255,255,255,0) 42%);
  pointer-events: none;
}
.group:hover .icon-3d {
  background: linear-gradient(155deg, #FB923C 0%, #F97316 55%, #C2410C 100%);
  box-shadow:
    inset 0 1.5px 0 rgba(255,255,255,.35),
    inset 0 -8px 14px rgba(0,0,0,.25),
    0 10px 20px -6px rgba(234,88,12,.5),
    0 3px 6px rgba(234,88,12,.3);
}