/* QUICK ACCESS — her six artwork CTAs, above the Habitual Range.
   The artwork already carries each title and description, so nothing is written
   over it; the card IS the image, with an aria-label doing the work for screen
   readers. Nothing is cropped — her cards are complete designs. */
#huQuickAccess{ background:#fff; padding:44px 20px 40px; font-family:'Nunito',system-ui,sans-serif; }
#huQuickAccess .qa-wrap{ max-width:1140px; margin:0 auto; }
#huQuickAccess .qa-h{ margin:0; font-family:'Playfair Display',Georgia,serif; font-weight:700;
  font-size:clamp(1.5rem,3vw,2.1rem); line-height:1.15;
  color:#243447 !important; -webkit-text-fill-color:#243447 !important; }
#huQuickAccess .qa-sub{ margin:8px auto 26px; font-size:1rem; line-height:1.6;
  color:#5A6472 !important; -webkit-text-fill-color:#5A6472 !important; }
/* Heading and tagline centred at her request. !important because a global rule
   resets descendants to text-align:start — the same trap as the Connect your apps
   block, where centring the wrapper alone was not enough. */
#huQuickAccess .qa-h,
#huQuickAccess .qa-sub{ text-align:center !important; }
#huQuickAccess .qa-sub span{ color:#8E7CC3; }
#huQuickAccess .qa-grid{
  /* all six on ONE row, at her request */
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:14px; align-items:start;
}
#huQuickAccess .qa-card{
  display:block; padding:0; border:0; background:none; cursor:pointer; width:100%;
  border-radius:22px; overflow:hidden; line-height:0;
  box-shadow:0 6px 22px rgba(36,52,71,.08);
  transition:transform .18s, box-shadow .18s;
}
#huQuickAccess .qa-card:hover{ transform:translateY(-3px); box-shadow:0 14px 34px rgba(36,52,71,.14); }
#huQuickAccess .qa-card:focus-visible{ outline:3px solid #CF9E3F; outline-offset:3px; }
/* height:auto keeps every card complete — no cropping of her designs */
#huQuickAccess .qa-card img{ width:100%; height:auto; display:block; }
@media (max-width:1200px){ #huQuickAccess .qa-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } }
@media (max-width:760px){ #huQuickAccess .qa-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px){
  #huQuickAccess{ padding:32px 16px; }
  #huQuickAccess .qa-grid{ grid-template-columns:minmax(0,1fr); gap:16px; }
}
@media (prefers-reduced-motion:reduce){ #huQuickAccess .qa-card{ transition:none !important; } }

/* Everyday Essentials removed at her request — Quick Access replaces it */
#page-home .hu-ess-sec{ display:none !important; }