/* 22 zenithmeet.com — Quiet Axis. Page-scoped under .qa
   The axis is an alignment, not a drawn rule: --qa-axis is the single column
   position every section aligns to. */
:root{
  --qa-white:#FFFFFF; --qa-lilac:#EEEDF3; --qa-ink:#242736; --qa-violet:#666184;
  --qa-silver:#CDCBD7; --qa-axis:58%;
  /* Encode Sans and Hind are not installed on the build host. */
  --qa-head:"Encode Sans","Noto Sans",system-ui,sans-serif;
  --qa-body:Hind,"Segoe UI",Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
.qa{margin:0;background:var(--qa-white);color:var(--qa-ink);font-family:var(--qa-body);
  font-size:17px;line-height:1.7;-webkit-text-size-adjust:100%}
.qa h1,.qa h2,.qa h3{font-family:var(--qa-head);margin:0;line-height:1.06;font-weight:700;
  letter-spacing:-.02em}
.qa p{margin:0 0 1em}
.qa a{color:var(--qa-violet)}
.qa :focus-visible{outline:3px solid var(--qa-ink);outline-offset:3px}
.qa .qa-skip{position:absolute;left:-9999px;background:var(--qa-ink);color:#fff;padding:14px}
.qa .qa-skip:focus{left:0;top:0;z-index:30}

.qa-top{display:grid;grid-template-columns:var(--qa-axis) 1fr;align-items:center;
  gap:16px;max-width:1400px;margin:0 auto;padding:16px clamp(16px,4vw,56px)}
.qa-top img{width:120px;height:47px;object-fit:contain;background:#000;padding:4px 8px}
.qa-top nav{display:flex;flex-wrap:wrap}
.qa-top nav a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;
  text-decoration:none;font-weight:600;font-size:15px;color:var(--qa-ink)}
.qa-top nav a:hover{color:var(--qa-violet);text-decoration:underline}

/* the axis ---------------------------------------------------------------- */
.qa-axis{display:grid;grid-template-columns:var(--qa-axis) 1fr;
  gap:0 clamp(20px,3vw,44px);max-width:1400px;margin:0 auto;
  padding:clamp(30px,6vw,110px) clamp(16px,4vw,56px) clamp(20px,4vw,60px)}
.qa-left h1{font-size:clamp(38px,6.4vw,92px);max-width:14ch}
.qa-right{padding-top:10px}
.qa-ename{font-family:var(--qa-head);font-size:13px;letter-spacing:.16em;
  text-transform:uppercase;font-weight:700;color:var(--qa-violet)}
.qa-dates{font-size:21px;font-weight:700;margin-bottom:1em}
.qa-venue{font-size:16px;margin-bottom:1.2em}
.qa-modes{font-size:18px;line-height:1.9;margin-bottom:1.4em}
.qa .qa-btn{display:inline-flex;align-items:center;min-height:54px;padding:0 30px;
  background:var(--qa-ink);color:#fff;text-decoration:none;font-family:var(--qa-head);
  font-weight:700}
.qa .qa-btn:hover{background:#15172a}
.qa-quiet{font-weight:700}
.qa-crossing{grid-column:1/-1;margin:clamp(30px,6vw,100px) 0 0}
.qa-crossing img{width:100%;height:190px;object-fit:cover;object-position:50% 42%;
  display:block}
.qa-crossing figcaption{font-size:14px;padding-top:10px;max-width:78ch;color:#4a4d60}

/* deliberate shifts in density --------------------------------------------- */
.qa-purpose{max-width:1400px;margin:0 auto;padding:clamp(34px,6vw,96px) clamp(16px,4vw,56px)}
.qa-purpose h2{font-size:clamp(24px,3vw,42px);max-width:26ch;margin-bottom:.7em}
.qa-purposebody{max-width:62ch;margin-left:var(--qa-axis);font-size:18px}

.qa-programme,.qa-speakers,.qa-roster,.qa-attend,.qa-venue,.qa-faq{
  max-width:1400px;margin:0 auto;padding:clamp(30px,5vw,84px) clamp(16px,4vw,56px)}
.qa-programme h2,.qa-speakers h2,.qa-roster h2,.qa-attend h2,.qa-venue h2,.qa-faq h2{
  font-size:clamp(24px,3vw,40px);margin-bottom:.7em}
.qa-wide{max-width:74ch}
.qa-day{display:grid;grid-template-columns:210px 1fr;gap:clamp(16px,3vw,48px);
  padding:24px 0;border-top:1px solid var(--qa-silver)}
.qa-daydate{font-family:var(--qa-head);font-weight:700;font-size:16px;margin:0}
.qa-daymain h3{font-size:clamp(20px,2.2vw,28px);margin-bottom:.4em}
.qa-daymeta{font-size:15px;color:#4a4d60}
.qa-daylist{margin:0;padding-left:22px;columns:2;column-gap:clamp(24px,4vw,56px)}
.qa-daylist li{margin-bottom:5px;font-size:15px;break-inside:avoid}
.qa-link{font-weight:700;margin-top:20px}

.qa-speakers{background:var(--qa-lilac);max-width:none}
.qa-speakers>*{max-width:1400px;margin-left:auto;margin-right:auto}
.qa-selgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px}
.qa-sel{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;
  background:var(--qa-white);padding:18px}
.qa-sel img{display:block;width:128px;height:auto;object-fit:cover}
.qa-init{display:grid;place-items:center;width:128px;height:128px;background:var(--qa-ink);
  color:#fff;font-family:var(--qa-head);font-size:38px;font-weight:700}
.qa-sel h3{font-size:20px;margin-bottom:.3em}
.qa-sel p{margin:0 0 .3em;font-size:15px}
.qa-selorg{font-weight:700}
.qa-seltrack{font-size:13px!important;text-transform:uppercase;letter-spacing:.07em;
  color:var(--qa-violet)}

.qa-roster ol.qa-roster{padding:0}
ol.qa-roster{margin:20px 0;padding-left:26px;columns:2;column-gap:clamp(26px,4vw,64px)}
ol.qa-roster li{margin-bottom:8px;font-size:15px;break-inside:avoid}

.qa-attend{background:var(--qa-ink);color:#fff;max-width:none}
.qa-attend h2{color:#fff}
.qa-attend a{color:#b9b5d6}
.qa-attend>*{max-width:1400px;margin-left:auto;margin-right:auto}
.qa-spec{margin:0;border-top:1px solid #414459}
.qa-spec>div{display:grid;grid-template-columns:210px 1fr;gap:clamp(16px,3vw,48px);
  padding:20px 0;border-bottom:1px solid #414459}
.qa-spec dt{font-family:var(--qa-head);font-weight:700;font-size:18px}
.qa-spec dd{margin:0;max-width:76ch}

.qa-dl{margin:0;max-width:80ch}
.qa-dl>div{display:grid;grid-template-columns:210px 1fr;gap:clamp(16px,3vw,48px);
  padding:12px 0;border-bottom:1px solid var(--qa-silver)}
.qa-dl dt{font-family:var(--qa-head);font-weight:700;font-size:14px;text-transform:uppercase;
  letter-spacing:.06em;color:var(--qa-violet)}
.qa-dl dd{margin:0}
.qa-orgh{font-size:clamp(19px,2.1vw,26px);margin:40px 0 .6em}
.qa-logos{list-style:none;margin:18px 0 0;padding:0;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:10px}
.qa-logos li{display:flex;align-items:center;gap:12px;background:var(--qa-lilac);padding:13px;
  min-height:72px}
.qa-logos img{width:46px;height:auto;object-fit:contain}
.qa-logos span{font-size:13px;font-weight:700}

.qa-faq{background:var(--qa-lilac);max-width:none}
.qa-faq>*{max-width:1400px;margin-left:auto;margin-right:auto}
.qa-faqgrid{display:grid;grid-template-columns:var(--qa-axis) 1fr;
  gap:clamp(20px,3vw,48px);align-items:start}
.qa-faq details{border-top:1px solid var(--qa-silver)}
.qa-faq summary{cursor:pointer;padding:15px 0;font-family:var(--qa-head);font-weight:700;
  min-height:44px;display:flex;align-items:center}
.qa-faq details p,.qa-faq details ul{margin:0 0 14px;max-width:70ch}
.qa-legal{background:var(--qa-white);padding:24px}
.qa-legal h3{font-size:14px;text-transform:uppercase;letter-spacing:.09em;
  color:var(--qa-violet);margin-bottom:.9em}
.qa-legal p{margin:0 0 .35em;font-size:15px}
.qa-links{list-style:none;margin:14px 0 0;padding:0}
.qa-links li{padding:3px 0}
.qa-links a{display:inline-flex;min-height:34px;align-items:center}
.qa-foot{background:var(--qa-ink);color:#c9c7d6;font-size:14px;
  padding:20px clamp(16px,4vw,56px)}
.qa-foot a{color:#b9b5d6}
.qa-foot p{margin:0}

@media (max-width:1000px){
  /* mobile: the axis moves to the left third and becomes a heading indent */
  :root{--qa-axis:1fr}
  .qa-top,.qa-axis,.qa-faqgrid{grid-template-columns:1fr}
  .qa-purposebody{margin-left:0}
  .qa-left h1{font-size:clamp(34px,9vw,46px)}
  .qa-day,.qa-spec>div,.qa-dl>div{grid-template-columns:1fr;gap:6px}
  .qa-daylist,ol.qa-roster{columns:1}
  .qa-sel{grid-template-columns:1fr}
  .qa-crossing{margin-top:26px}
}
@media (prefers-reduced-motion:reduce){.qa *{transition:none!important;animation:none!important}}