/* Iron Elk — grouped service discovery (desktop mega-menu + drawer groups) and homepage stories.
   Loaded after styles.css on every page. Panel open/close state, Escape, aria-expanded and tap
   handling stay in site.js (unchanged); this file only lays out the grouped content. */

/* ---- desktop mega-menu ---- */
.svc-panel.svc-panel-grouped{width:min(980px,calc(100vw - 28px));padding:14px 14px 0;display:none;flex-direction:column;flex-wrap:nowrap}
.menu[data-open] .svc-panel.svc-panel-grouped,html:not(.js-nav) .menu:hover .svc-panel.svc-panel-grouped{display:flex}
.svc-groups{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 14px}
.svc-group{min-width:0;padding:0 2px 8px}
.svc-group-h{margin:6px 0 6px;padding:0 10px 8px;font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d);border-bottom:1px solid var(--line)}
.svc-group .svc-cell{display:grid;grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:1px;align-items:center;padding:8px 10px;white-space:normal}
.svc-group .svc-cell .nico{grid-row:1/3}
.svc-group .svc-cell>span{font-size:13.5px;line-height:1.25}
.svc-group .svc-cell .svc-desc{grid-column:2;font-size:12px;font-weight:500;line-height:1.35;color:var(--mut)}
.svc-panel-grouped .svc-foot{margin:8px -14px 0}
.svc-foot .svc-all{font-weight:800;font-size:13px;color:var(--ink);text-decoration:none;white-space:nowrap}
.svc-foot .svc-all:hover,.svc-foot .svc-all:focus-visible{color:var(--gold-d)}
@media (max-width:1180px){.svc-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ---- phone drawer groups ---- */
.drawer .dgroups{padding:0 0 4px}
.drawer .dgroups details{border-top:1px solid var(--ground)}
.drawer .dgroups summary{padding:12px 4px;font-size:14px;letter-spacing:.04em}
.drawer .dgroups summary .dsx{font-size:20px}
.drawer .dgroups .dlist a{padding-left:12px}
.drawer .dgroups .svc-desc{display:block;font-size:12.5px;font-weight:500;line-height:1.35;color:var(--mut);margin-top:2px}
.drawer .dgroups .svc-name>span:last-child{display:block;min-width:0}
.drawer .dall{display:flex;align-items:center;min-height:44px;box-sizing:border-box;padding:10px 4px;margin-top:2px;text-decoration:none;color:var(--gold-d);font-size:14px;font-weight:800;border-top:1px solid var(--ground)}

/* ---- homepage: grouped chooser + stories ---- */
.hg-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}
.hg-group{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);border-radius:2px;padding:18px 20px 16px;min-width:0}
.hg-group h3{margin:0 0 4px;font-size:17px;font-weight:800;text-transform:uppercase;letter-spacing:.02em}
.hg-group .hg-sub{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--mut)}
.hg-group ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.hg-group li a{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px;margin:0 -8px;border-radius:6px;text-decoration:none;color:var(--ink);font-weight:700;font-size:15px}
.hg-group li a:hover,.hg-group li a:focus-visible{background:var(--ground);box-shadow:inset 3px 0 0 var(--gold);color:var(--ink)}
.hg-group li a .nico{width:28px;height:28px}
.hg-all{margin:18px 0 0;font-weight:800;font-size:15.5px}
.hs-stories{display:grid;gap:clamp(26px,4vw,44px)}
.hs-story{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center;position:relative}
.hs-story figure{margin:0;position:relative;min-width:0}
.hs-story figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:2px;border-top:2px solid var(--gold);background:#1a1a1a}
.hs-story figure::after{content:"";position:absolute;right:-10px;bottom:-10px;width:56px;height:56px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);pointer-events:none}
.hs-story figcaption{margin:8px 0 0;font-size:12.5px;color:var(--mut)}
.hs-copy{min-width:0}
.hs-copy .kicker{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gold-d)}
.hs-copy .h2{margin:0 0 10px}
.hs-copy .prose{margin:0 0 12px}
.hs-links{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.hs-links a{font-weight:700;font-size:15px}
.hs-terms{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--mut)}
.hs-terms strong{color:var(--ink)}
.hs-ctas{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
@media (min-width:900px){
  .hs-story{grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:clamp(28px,4vw,56px)}
  .hs-story.hs-flip{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
  .hs-story.hs-flip figure{order:2}
  .hs-story.hs-flip figure::after{right:auto;left:-10px;border-right:0;border-left:2px solid var(--gold)}
}
@media (max-width:720px){.hs-story figure::after{display:none}}