/* ===== E7 layer (approved 2026-11-02): header, logo, mega menus, homepage hero. Loaded after site.css/pages.css. ===== */
:root{--amber:#D6AA78;--amber-hi:#F0C48E;--ink-0:#0B0B0A;--f-display:"DM Sans",ui-sans-serif,system-ui,sans-serif;--f-body:"DM Sans",ui-sans-serif,system-ui,sans-serif}
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:#fff;color:#000;padding:8px 12px;border-radius:8px}.skip:focus{left:12px}
/* header: dark glass bar, always */
header.top.e7-top{padding-top:10px}
header.top.e7-top > .wrap,header.top.e7-top.on-dark > .wrap{background:linear-gradient(180deg,rgba(32,30,28,.78),rgba(14,13,12,.72));-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 30px rgba(0,0,0,.25);max-width:1312px}
.e7-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.e7-mark{font:700 22px var(--f-display);letter-spacing:-.04em;color:#fff}.e7-r{color:var(--amber)}
.e7-yr{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.3);color:var(--amber);font:500 12px var(--f-display);letter-spacing:.04em}
header.e7-top nav.main{gap:4px}
header.e7-top nav.main > a.e7-nav,header.e7-top .mm-trigger,header.top.e7-top.on-dark .mm-trigger,header.top.e7-top.on-dark nav.main > a.e7-nav{font:500 15px var(--f-body);letter-spacing:0;text-transform:none;color:#fff;background:transparent;border:1px solid transparent;border-radius:999px;padding:10px 14px}
header.e7-top .mm-trigger::after{display:none}
header.e7-top nav.main > a.e7-nav:hover,header.e7-top .mm-trigger:hover,header.e7-top .mm-trigger[aria-expanded="true"],header.e7-top .is-active{color:var(--amber)!important;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.03))!important;border-color:rgba(255,255,255,.18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.28)}
.e7-cta,.e7-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;background:var(--amber);color:var(--ink-0)!important;font:700 15px var(--f-body);text-decoration:none;white-space:nowrap;transition:background .2s}
.e7-cta{margin-left:10px}.e7-cta:hover,.e7-btn:hover{background:var(--amber-hi)}
header.e7-top .mm-burger{border-color:rgba(255,255,255,.2)}header.e7-top .mm-burger span{background:#fff}
/* mega: warm smoked-amber glass, top half of the viewport on desktop */
.mm-scrim{background:rgba(6,6,5,.8)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
header.e7-top .mega{z-index:11}
header.e7-top .mega-in{max-width:1312px;min-height:min(50vh,450px);box-sizing:border-box;padding:28px;border-radius:24px;background:linear-gradient(160deg,rgba(92,82,72,.78) 0%,rgba(58,52,46,.82) 45%,rgba(44,40,36,.88) 100%);-webkit-backdrop-filter:blur(30px) saturate(170%);backdrop-filter:blur(30px) saturate(170%);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 0 0 1px rgba(214,170,120,.25),0 30px 80px rgba(0,0,0,.7),0 0 120px rgba(214,170,120,.18);color:#fff}
header.e7-top .mega-in::before{background:radial-gradient(110% 60% at 8% 0%,rgba(255,255,255,.2),transparent 55%)}
header.e7-top .mm-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.15fr);gap:28px}
header.e7-top .mm-col{display:flex;flex-direction:column}
header.e7-top .mm-h{color:var(--amber-hi);font:700 12px var(--f-body);letter-spacing:.12em;margin:0 0 6px 12px}
header.e7-top .mm-link{display:flex;align-items:center;gap:14px;padding:11px 12px;border-radius:12px;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;grid-template-columns:none}
header.e7-top .mm-link:hover{background:rgba(255,255,255,.1)}
header.e7-top .mm-link .mm-s{order:0;font:500 12px var(--f-body);color:#E8D2B6;min-width:22px}
header.e7-top .mm-link .mm-t{font:600 19px/1.2 var(--f-display);letter-spacing:-.02em}
header.e7-top .mm-arr{margin-left:auto;color:var(--amber);opacity:.8}
.mm-cover{position:relative;display:flex;align-items:center;justify-content:center;margin-top:auto;min-height:118px;border-radius:16px;overflow:hidden;background-color:var(--ink-0);background-image:radial-gradient(circle at var(--glow,50% 55%),rgba(214,170,120,.45) 0%,rgba(150,110,75,.16) 34%,rgba(11,11,10,0) 64%),radial-gradient(rgba(210,201,188,.12) 1px,transparent 1.3px);background-size:auto,6px 6px;border:1px solid rgba(255,255,255,.18)}
.mm-orb{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.55) 0%,rgba(255,236,210,.22) 22%,rgba(214,170,120,.18) 48%,rgba(214,170,120,.06) 76%);border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 2px 3px rgba(255,255,255,.45),inset 0 -6px 12px rgba(150,110,75,.35),0 12px 30px rgba(214,170,120,.25)}
.mm-orb svg{width:42%;height:42%}
header.e7-top .mm-feature{display:flex;flex-direction:column;gap:14px;padding:14px;min-height:0;border-radius:18px;background:rgba(11,11,10,.45);background-image:none;border:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none}
header.e7-top .mm-feature .mm-cover{margin-top:0;min-height:178px}.mm-feature .mm-orb{width:90px;height:90px}
header.e7-top .mm-fl{color:var(--amber-hi);font:700 12px var(--f-body);letter-spacing:.12em;text-transform:uppercase}
header.e7-top .mm-ft{font:700 26px/1.08 var(--f-display);letter-spacing:-.035em;color:#fff;max-width:none}
header.e7-top .mm-feature .e7-btn{margin-top:auto;align-self:flex-start}
.mm-logos{display:flex;gap:10px;margin-top:auto;padding-top:14px}.mm-logos .mm-logo{width:78px;height:78px}
.mm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mm-grid .mm-logo{width:100%;height:86px}
.mm-logo{display:block;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.18);filter:grayscale(1) sepia(.75) saturate(1.15) hue-rotate(-8deg) brightness(.82) contrast(1.05);transition:filter .3s}.mm-logo:hover{filter:none}
header.e7-top .mm-panel-ins.on{display:flex;flex-direction:column;gap:14px}
.mm-ins-head{display:flex;align-items:center;justify-content:space-between}
.mm-ins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mm-card{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:18px;background:rgba(11,11,10,.45);border:1px solid rgba(255,255,255,.16);text-decoration:none;color:#fff}
.mm-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:var(--ink-0)}
.mm-card .mm-fl{padding:0 6px}.mm-ct{padding:0 6px 6px;font:600 20px/1.2 var(--f-display);letter-spacing:-.025em}
.mm-card:hover{border-color:rgba(214,170,120,.5)}
/* homepage hero (E7) */
.e7-hero{position:relative;overflow:hidden;margin:-74px max(12px,env(safe-area-inset-left,0px)) 0;padding:150px 64px 40px;min-height:min(900px,100svh);box-sizing:border-box;border-radius:0 0 22px 22px;display:flex;flex-direction:column;justify-content:space-between;color:#C4BEB4;font-family:var(--f-body);background-color:var(--ink-0);background-image:radial-gradient(rgba(210,201,188,.10) 1px,transparent 1.3px);background-size:6px 6px}
.e7-glow{position:absolute;right:-40px;top:40px;width:860px;height:860px;border-radius:50%;background:radial-gradient(circle at 52% 34%,rgba(214,170,120,.48) 0%,rgba(150,110,75,.2) 34%,rgba(11,11,10,0) 64%);pointer-events:none}
.e7-portrait{position:absolute;right:70px;bottom:0;height:min(800px,88%);width:auto;max-width:none}
.e7-copy{position:relative;max-width:700px;display:flex;flex-direction:column;gap:26px;margin-top:40px}
.e7-eyebrow{margin:0;font:500 14px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}
.e7-h1{margin:0;font:700 clamp(64px,7.5vw,108px)/.9 var(--f-display);letter-spacing:-.045em;color:#8F877D;display:flex;flex-direction:column}
.e7-h1 span:nth-child(2){color:#C4BEB4}.e7-h1 span:nth-child(3){color:#fff;text-shadow:0 0 60px rgba(214,170,120,.45)}
.e7-sub{margin:0;max-width:520px;font-size:19px;line-height:1.6;color:#C4BEB4}.e7-sub strong{color:#fff;font-weight:700}
.e7-insights{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}
.e7-glass{position:relative;overflow:hidden;display:flex;align-items:center;gap:14px;padding:14px 20px;border-radius:16px;text-decoration:none;background:linear-gradient(135deg,rgba(255,255,255,.07) 0%,rgba(255,255,255,.02) 55%,rgba(214,170,120,.04) 100%);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.06),0 10px 24px rgba(0,0,0,.35);transition:transform .25s,border-color .25s}
.e7-glass:hover{transform:translateY(-2px);border-color:rgba(214,170,120,.45)}
.e7-orb{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.55) 0%,rgba(255,236,210,.22) 22%,rgba(214,170,120,.18) 48%,rgba(214,170,120,.06) 76%);border:1px solid rgba(255,255,255,.32);box-shadow:inset 0 1px 2px rgba(255,255,255,.4),inset 0 -3px 6px rgba(150,110,75,.3),0 4px 10px rgba(214,170,120,.16)}
.e7-orb svg{width:15px;height:15px}
.e7-gt{display:flex;flex-direction:column;gap:4px}.e7-gl{font:500 10px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}.e7-gh{font:500 13px/1.35 var(--f-body);color:#fff}
@media (max-width:1100px){.e7-portrait{right:0;height:70%;opacity:.9}.e7-insights{gap:16px}}
@media (max-width:900px){
  .e7-cta{display:none}
  .e7-hero{padding:120px 20px 24px;min-height:0}
  .e7-portrait{position:relative;right:auto;align-self:center;order:2;height:auto;width:min(80vw,420px);margin:24px auto -24px}
  .e7-copy{order:1;margin-top:0}.e7-insights{order:3;grid-template-columns:1fr;gap:10px;margin-top:24px}
  .e7-glow{right:-200px;top:300px}
  header.e7-top .mega-in{max-height:calc(100dvh - 90px);overflow:auto;padding:18px}
  header.e7-top .mm-panel{grid-template-columns:1fr}
  .mm-cover,.mm-logos,.mm-grid,.mm-card img{display:none}
  .mm-ins{grid-template-columns:1fr;gap:10px}
  .mm-ins-head{flex-wrap:wrap;gap:10px}
}
@media (prefers-reduced-motion:reduce){.e7-glass,.mm-logo{transition:none}}
header.e7-top nav.main > a.e7-cta,header.top.e7-top.on-dark nav.main > a.e7-cta{font:700 15px var(--f-body);letter-spacing:0;text-transform:none;color:var(--ink-0);background:var(--amber);border:0;border-radius:999px;padding:12px 20px}
header.e7-top nav.main > a.e7-cta:hover{background:var(--amber-hi);color:var(--ink-0)}
header.e7-top .mm-panel{width:100%;box-sizing:border-box}
/* ===== content templates (insight / checklist / tool review / insights hub) ===== */
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;font:500 13px var(--f-body);color:var(--stone-dim)}
.crumbs li+li::before{content:"/";margin-right:6px;opacity:.6}.crumbs a{color:var(--stone);text-decoration:none}.crumbs a:hover{color:var(--amber)}
.page-hero .dek{margin:0;max-width:62ch;font-size:19px;line-height:1.55;color:#CFC7BC}
.draft-flag{display:inline-block;margin:0;padding:6px 12px;border-radius:999px;background:var(--amber);color:var(--ink-0);font:700 12px var(--f-body);letter-spacing:.06em;text-transform:uppercase;justify-self:start}
.prose .rich{max-width:72ch}
.prose .rich h2{font-weight:600;letter-spacing:-.035em;font-size:clamp(26px,3vw,34px);line-height:1.1;margin:48px 0 16px;scroll-margin-top:110px}
.prose .rich h3{font-weight:600;letter-spacing:-.02em;font-size:21px;margin:32px 0 10px}
.prose .rich blockquote{margin:28px 0;padding:18px 22px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:18px;color:var(--ink)}
.prose .rich table{width:100%;border-collapse:collapse;font-size:15px;margin:20px 0;display:block;overflow-x:auto}
.prose .rich th,.prose .rich td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.prose .rich th{font-weight:600;background:#fff}
.prose .rich code{font:14px var(--f-mono);background:#fff;border:1px solid var(--line);border-radius:6px;padding:1px 5px}
.callout{margin:28px 0;padding:20px 22px;border-radius:16px;background:var(--ink-0);color:#D8D0C4;background-image:radial-gradient(rgba(210,201,188,.08) 1px,transparent 1.3px);background-size:6px 6px}
.callout strong{color:#fff}.callout p:last-child{margin-bottom:0}
.lede,.verdict{font-size:19px;line-height:1.6;color:var(--ink);margin:0 0 28px}
.verdict{padding:18px 20px;border-left:0;border-radius:14px;background:#fff;border:1px solid var(--line)}
.sources{margin-top:56px;padding-top:8px;border-top:1px solid var(--line)}.sources ol{font-size:15px;line-height:1.6;color:var(--muted);padding-left:20px}.sources a{color:var(--brown)}
.related{margin-top:36px;padding:20px 22px;border-radius:16px;background:#fff;border:1px solid var(--line)}.related ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.related a{color:var(--ink);font-weight:600;text-decoration:none}.related a:hover{color:var(--brown)}
.factbox{margin:0;display:grid;gap:14px}.factbox div{display:grid;gap:2px}.factbox dt{font:500 11px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brown)}.factbox dd{margin:0;font-size:15px;line-height:1.45;color:var(--ink)}.factbox a{color:var(--brown)}
.toc .factbox{margin-top:0}
/* checklist */
.cl-bar{position:sticky;top:92px;z-index:2;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 8px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line)}
.cl-count{font:600 15px var(--f-body)}.cl-track{flex:1 1 120px;height:6px;border-radius:99px;background:var(--line);overflow:hidden}.cl-track span{display:block;height:100%;width:0;background:var(--amber);transition:width .3s}
.cl-btn{font:600 14px var(--f-body);padding:8px 14px;min-height:40px;border-radius:999px;border:1px solid var(--line);background:#fff;cursor:pointer}.cl-btn:hover{border-color:var(--amber)}
.cl-list{list-style:none;margin:0;padding:0!important;display:grid;gap:8px}
.cl-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);cursor:pointer}
.cl-item input{position:absolute;opacity:0;width:1px;height:1px}
.cl-box{width:24px;height:24px;border-radius:7px;border:2px solid #B9AE9F;display:grid;place-items:center;margin-top:1px}
.cl-item input:checked + .cl-box{background:var(--amber);border-color:var(--amber)}
.cl-item input:checked + .cl-box::after{content:"";width:6px;height:11px;border:solid var(--ink-0);border-width:0 2.5px 2.5px 0;transform:rotate(45deg) translate(-1px,-1px)}
.cl-item input:focus-visible + .cl-box{outline:2px solid var(--brown);outline-offset:3px}
.cl-t{display:block;font-weight:600;font-size:17px;line-height:1.35;color:var(--ink)}.cl-why{display:block;margin-top:4px;font-size:15px;line-height:1.5;color:var(--muted)}
.cl-item:has(input:checked) .cl-t{color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(0,0,0,.25)}
/* insights hub */
.ins-lead{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;padding:16px;border-radius:20px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink);margin-bottom:24px}
.ins-lead img,.ins-ph{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;background:var(--ink-0)}
.ins-ph{background-image:radial-gradient(circle at 60% 40%,rgba(214,170,120,.4),rgba(11,11,10,0) 60%),radial-gradient(rgba(210,201,188,.12) 1px,transparent 1.3px);background-size:auto,6px 6px}
.ins-lead-t{display:grid;gap:10px}.ins-lead .cat{font:500 12px var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--brown)}.ins-lead .h{font:600 clamp(26px,3vw,38px)/1.08 var(--f-display);letter-spacing:-.035em}.ins-lead .d{color:var(--muted)}.ins-lead .more{font-weight:600;color:var(--brown)}
.ins-lead:hover{border-color:var(--amber)}
@media (max-width:900px){.ins-lead{grid-template-columns:1fr;gap:16px}.cl-bar{top:78px}}
@media print{header.top,footer,.toc,.cl-bar,.related,.mm-scrim,.mega{display:none!important}.page-hero{background:none!important;color:#000}.page-hero h1{color:#000}.page-body.has-toc{display:block}.cl-item{break-inside:avoid;border-color:#999}}

/* ===== E7 v2 (2026-11-02): full-bleed hero + transparent full-width header, per the approved E7 / M1–M3 boards ===== */
header.top.e7-top{position:fixed;top:0;left:0;right:0;z-index:20;padding:0;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background .3s,box-shadow .3s}
header.top.e7-top > .wrap,header.top.e7-top.on-dark > .wrap{max-width:none;margin:0;height:108px;padding:0 64px;flex-wrap:nowrap;background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transition:height .3s}
header.top.e7-top.is-scrolled{background:rgba(11,11,10,.78);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);box-shadow:0 1px 0 rgba(255,255,255,.07)}
header.top.e7-top.is-scrolled > .wrap{height:80px}
header.e7-top .e7-mark{font-size:24px}
header.e7-top .e7-yr{padding:4px 10px}
header.e7-top nav.main{gap:0;flex-wrap:nowrap}
header.e7-top nav.main > a.e7-nav,header.e7-top .mm-trigger,header.top.e7-top.on-dark .mm-trigger,header.top.e7-top.on-dark nav.main > a.e7-nav{display:inline-flex;align-items:center;gap:8px;font:500 16px var(--f-body);color:#fff;padding:10px 15px;white-space:nowrap}
header.e7-top nav.main > a.e7-cta,header.top.e7-top.on-dark nav.main > a.e7-cta{margin-left:15px;padding:14px 24px;font:700 16px var(--f-body)}
.mm-chev{width:10px;height:10px;flex:0 0 auto;transition:transform .3s cubic-bezier(.19,1,.22,1)}
.mm-trigger[aria-expanded="true"] .mm-chev{transform:rotate(180deg)}
/* mega panel: 64px gutters, sits just under the header like the M1–M3 boards */
header.e7-top .mega{padding:0 64px;top:calc(100% - 8px)}
header.e7-top .mega-in{max-width:none;margin:0}
/* homepage hero: full-bleed, square, behind the header */
.e7-hero{margin:0;border-radius:0}
/* Desktop hero: fills the first screen exactly and scales as one composition from the 1440×900 board.
   --u is one board pixel for the portrait/glow/strip: min(stage width / 1440, hero height / 900); the text uses
   --ut, which follows width (capped by height) so 16:9 screens don't open a wide gap. --side is the shared outer margin
   (10% of the stage) so the text's left margin matches the portrait's right margin. The stage is capped
   at 1920px and centred, so on very wide screens the extra width is just background. */
@media (min-width:901px){
  .e7-hero{--hh:max(680px,100vh);--sw:min(100vw,1920px);--u:min(calc(var(--sw) / 1440),calc(var(--hh) / 900));--ut:min(calc(var(--sw) / 1440),calc(var(--hh) / 820));--side:max(64px,calc(var(--sw) * .1),calc((var(--sw) - 1225 * var(--u)) / 2));display:block;height:var(--hh);max-height:none;min-height:0;padding:0}
  @supports (height:100svh){.e7-hero{--hh:max(680px,100svh)}}
  .e7-stage{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;max-width:1920px}
  .e7-portrait{right:var(--side);bottom:0;height:calc(800 * var(--u));opacity:1}
  .e7-glow{right:calc(var(--side) - 110 * var(--u));top:calc(var(--hh) - 860 * var(--u));width:calc(860 * var(--u));height:calc(860 * var(--u))}
  .e7-copy{position:absolute;left:var(--side);top:calc(var(--hh) * .2333);width:calc(700 * var(--ut));margin:0;gap:calc(26 * var(--ut))}
  .e7-eyebrow{font-size:max(12px,calc(14 * var(--ut)))}
  .e7-h1{font-size:calc(108 * var(--ut))}
  .e7-sub{font-size:max(16px,calc(19 * var(--ut)));max-width:max(440px,calc(520 * var(--ut)))}
  .e7-insights{position:absolute;left:64px;right:64px;bottom:calc(40 * var(--u));margin:0;gap:min(40px,calc(40 * var(--u)))}
}
@media (min-width:901px) and (max-width:1100px){.e7-insights{gap:16px}}
/* keep the header and mega panel aligned with the 1600px stage on very wide screens */
@media (min-width:1921px){
  header.top.e7-top > .wrap{padding:0 calc((100vw - 1920px) / 2 + 64px)}
  header.e7-top .mega{padding:0 calc((100vw - 1920px) / 2 + 64px)}
}
@media (max-width:900px){.e7-stage{display:contents}}
/* inner pages: dark hero panel runs full width under the header */
.page-hero.panel{margin:0;border-radius:0}
.page-hero .wrap{padding-top:168px}
/* tighter header before the burger takes over */
@media (max-width:1180px){
  header.top.e7-top > .wrap{padding:0 32px}
  header.e7-top nav.main > a.e7-nav,header.e7-top .mm-trigger{font-size:15px;padding:8px 10px}
  header.e7-top nav.main > a.e7-cta{margin-left:10px;padding:12px 18px;font-size:15px}
  header.e7-top .mega{padding:0 32px}
}
@media (max-width:1023px){
  header.e7-top nav.main > a.e7-nav,header.e7-top .mm-trigger,header.e7-top nav.main > a.e7-cta,
  header.top.e7-top.on-dark nav.main > a.e7-nav,header.top.e7-top.on-dark .mm-trigger,header.top.e7-top.on-dark nav.main > a.e7-cta{display:none}
  header.e7-top .mm-burger{display:flex}
  .mega.all .mm-panel{display:grid;grid-template-columns:1fr;margin-bottom:18px}
  .mega.all .mm-mobile-extra{display:block}
}
@media (max-width:900px){
  header.top.e7-top > .wrap{height:76px;padding:0 20px}
  header.top.e7-top.is-scrolled > .wrap{height:68px}
  header.e7-top .e7-mark{font-size:22px}
  header.e7-top .mega{padding:0 12px;top:100%}
  .e7-hero{margin:0;padding:112px 20px 24px}
  .page-hero .wrap{padding-top:120px}
}