/* ===== Brief 03: IR-41 v2.2 navigation styles ===== */
/* --- block 1: mn-nav-preview --- */

/* ===== New mega nav — home-page preview (scoped, namespaced .mn-) ===== */
.mega .mn-eyebrow{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:600}
.mega .mn-head{font-family:var(--font-display);font-size:1.5rem;color:var(--text);margin:.2rem 0 0;font-weight:500;line-height:1.15}
.mega .mn-head .em{font-style:italic;color:var(--accent-text)}.mega .mn-head-note{font-family:var(--font-body);font-size:.8rem;font-weight:400;color:var(--text-mid);letter-spacing:0}.mega .mn-head-note a{color:var(--accent-text);font-weight:500;text-decoration:underline;text-underline-offset:2px}.mega .mn-head-note a:hover{color:var(--accent)}
.mega .mn-glabel{display:flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--primary);margin:0}
.mega .mn-glabel::before{content:"";width:16px;height:2px;background:var(--accent);border-radius:2px;flex:none}
.mega .mn-glabel::after{content:"";flex:1;height:1px;background:var(--accent-rule)}
.mega .mn-glabel a{color:inherit;text-decoration:none}
.mega .mn-glabel a:hover{color:var(--accent-text)}
/* two-zone (services + industries) */
.mega .mn-cols,.mega .mn-ind-cols{display:grid;gap:1.4rem;margin-top:1rem;align-items:stretch}
.mega .mn-cols{grid-template-columns:320px minmax(0,1fr)}
.mega .mn-ind-cols{grid-template-columns:1fr 1fr}
.mega .mn-col{min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem}
/* service cluster cards */
.mega .mn-scards{display:grid;gap:.6rem;margin-top:.75rem}
.mega .mn-col--left .mn-scards{grid-template-columns:1fr}
.mega .mn-col--right .mn-scards{grid-template-columns:repeat(auto-fill,minmax(212px,1fr))}
.mega .mn-scard{border:1px solid var(--border);border-radius:12px;padding:.85rem .9rem .75rem;background:var(--bg-white);transition:background .18s,border-color .18s}
.mega .mn-scard:hover{background:var(--hero-navy);border-color:var(--hero-navy)}
.mega .mn-scard-h{display:block;font-family:var(--font-display);font-size:1.08rem;font-weight:500;color:var(--text);margin:0 0 .5rem;line-height:1.15}
.mega .mn-scard:hover .mn-scard-h{color:#fff}
.mega .mn-scard-cap{display:block;font-size:.62rem;letter-spacing:.06em;color:var(--text-light);margin:-.3rem 0 .5rem;text-transform:uppercase}
.mega .mn-scard:hover .mn-scard-cap{color:var(--accent-light)}
.mega .mn-scard-subs{display:flex;flex-direction:column;gap:1px}
.mega .mn-scard-sub{font-size:.8rem;color:var(--text-mid);padding:.25rem .5rem;border-radius:6px;border-left:2px solid transparent;line-height:1.3;transition:transform .14s,color .14s,background .14s,border-color .14s}
.mega .mn-scard:hover .mn-scard-sub{color:rgba(255,255,255,.66)}
.mega .mn-scard-sub:hover{color:#fff;background:rgba(255,255,255,.09);border-left-color:var(--accent-light);transform:translateX(3px)}
/* tiles (industries + desks) */
.mega .mn-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.4rem;margin-top:.75rem}
.mega .mn-ind-cols .mn-tiles{display:block;column-width:150px;column-gap:.4rem}
.mega .mn-ind-cols .mn-tile{margin-bottom:.4rem;break-inside:avoid;-webkit-column-break-inside:avoid}
.mega .mn-tile{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:48px;font-size:.82rem;color:var(--text-mid);background:var(--bg-white);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;line-height:1.22;transition:background .14s,border-color .14s,color .14s}
.mega .mn-tile .go{opacity:0;color:var(--accent);transform:translateX(-4px);transition:opacity .14s,transform .14s}
.mega .mn-tile:hover{background:var(--accent-faint);border-color:var(--accent);color:var(--accent-text)}
.mega .mn-tile:hover .go{opacity:1;transform:none}
/* desk panel */
.mega .mn-desk-panel{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:1rem 1.1rem;margin:1rem 0 0;width:fit-content;max-width:100%}
.mega .mn-desk-panel .mn-tiles{display:grid;grid-auto-flow:column;grid-template-rows:repeat(5,auto);grid-template-columns:repeat(4,152px);gap:.5rem;margin-top:0}
.mega .mn-desk-panel .mn-tile{min-height:56px}
/* foot */
.mega .mn-foot{display:flex;align-items:center;justify-content:flex-start;gap:.5rem 1.75rem;margin:1.1rem 0 1.2rem;padding-top:.9rem;border-top:1px solid var(--border);flex-wrap:wrap}
.mega .mn-strip{font-size:.8rem;color:var(--text-light)}
.mega .mn-strip a{color:var(--text-mid)}
.mega .mn-strip a:hover{color:var(--accent-text)}
.mega .mn-strip .lbl{color:var(--text);font-weight:600;margin-right:.25rem}
.mega .mn-hub{font-size:.85rem;color:var(--accent-text);font-weight:600;white-space:nowrap;letter-spacing:.02em}.mega .mn-hub:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.mega .mn-hub .go{color:var(--accent)}
@media(max-width:1180px){.mega .mn-cols{grid-template-columns:300px minmax(0,1fr)}}
@media(max-width:1080px){.mega .mn-cols,.mega .mn-ind-cols{grid-template-columns:1fr}.mega .mn-desk-panel{width:auto}.mega .mn-desk-panel .mn-tiles{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(10,auto)}}

/* --- block 2: nav-premium-v21 --- */

/* ===== IR-41 synthesized nav system (3-specialist consensus, 7 Jul 2026) =====
   Type: 4 sizes, 1.2 ratio (.72/.85/1.05/1.25rem), Cormorant=headings, Inter=functional.
   Space: 4px grid, shared 30px row, panel hugs content, container-aligned. */
.mega{border-top:1px solid var(--border);padding-top:2rem;padding-bottom:0;min-height:0}
.mega .mn-eyebrow{font:500 .72rem/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--text-light)}
.mega .mn-head{font-family:var(--font-display);font-size:1.25rem;font-weight:500;line-height:1.15;color:var(--primary);margin:.5rem 0 0}
.mega .mn-head .em{font-style:italic;color:var(--primary)}
.mega .mn-zone{border-top:1px solid var(--border);margin-top:1rem;padding-top:1.25rem}
.mega .mn-glabel{display:block;font:600 .72rem/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--primary);padding-bottom:.5rem;border-bottom:1px solid var(--accent-rule);margin:0 0 .5rem}
.mega .mn-glabel::before,.mega .mn-glabel::after{content:none}
.mega .mn-glabel a{color:inherit;text-decoration:none}
.mega .mn-glabel a:hover{color:var(--accent-text)}
.mega .mn-tiles{display:block;margin-top:.5rem}
.mega .mn-tiles--4{columns:4;column-gap:2rem;max-width:700px}
.mega .mn-tiles--2{columns:2;column-gap:2rem}
.mega .mn-tile{display:flex;align-items:baseline;justify-content:flex-start;gap:.35rem;min-height:0;background:transparent;border:0;border-radius:0;padding:.38rem 0;margin:0;font-size:.85rem;line-height:1.3;color:var(--text-mid);break-inside:avoid;transition:color .18s var(--ease)}
.mega .mn-tile:hover{background:transparent;border-color:transparent;color:var(--primary)}
.mega .mn-cols{display:grid;margin-top:0}
.mega .mn-cols--svc{grid-template-columns:320px minmax(0,1fr);gap:0 2.5rem}
.mega .mn-cols--ind{grid-template-columns:1fr 1fr;gap:0 2.5rem}
.mega .mn-col{background:transparent;border:0;border-radius:0;padding:0;min-width:0}
.mega .mn-col--right{border-left:1px solid var(--border);padding-left:2.5rem}
.mega .mn-scards{display:block;margin-top:.5rem}
.mega .mn-scards--grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 2.5rem}
.mega .mn-scard{border:0;border-radius:0;background:transparent;padding:0 0 1.25rem;break-inside:avoid}
.mega .mn-scard:hover{background:transparent;border-color:transparent}
.mega .mn-scard-h{display:block;font-family:var(--font-display);font-size:1.05rem;font-weight:500;line-height:1.2;color:var(--primary);margin:0 0 .3rem;text-decoration:none}
.mega .mn-scard-h:hover,.mega .mn-scard:hover .mn-scard-h{color:var(--accent-text)}
.mega .mn-scard-cap{display:none}
.mega .mn-scard-subs{display:flex;flex-direction:column;gap:0}
.mega a.mn-scard-sub{display:block;font-size:.85rem;line-height:1.3;color:var(--text-mid);padding:.38rem 0;border-left:1px solid transparent;text-decoration:none;transition:color .18s var(--ease),border-color .18s var(--ease),padding-left .18s var(--ease)}
.mega .mn-scard:hover a.mn-scard-sub{color:var(--text-mid)}
.mega a.mn-scard-sub:hover{color:var(--primary);border-left-color:var(--accent);padding-left:.55rem;background:transparent}
.mega .mn-foot{border-top:1px solid var(--border);margin-top:1.75rem;padding:.875rem 0 1.5rem;display:flex;justify-content:flex-start;align-items:baseline;gap:2.5rem}
.mega .mn-strip{font-size:.72rem;line-height:1.5;color:var(--text-mid)}
.mega .mn-strip .lbl{font-weight:600;color:var(--primary)}
.mega .mn-strip a{color:var(--text-mid);text-decoration:none;border-bottom:1px solid var(--border);transition:color .18s,border-color .18s}
.mega .mn-strip a:hover{color:var(--primary);border-bottom-color:var(--accent)}
.mega .mn-strip .dot{color:var(--text-light);padding:0 .1rem}
.mega .mn-hub{font:600 .85rem/1 var(--font-body);letter-spacing:.02em;color:var(--accent-text);text-decoration:none;white-space:nowrap}
.mega .mn-hub:hover{color:var(--accent)}
.mega .mn-tile .go{color:var(--accent)}
@media (max-height:820px){.mega .mn-tile{padding:.3rem 0}.mega a.mn-scard-sub{padding:.3rem 0}}

@media (max-width:1080px){.nav__links{display:none}.nav__toggle{display:block}}