/* WHERE TO BEGIN — stripped to square tiles at her request (Sep 2026).
   Each card keeps its category, its name and its open link; the photograph,
   the strapline and the paragraph are hidden rather than deleted, so nothing
   is lost if she wants them back. */
.hud-sec .hud-media,
.hud-sec .hud-tag,
.hud-sec .hud-d{ display:none !important; }

.hud-sec .hud-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:16px !important; }
.hud-sec .hud-box{
  aspect-ratio:1/1; min-height:0 !important; padding:24px !important;
  display:flex !important; flex-direction:column !important; justify-content:space-between !important;
  align-items:flex-start !important; text-align:left !important;
  border-radius:22px !important; overflow:hidden !important;
  background:#fff !important; border:1px solid #ECE7DD !important;
  box-shadow:0 2px 10px rgba(36,52,71,.05);
  transition:transform .16s ease, box-shadow .16s ease; }
.hud-sec .hud-box:hover{ transform:translateY(-3px); box-shadow:0 16px 32px rgba(36,52,71,.12); }
.hud-sec .hud-box:focus-visible{ outline:3px solid #CF9E3F; outline-offset:3px; }
.hud-sec .hud-body{ display:flex !important; flex-direction:column !important;
  justify-content:space-between !important; height:100% !important; width:100% !important;
  padding:0 !important; }
.hud-sec .hud-kick{ display:flex !important; align-items:center; gap:8px; }
.hud-sec .hud-cat{ font-size:.68rem !important; font-weight:800 !important; letter-spacing:.16em;
  text-transform:uppercase; }
.hud-sec .hud-t{ font-family:'Playfair Display',Georgia,serif !important;
  font-size:clamp(1.25rem,2.2vw,1.6rem) !important; font-weight:700 !important;
  margin:14px 0 0 !important; line-height:1.15;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
.hud-sec .hud-go{ margin-top:auto !important; font-size:.86rem !important; font-weight:800 !important;
  display:inline-flex !important; align-items:center; gap:7px; }
@media (max-width:900px){
  .hud-sec .hud-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:560px){
  .hud-sec .hud-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important; }
  .hud-sec .hud-box{ padding:18px !important; }
  .hud-sec .hud-t{ font-size:1.05rem !important; margin-top:10px !important; }
  .hud-sec .hud-go{ font-size:.78rem !important; }
}