/* QEI module pages */

.qm-page{background:#f2f1ed;color:#101820}
.qm-hero{position:relative;min-height:650px;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;background:#07141f;color:#f5fbfe}
.qm-hero-bg{position:absolute;inset:0;background:
radial-gradient(circle at 78% 28%,rgba(63,145,255,.20),transparent 22%),
radial-gradient(circle at 68% 74%,rgba(75,215,202,.16),transparent 28%),
linear-gradient(125deg,#07131d 0%,#071824 52%,#0c2030 100%)}
.qm-health .qm-hero-bg{background:
radial-gradient(circle at 77% 25%,rgba(75,215,202,.24),transparent 23%),
radial-gradient(circle at 69% 76%,rgba(71,155,255,.15),transparent 30%),
linear-gradient(125deg,#07151b,#0a2528)}
.qm-procurement .qm-hero-bg{background:
radial-gradient(circle at 78% 24%,rgba(139,124,255,.22),transparent 22%),
radial-gradient(circle at 69% 74%,rgba(78,163,255,.14),transparent 30%),
linear-gradient(125deg,#09131e,#171a32)}
.qm-child .qm-hero-bg{background:
radial-gradient(circle at 79% 22%,rgba(107,181,255,.22),transparent 22%),
radial-gradient(circle at 66% 78%,rgba(75,215,202,.18),transparent 30%),
linear-gradient(125deg,#07131c,#0a1e2b)}
.qm-hero-bg:after{content:"";position:absolute;inset:0;background-image:
linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
background-size:74px 74px;mask-image:linear-gradient(90deg,transparent 30%,#000 64%)}
.qm-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:86px 4vw 72px 4.8vw}
.qm-back{align-self:flex-start;margin-bottom:42px;color:#7f98a7;font-size:10px;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px}.qm-back span{width:19px;height:19px;border:1px solid rgba(127,152,167,.55);border-radius:50%;display:grid;place-items:center;font-size:12px;line-height:1;letter-spacing:0}
.qm-code,.qm-label,.qm-section-head>span{display:block;font-size:9px;line-height:1.3;letter-spacing:.25em;text-transform:uppercase;color:#6f8998;font-weight:500}
.qm-hero h1{margin:20px 0 0;font:400 clamp(60px,6vw,96px)/.88 "Newsreader",Georgia,serif;letter-spacing:-.058em}
.qm-hero h1 em{font-style:normal;display:block;background:linear-gradient(90deg,#c7f5ff,#74d2ff 45%,#7f8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.qm-health .qm-hero h1 em{background:linear-gradient(90deg,#bffcf3,#63dfd0 50%,#61b8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.qm-procurement .qm-hero h1 em{background:linear-gradient(90deg,#d5d0ff,#a99cff 52%,#74b8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.qm-child .qm-hero h1 em{background:linear-gradient(90deg,#c6f6ff,#7cddff 47%,#70a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.qm-hero h2{max-width:700px;margin:26px 0 0;font:400 28px/1.18 "Newsreader",Georgia,serif;color:#dcebf1;letter-spacing:-.025em}
.qm-hero-copy>p{max-width:680px;margin:19px 0 0;color:#94a9b5;font-size:14.5px;line-height:1.72;font-weight:300}
.qm-status{display:flex;align-items:center;gap:10px;margin-top:44px;font-size:8px;letter-spacing:.19em;color:#718694}
.qm-status i{width:7px;height:7px;border-radius:50%;background:#5ce3d8;box-shadow:0 0 18px rgba(92,227,216,.75)}
.qm-hero-signal{position:relative;z-index:1;min-height:650px;overflow:hidden}
.qm-orbit{position:absolute;left:51%;top:49%;border:1px solid rgba(178,225,247,.22);border-radius:50%;transform:translate(-50%,-50%)}
.qm-orbit.q1{width:250px;height:250px}.qm-orbit.q2{width:430px;height:230px;transform:translate(-50%,-50%) rotate(-24deg)}.qm-orbit.q3{width:500px;height:500px;border-color:rgba(178,225,247,.10)}
.qm-core{position:absolute;left:51%;top:49%;transform:translate(-50%,-50%);width:118px;height:118px;border-radius:50%;display:grid;place-items:center;font-size:20px;letter-spacing:.12em;background:radial-gradient(circle at 35% 30%,#dff9ff 0,#94ddf8 12%,#367da7 32%,#11354a 56%,#07131d 80%);border:1px solid rgba(199,240,255,.52);box-shadow:0 0 0 20px rgba(83,177,221,.04),0 0 80px rgba(70,166,215,.28)}
.qm-node{position:absolute;width:12px;height:12px;border-radius:50%;background:#0c2434;border:2px solid #83e8ff;box-shadow:0 0 20px rgba(131,232,255,.75)}
.qm-node.n1{left:22%;top:35%}.qm-node.n2{right:16%;top:51%}.qm-node.n3{left:37%;bottom:17%}

.qm-question{display:grid;grid-template-columns:.45fr 1.55fr;gap:60px;padding:78px 4.8vw;background:#e7ecee;border-bottom:1px solid rgba(20,42,58,.12)}
.qm-question>span{font-size:9px;letter-spacing:.22em;color:#71838e}
.qm-question blockquote{margin:0;max-width:980px;font:400 clamp(40px,4.4vw,66px)/1.02 "Newsreader",Georgia,serif;letter-spacing:-.045em;color:#14212b}

.qm-split{display:grid;grid-template-columns:1fr 1fr}
.qm-panel{min-height:460px;padding:68px 4.8vw}
.qm-can{background:#f4f2ed}
.qm-avoid{background:#101d27;color:#eef7fa}
.qm-panel h2{margin:20px 0 30px;font:400 44px/1 "Newsreader",Georgia,serif;letter-spacing:-.04em}
.qm-panel ol{list-style:none;margin:0;padding:0;counter-reset:qm}
.qm-panel li{counter-increment:qm;position:relative;padding:17px 0 17px 48px;border-top:1px solid rgba(21,42,57,.12);font-size:13px;line-height:1.55;color:#5c6c77}
.qm-panel li:before{content:counter(qm,decimal-leading-zero);position:absolute;left:0;color:#8aa0ad;font-size:9px;letter-spacing:.13em}
.qm-avoid .qm-label{color:#68818e}.qm-avoid li{color:#94a7b1;border-top-color:rgba(255,255,255,.10)}.qm-avoid li:before{color:#587181}

.qm-flow,.qm-guard{padding:88px 4.8vw}
.qm-flow{background:#f0efeb}
.qm-guard{background:#dfe7e9;border-top:1px solid rgba(20,42,58,.12)}
.qm-section-head{display:grid;grid-template-columns:.5fr 1.5fr;gap:48px;align-items:end;margin-bottom:48px}
.qm-section-head h2{margin:0;font:400 clamp(42px,4.6vw,70px)/.98 "Newsreader",Georgia,serif;letter-spacing:-.05em}
.qm-flow-grid,.qm-guard-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(20,42,58,.14)}
.qm-flow-grid article,.qm-guard-grid article{padding:26px 26px 24px 0;border-right:1px solid rgba(20,42,58,.12);min-height:300px}
.qm-flow-grid article+article,.qm-guard-grid article+article{padding-left:26px}
.qm-flow-grid article:last-child,.qm-guard-grid article:last-child{border-right:0}
.qm-flow-grid article>span,.qm-guard-grid article>span{font-size:9px;color:#7d8e98;letter-spacing:.14em}
.qm-glyph{height:105px;margin:22px 0 12px;position:relative;background-image:radial-gradient(circle,#7a919f 1px,transparent 1.4px);background-size:14px 14px;mask-image:linear-gradient(90deg,#000,transparent)}
.qm-flow-grid article:nth-child(2) .qm-glyph:after,.qm-flow-grid article:nth-child(3) .qm-glyph:after,.qm-flow-grid article:nth-child(4) .qm-glyph:after{content:"";position:absolute;left:18%;top:18%;width:64%;height:64%;border:1px solid #7b96a6;background:#f0efeb}
.qm-flow-grid article:nth-child(2) .qm-glyph:after{transform:skewY(-14deg);box-shadow:16px 0 0 -1px #f0efeb,16px 0 0 0 #9aabb4}
.qm-flow-grid article:nth-child(3) .qm-glyph:after{border-radius:50%;box-shadow:0 0 0 15px rgba(100,155,180,.06)}
.qm-flow-grid article:nth-child(4) .qm-glyph:after{width:52%;height:52%;left:24%;top:24%;transform:rotate(45deg)}
.qm-flow-grid h3,.qm-guard-grid h3{font:400 23px/1.08 "Newsreader",Georgia,serif;margin:14px 0 8px;letter-spacing:-.025em}
.qm-flow-grid p,.qm-guard-grid p{margin:0;color:#677781;font-size:12.5px;line-height:1.58}
.qm-guard-grid article{min-height:230px}.qm-guard-grid h3{margin-top:42px}

.qm-research{padding:80px 4.8vw;background:#0b1924;color:#eff8fb;display:grid;grid-template-columns:.55fr 1.45fr;gap:52px}
.qm-research .qm-label{grid-column:1/-1}
.qm-research h2{margin:0;font:400 clamp(40px,4.5vw,66px)/.98 "Newsreader",Georgia,serif;letter-spacing:-.048em}
.qm-research p{margin:0;color:#8fa4af;font-size:14px;line-height:1.72;align-self:end}

.qm-sources{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:76px 4.8vw;background:#ecebe6}
.qm-sources h2{margin:18px 0 0;font:400 39px/1.04 "Newsreader",Georgia,serif;letter-spacing:-.04em}
.qm-source-list{border-top:1px solid rgba(20,42,58,.14)}
.qm-source-list a{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:17px 0;border-bottom:1px solid rgba(20,42,58,.12);font-size:12px;color:#455966}
.qm-source-list b{font-weight:400;color:#6b8391}

.qm-related{padding:70px 4.8vw;background:#f5f3ee}
.qm-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.qm-related-grid a{min-height:150px;padding:20px;display:grid;grid-template-columns:1fr auto;align-content:space-between;background:#0d1c27;color:#eef8fb;transition:.2s}
.qm-related-grid a:hover{transform:translateY(-3px);background:#102838}
.qm-related-grid a>span{grid-column:1/-1;font-size:8px;letter-spacing:.18em;color:#637f90}
.qm-related-grid strong{font:400 24px/1.1 "Newsreader",Georgia,serif}
.qm-related-grid b{font-weight:400;color:#82dff6}
.qm-error{padding:120px 5vw;min-height:60vh}

@media(max-width:1050px){
  .qm-hero{grid-template-columns:1fr}.qm-hero-copy{min-height:580px}.qm-hero-signal{min-height:430px}
  .qm-question,.qm-section-head,.qm-research,.qm-sources{grid-template-columns:1fr}
  .qm-flow-grid,.qm-guard-grid{grid-template-columns:repeat(2,1fr)}
  .qm-flow-grid article:nth-child(2),.qm-guard-grid article:nth-child(2){border-right:0}
}
@media(max-width:760px){
  .qm-hero-copy{padding:72px 22px 52px}.qm-hero h1{font-size:58px}.qm-hero h2{font-size:24px}.qm-back{margin-bottom:30px}
  .qm-hero-signal{min-height:360px}.qm-orbit.q1{width:170px;height:170px}.qm-orbit.q2{width:290px;height:150px}.qm-orbit.q3{width:330px;height:330px}.qm-core{width:90px;height:90px}
  .qm-question,.qm-flow,.qm-guard,.qm-research,.qm-sources,.qm-related{padding:62px 22px}
  .qm-question{gap:22px}.qm-question blockquote{font-size:41px}
  .qm-split{grid-template-columns:1fr}.qm-panel{padding:58px 22px;min-height:auto}.qm-panel h2{font-size:38px}
  .qm-section-head{gap:20px}.qm-section-head h2{font-size:43px}
  .qm-flow-grid,.qm-guard-grid{grid-template-columns:1fr}
  .qm-flow-grid article,.qm-flow-grid article+article,.qm-guard-grid article,.qm-guard-grid article+article{padding:24px 0;border-right:0;border-bottom:1px solid rgba(20,42,58,.12);min-height:auto}
  .qm-glyph{height:90px}
  .qm-research{gap:24px}.qm-research h2{font-size:42px}
  .qm-sources{gap:30px}.qm-sources h2{font-size:36px}
  .qm-related-grid{grid-template-columns:1fr}
}

/* Homepage module links */
.q2-app-mosaic>a{position:relative;overflow:hidden;padding:24px;min-height:230px;color:#f4fbfe;display:block;transition:transform .22s ease,box-shadow .22s ease}
.q2-app-mosaic>a.wide{grid-column:1/-1}
.q2-app-mosaic>a:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(9,26,38,.16)}
.q2-app-mosaic>a span{font-size:8px;letter-spacing:.15em;color:rgba(255,255,255,.55)}
.q2-app-mosaic>a h3{font:400 34px/1 "Newsreader",Georgia,serif;letter-spacing:-.035em;margin:58px 0 10px}
.q2-app-mosaic>a p{max-width:470px;margin:0;color:rgba(255,255,255,.68);font-size:12px;line-height:1.55;padding-right:70px}
.q2-app-mosaic>a i{position:absolute;right:22px;bottom:10px;font:300 82px/1 "Newsreader",Georgia,serif;font-style:normal;color:rgba(255,255,255,.16)}
.q2-app-mosaic>a b{position:absolute;left:24px;bottom:20px;font-size:8px;letter-spacing:.14em;font-weight:500;color:rgba(255,255,255,.68)}
@media(max-width:760px){.q2-app-mosaic>a,.q2-app-mosaic>a.wide{grid-column:auto}.q2-app-mosaic>a p{padding-right:36px}}

/* Research & Development page */
.qr-page{background:#f2f1ed;color:#101820}
.qr-hero{min-height:590px;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.25fr .55fr;gap:70px;align-items:end;padding:96px 4.8vw 82px;background:linear-gradient(125deg,#07131d,#0b1f2d);color:#f2f8fb}
.qr-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:
linear-gradient(180deg,rgba(5,16,25,.06) 0%,rgba(5,16,25,.12) 46%,rgba(5,16,25,.82) 88%,#07131d 100%),
linear-gradient(90deg,rgba(5,16,25,.92) 0%,rgba(5,16,25,.72) 34%,rgba(5,16,25,.34) 60%,rgba(5,16,25,.10) 100%),
url("https://qei.si/wp-content/uploads/2026/10/research-hero-image.png");
background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:.92;pointer-events:none}
.qr-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 82% 20%,rgba(78,163,255,.16),transparent 25%);pointer-events:none}
.qr-copy,.qr-index{position:relative;z-index:1}
.qr-label{display:block;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#708998}
.qr-copy h1{margin:20px 0 0;font:400 clamp(58px,6vw,92px)/.9 "Newsreader",Georgia,serif;letter-spacing:-.058em;max-width:900px}
.qr-copy h1 em,.qr-timeline h2 em{font-style:normal;background:linear-gradient(90deg,#bff2ff,#76d2ff 46%,#7f8cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.qr-copy p{max-width:760px;margin:25px 0 0;color:#93a8b4;font-size:15px;line-height:1.72}
.qr-index{align-self:end;border-left:1px solid rgba(255,255,255,.12);padding-left:30px}
.qr-index span{display:block;font-size:10px;letter-spacing:.2em;color:#648191}.qr-index strong{display:block;font:300 84px/1 "Newsreader",Georgia,serif;color:#c8f2ff}.qr-index small{display:block;color:#8297a3;font-size:11px;max-width:160px}
.qr-principle{display:grid;grid-template-columns:.45fr 1.55fr;gap:50px;padding:72px 4.8vw;background:#e4eaec}
.qr-principle>span{font-size:9px;letter-spacing:.22em;color:#6e818d}.qr-principle blockquote{margin:0;font:400 clamp(38px,4.3vw,64px)/1.03 "Newsreader",Georgia,serif;letter-spacing:-.045em;color:#14212b}
.qr-timeline{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;padding:88px 4.8vw;background:#f1efea}
.qr-sticky{align-self:start;position:sticky;top:120px}.qr-sticky h2{margin:20px 0 18px;font:400 50px/1 "Newsreader",Georgia,serif;letter-spacing:-.048em}.qr-sticky p{color:#6a7984;font-size:13px}
.qr-news-link{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding-bottom:5px;border-bottom:1px solid rgba(53,116,148,.35);color:#365d72;font-size:10px;letter-spacing:.02em;transition:color .22s ease,border-color .22s ease}
.qr-news-link span{width:21px;height:21px;display:grid;place-items:center;border:1px solid rgba(53,116,148,.35);border-radius:50%;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.qr-news-link:hover{color:#1f789c;border-color:#4ab6dd}.qr-news-link:hover span{transform:rotate(90deg);border-color:#4ab6dd;box-shadow:0 0 16px rgba(74,182,221,.15)}
.qr-list{border-top:1px solid rgba(18,43,58,.14)}
.qr-item{display:grid;grid-template-columns:95px 135px 1fr 24px;gap:18px;align-items:start;padding:24px 0;border-bottom:1px solid rgba(18,43,58,.12);transition:.2s}
.qr-item:hover{padding-left:10px}.qr-date,.qr-type{font-size:9px;letter-spacing:.11em;color:#7d8e98}.qr-type{color:#557486}.qr-main h3{margin:0;font:400 25px/1.08 "Newsreader",Georgia,serif;letter-spacing:-.025em}.qr-main p{margin:8px 0 0;color:#657580;font-size:12px;line-height:1.58}.qr-arrow{color:#6a9ab3}
.qr-areas{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding:82px 4.8vw;background:#dfe6e8}.qr-areas h2{margin:20px 0 0;font:400 42px/1.02 "Newsreader",Georgia,serif;letter-spacing:-.045em}
.qr-area-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-area-grid a{min-height:140px;background:#0c1a25;color:#eff8fb;padding:20px;display:grid;grid-template-columns:1fr auto;align-content:space-between}.qr-area-grid span{grid-column:1/-1;font-size:8px;letter-spacing:.18em;color:#607e90}.qr-area-grid strong{font:400 22px/1.1 "Newsreader",Georgia,serif}.qr-area-grid b{font-weight:400;color:#83def5}
@media(max-width:900px){.qr-hero,.qr-principle,.qr-timeline,.qr-areas{grid-template-columns:1fr}.qr-hero:before{background-position:64% center}.qr-sticky{position:static}.qr-item{grid-template-columns:80px 1fr 20px}.qr-type{grid-column:2}.qr-main{grid-column:2}.qr-arrow{grid-column:3;grid-row:1/4}}
@media(max-width:760px){.qr-hero,.qr-principle,.qr-timeline,.qr-areas{padding:64px 22px}.qr-hero:before{background-size:auto 620px;background-position:68% top;opacity:.82;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 50%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 50%,transparent 100%)}.qr-copy h1{font-size:56px}.qr-index{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding:24px 0 0}.qr-principle blockquote{font-size:40px}.qr-sticky h2{font-size:42px}.qr-item{grid-template-columns:1fr 24px;gap:8px}.qr-date,.qr-type,.qr-main{grid-column:1}.qr-arrow{grid-column:2;grid-row:1/4}.qr-area-grid{grid-template-columns:1fr}}

/* Premium refinement — QEI */
body.qei-site{background:#eef1f2}
.qei-header{
  background:rgba(5,15,23,.88)!important;
  border-bottom:1px solid rgba(174,223,245,.14)!important;
  box-shadow:0 10px 36px rgba(0,0,0,.16);
}
.qei-portal{
  min-height:38px;
  border-radius:999px;
  gap:10px!important;
  padding:8px 13px 8px 15px!important;
  border:1px solid rgba(151,222,251,.34)!important;
  background:linear-gradient(180deg,rgba(139,214,246,.10),rgba(139,214,246,.035))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.qei-portal-icon{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:rgba(144,224,255,.09);flex:0 0 22px}
.qei-portal-icon svg{width:13px;height:13px;stroke:#bfeeff;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.qei-portal:hover .qei-portal-icon{background:rgba(8,20,29,.14)}
.qei-portal:hover .qei-portal-icon svg{stroke:#07131c}

/* Module cards: custom line icons, never emoji */
.q2-app-mosaic>a{
  min-height:285px;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  isolation:isolate;
}
.q2-app-mosaic>a:before{
  content:"";
  position:absolute;inset:0;
  background:radial-gradient(circle at 88% 16%,rgba(255,255,255,.10),transparent 24%);
  opacity:.55;pointer-events:none;z-index:-1;
}
.q2-app-mosaic>a:after{
  content:"";
  position:absolute;left:24px;right:24px;top:52px;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,0));
  pointer-events:none;
}
.q2-app-mosaic>a h3{margin:66px 0 12px;max-width:82%;font-size:36px;line-height:.98}
.q2-app-mosaic>a p{padding-right:0;max-width:82%;font-size:12.5px;line-height:1.62}
.q2-app-mosaic>a>span:first-child{position:relative;z-index:2}
.q2-app-mosaic>a i{display:none!important}
.q2-module-icon{
  position:absolute!important;right:22px;top:18px;
  width:46px;height:46px;
  display:grid!important;place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(12px);
  transition:transform .22s ease,background .22s ease,border-color .22s ease;
}
.q2-module-icon svg{width:23px;height:23px;stroke:rgba(241,251,255,.9);stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.q2-app-mosaic>a:hover .q2-module-icon{transform:translateY(-2px) rotate(2deg);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.30)}
.q2-app-mosaic>a b{
  display:flex;align-items:center;gap:9px;
  bottom:22px!important;
  font-size:8px!important;
  letter-spacing:.16em!important;
}
.q2-link-icon{
  position:static!important;
  width:19px!important;height:19px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.20);
  border-radius:50%;
  font-size:17px!important;line-height:1!important;
  letter-spacing:0!important;
  color:rgba(255,255,255,.9)!important;
  transition:transform .2s ease,background .2s ease;
}
.q2-app-mosaic>a:hover .q2-link-icon{transform:translateX(3px);background:rgba(255,255,255,.08)}

/* Richer section rhythm */
.q2-concept,.q2-apps,.q2-institute,.qr-timeline{position:relative}
.q2-concept:before,.q2-apps:before,.q2-institute:before,.qr-timeline:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;
  background-image:radial-gradient(rgba(18,50,69,.18) .7px,transparent .8px);
  background-size:18px 18px;
  mask-image:linear-gradient(90deg,transparent 0,#000 38%,transparent 100%);
}
.q2-architecture,.qm-hero,.qr-hero{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.q2-research-quote{border-left-width:2px!important;box-shadow:0 16px 45px rgba(18,43,58,.08)}
.qm-panel,.qm-research,.qm-sources,.qm-related{position:relative}
.qm-panel:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(92,210,245,.45),transparent 48%)}
.qm-source-list a,.qr-item{transition:padding-left .22s ease,color .22s ease,background .22s ease}
.qm-source-list a:hover{padding-left:8px;color:#183b50}
.qm-related-grid a,.qr-area-grid a{border:1px solid rgba(163,220,245,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.qm-related-grid a:hover,.qr-area-grid a:hover{border-color:rgba(140,220,255,.23)}

/* Election page gets a distinct civic-silver accent, not party color */
.qm-elections .qm-hero-bg{
  background:
    radial-gradient(circle at 78% 26%,rgba(128,188,224,.18),transparent 24%),
    radial-gradient(circle at 70% 76%,rgba(126,218,208,.10),transparent 28%),
    linear-gradient(125deg,#08141e,#11202b);
}
.qm-elections .qm-hero h1 em{
  background:linear-gradient(90deg,#e3f5fa,#a8dce9 48%,#94b6c7);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* Mobile polish */
@media(max-width:760px){
  .qei-header{min-height:70px;padding:0 14px!important;gap:8px!important}
  .qei-logo-crop{width:130px!important;flex-basis:130px!important}
  .qei-actions{gap:8px!important}
  .qei-language{gap:6px!important}
  .qei-portal{min-height:34px;padding:6px 9px!important;gap:7px!important}
  .qei-portal-label{font-size:9px;letter-spacing:.015em;white-space:nowrap}
  .qei-portal-icon{width:19px;height:19px;flex-basis:19px}
  .qei-portal-icon svg{width:11px;height:11px}
  .q2-app-mosaic{gap:12px!important}
  .q2-app-mosaic>a{
    min-height:310px!important;
    padding:24px 22px 66px!important;
  }
  .q2-app-mosaic>a h3{
    margin-top:72px!important;
    max-width:88%!important;
    font-size:34px!important;
    line-height:.98!important;
  }
  .q2-app-mosaic>a p{max-width:100%!important;font-size:12.5px!important;line-height:1.62!important}
  .q2-module-icon{right:20px;top:18px;width:42px;height:42px}
  .q2-module-icon svg{width:21px;height:21px}
  .q2-app-mosaic>a b{left:22px!important;bottom:22px!important}
  .q2-boundary-mark{font-size:60px!important}
  .qm-hero h1{font-size:54px!important}
  .qm-question blockquote{font-size:38px!important}
}
@media(max-width:390px){
  .qei-logo-crop{width:112px!important;flex-basis:112px!important}
  .qei-logo-crop img{width:112px!important;height:112px!important;top:-38px!important}
  .qei-portal-label{display:none}
  .qei-portal{width:34px;justify-content:center;padding:0!important}
}

/* Header / mobile navigation / overflow fixes */
.qei-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:14px!important;min-width:0}
.qei-portal{
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  line-height:1!important;
  min-height:42px!important;
  border-radius:999px!important;
  padding:7px 9px 7px 16px!important;
}
.qei-portal-label{display:block!important;white-space:nowrap!important}
.qei-portal-icon{
  width:28px!important;height:28px!important;flex:0 0 28px!important;
  display:grid!important;place-items:center!important;
}
.qei-portal-icon svg{width:16px!important;height:16px!important}

.qei-menu-toggle{
  display:none;
  width:40px;height:40px;flex:0 0 40px;
  border:1px solid rgba(151,222,251,.28);
  border-radius:50%;
  background:rgba(128,210,245,.05);
  padding:0;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  cursor:pointer;
}
.qei-menu-toggle span{display:block;width:16px;height:1px;background:#cdebf5;transition:transform .22s ease,opacity .22s ease}
.qei-menu-open .qei-menu-toggle span:first-child{transform:translateY(3px) rotate(45deg)}
.qei-menu-open .qei-menu-toggle span:last-child{transform:translateY(-3px) rotate(-45deg)}

.qei-mobile-menu{
  display:none;
  position:fixed;
  z-index:95;
  left:0;right:0;
  top:78px;
  background:rgba(6,17,26,.985);
  color:#eff8fb;
  border-bottom:1px solid rgba(170,224,247,.16);
  box-shadow:0 24px 70px rgba(0,0,0,.26);
  transform:translateY(-12px);
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease,transform .22s ease;
}
.qei-mobile-menu-inner{padding:22px 4.8vw 28px;display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.qei-mobile-menu a{
  min-height:92px;
  padding:18px 18px 16px 0;
  border-top:1px solid rgba(255,255,255,.10);
  border-right:1px solid rgba(255,255,255,.08);
  display:flex;flex-direction:column;justify-content:space-between;
  font:400 23px/1.05 "Newsreader",Georgia,serif;
}
.qei-mobile-menu a+ a{padding-left:18px}
.qei-mobile-menu a:last-child{border-right:0}
.qei-mobile-menu a span{font:500 8px/1 "IBM Plex Sans",sans-serif;letter-spacing:.16em;color:#607d8d}
.qei-menu-open .qei-mobile-menu{opacity:1;transform:none;pointer-events:auto}
.qei-menu-open{overflow:hidden}

/* CTA symbols — no emoji arrows */
.q2-btn-symbol,.q2-inline-symbol{
  width:22px;height:22px;
  display:grid!important;place-items:center!important;
  border-radius:50%;
  border:1px solid currentColor;
  font:400 15px/1 "IBM Plex Sans",sans-serif!important;
  opacity:.75;
}
.q2-btn-architecture{width:24px;height:24px;display:grid;place-items:center}
.q2-btn-architecture svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.35;stroke-linecap:round}
.q2-concept-side a,.q2-institute a{align-items:center;gap:10px}
.q2-link-icon{font-size:0!important}
.q2-link-icon:after{content:"+";font-size:13px;line-height:1;color:inherit}

/* Boundary treatment — never overflows */
.q2-boundary-mark{
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:.02em;
  overflow:hidden;
  max-width:100%;
}
.q2-boundary-mark span,.q2-boundary-mark strong{display:block;max-width:100%}
.q2-boundary-mark span{font-weight:400}
.q2-boundary-mark strong{font-weight:400;font-size:.78em;line-height:.86;letter-spacing:-.055em}
.q2-boundary-copy,.q2-boundary-copy h2,.q2-boundary-copy p{min-width:0;max-width:100%}
.q2-boundary-copy h2{overflow-wrap:anywhere;word-break:normal}
.q2-boundary-copy p{overflow-wrap:anywhere}

/* General long-title safety */
.q2-hero h1,.q2-concept-copy h2,.q2-problem h2,.q2-arch-intro h2,.q2-apps-title h2,.q2-research h2,.q2-institute h2,
.qm-hero h1,.qm-hero h2,.qm-question blockquote,.qm-section-head h2,.qm-research h2,.qm-sources h2,
.qr-copy h1,.qr-principle blockquote,.qr-sticky h2,.qr-areas h2,
.q2-app-mosaic>a h3,.qm-related-grid strong,.qr-area-grid strong{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}
.qm-page,.qr-page,.q2-hero,.q2-boundary,.q2-apps,.q2-concept,.q2-problem,.q2-architecture,.q2-research,.q2-institute{max-width:100%;overflow-x:hidden}

/* Plus signs in related/source navigation */
.qm-source-list b,.qm-related-grid b,.qr-area-grid b,.qr-arrow{
  width:22px;height:22px;border:1px solid currentColor;border-radius:50%;
  display:grid!important;place-items:center!important;
  font:400 14px/1 "IBM Plex Sans",sans-serif!important;
  opacity:.7;
}

@media(max-width:1100px){
  .qei-header{grid-template-columns:minmax(0,1fr) auto!important}
  .qei-menu-toggle{display:flex}
  .qei-mobile-menu{display:block}
  .qei-mobile-menu-inner{grid-template-columns:repeat(3,1fr)}
  .qei-mobile-menu a:nth-child(3){border-right:0}
  .qei-mobile-menu a:nth-child(n+4){border-top:1px solid rgba(255,255,255,.10)}
}
@media(max-width:780px){
  .qei-header{min-height:72px!important;padding:0 14px!important}
  .qei-mobile-menu{top:72px}
  .qei-mobile-menu-inner{grid-template-columns:1fr 1fr;padding:14px 16px 22px}
  .qei-mobile-menu a,.qei-mobile-menu a+ a{min-height:78px;padding:14px 14px 12px 0}
  .qei-mobile-menu a:nth-child(even){padding-left:14px;border-right:0}
  .qei-mobile-menu a:nth-child(3){border-right:1px solid rgba(255,255,255,.08)}
  .qei-mobile-menu a:nth-child(odd){padding-left:0}
  .qei-mobile-menu a:last-child{border-right:1px solid rgba(255,255,255,.08)}
  .qei-actions{gap:7px!important}
  .qei-language{font-size:9px!important;gap:5px!important;white-space:nowrap}
  .qei-portal{min-height:38px!important;padding:5px 7px 5px 12px!important;gap:8px!important}
  .qei-portal-label{font-size:9px!important}
  .qei-portal-icon{width:26px!important;height:26px!important;flex-basis:26px!important}
  .qei-portal-icon svg{width:15px!important;height:15px!important}
  .qei-menu-toggle{width:36px;height:36px;flex-basis:36px}

  .q2-hero h1{font-size:clamp(50px,14vw,58px)!important}
  .q2-concept-copy h2,.q2-problem h2,.q2-arch-intro h2,.q2-apps-title h2,.q2-research h2,.q2-institute h2{font-size:clamp(39px,11vw,46px)!important}
  .q2-boundary-mark{
    min-height:330px!important;
    padding:34px 22px!important;
    font-size:clamp(48px,15vw,64px)!important;
    line-height:.88!important;
    background-position:80% center!important;
    background-size:auto 100%!important;
  }
  .q2-boundary-mark strong{font-size:.72em}
  .q2-boundary-copy h2{font-size:clamp(40px,11.5vw,50px)!important;line-height:.98!important}
  .q2-boundary-copy p{font-size:13.5px!important;line-height:1.65!important}

  .qm-hero h1{font-size:clamp(44px,12vw,52px)!important;line-height:.9!important}
  .qm-hero h2{font-size:clamp(21px,6vw,25px)!important}
  .qm-question blockquote{font-size:clamp(34px,9.5vw,40px)!important}
  .qm-section-head h2,.qm-research h2{font-size:clamp(36px,10vw,43px)!important}
  .qr-copy h1{font-size:clamp(46px,13vw,56px)!important}
  .qr-principle blockquote{font-size:clamp(34px,9.5vw,40px)!important}
}
@media(max-width:430px){
  .qei-logo-crop{width:112px!important;flex-basis:112px!important}
  .qei-logo-crop img{width:112px!important;height:112px!important;top:-38px!important}
  .qei-descriptor{display:none!important}
  .qei-portal-label{display:block!important}
  .qei-portal{width:auto!important;min-width:0!important;justify-content:center!important}
}
@media(max-width:370px){
  .qei-language{display:none!important}
  .qei-logo-crop{width:105px!important;flex-basis:105px!important}
  .qei-logo-crop img{width:105px!important;height:105px!important;top:-35px!important}
  .qei-portal-label{font-size:8px!important}
  .qei-portal{padding-left:9px!important}
}

/* Contact, legal pages and utility navigation */
.qei-footer{position:relative}
.qei-footer-legal{
  grid-column:1/-1;
  display:flex;flex-wrap:wrap;gap:10px 24px;
  padding-top:22px;
  margin-top:2px;
  border-top:1px solid rgba(255,255,255,.08);
  font-size:10px;
  color:#72828d;
}
.qei-footer-legal a{transition:color .2s ease}
.qei-footer-legal a:hover{color:#bceeff}

.qei-back-top{
  position:fixed;right:24px;bottom:24px;z-index:90;
  width:48px;height:48px;border-radius:50%;
  border:1px solid rgba(142,225,255,.30);
  background:rgba(7,22,32,.82);
  backdrop-filter:blur(14px);
  display:grid;place-items:center;
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease,background .22s ease;
  cursor:pointer;
  box-shadow:0 12px 38px rgba(0,0,0,.18);
}
.qei-back-top.is-visible{opacity:1;visibility:visible;transform:none}
.qei-back-top:hover{background:#0e2b3b}
.qei-back-top svg{width:22px;height:22px;stroke:#c8f1ff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

.qc-page,.ql-page{background:#f2f1ed;color:#101820;max-width:100%;overflow-x:hidden}
.qc-label,.ql-label{
  display:block;font-size:9px;line-height:1.35;letter-spacing:.24em;
  text-transform:uppercase;color:#718896;font-weight:500;
}
.qc-hero{
  min-height:590px;display:grid;grid-template-columns:1.15fr .75fr;gap:80px;
  padding:96px 4.8vw 80px;align-items:end;color:#f4fbfe;
  background:radial-gradient(circle at 82% 20%,rgba(78,163,255,.20),transparent 24%),radial-gradient(circle at 72% 78%,rgba(75,215,202,.14),transparent 28%),linear-gradient(125deg,#06131d,#0b2030);
}
.qc-copy h1{margin:20px 0 0;max-width:900px;font:400 clamp(58px,6vw,92px)/.91 "Newsreader",Georgia,serif;letter-spacing:-.058em}
.qc-copy h1 em{font-style:normal;background:linear-gradient(90deg,#c6f5ff,#79d9ff 48%,#8193ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.qc-copy p{max-width:760px;margin:26px 0 0;color:#95aab5;font-size:15px;line-height:1.72}
.qc-signal{position:relative;height:350px;display:grid;place-items:center}
.qc-signal>span{width:116px;height:116px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(180,232,252,.35);background:radial-gradient(circle at 35% 30%,#dff9ff 0,#91ddf8 12%,#367da7 32%,#11354a 56%,#07131d 80%);box-shadow:0 0 0 20px rgba(83,177,221,.04),0 0 80px rgba(70,166,215,.24);letter-spacing:.12em}
.qc-signal i{position:absolute;border:1px solid rgba(180,232,252,.18);border-radius:50%}
.qc-signal i:nth-child(2){width:230px;height:230px}.qc-signal i:nth-child(3){width:320px;height:150px;transform:rotate(-20deg)}.qc-signal i:nth-child(4){width:150px;height:320px;transform:rotate(24deg)}

.qc-main{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding:86px 4.8vw 100px;background:#eef0ef}
.qc-aside{align-self:start;position:sticky;top:120px}
.qc-aside h2{margin:18px 0 18px;font:400 50px/1 "Newsreader",Georgia,serif;letter-spacing:-.045em}
.qc-aside>p{margin:0;max-width:460px;color:#63727d;font-size:14px;line-height:1.7}
.qc-contact-meta{margin-top:36px;border-top:1px solid rgba(19,45,61,.13)}
.qc-contact-meta>div{padding:16px 0;border-bottom:1px solid rgba(19,45,61,.12)}
.qc-contact-meta span{display:block;font-size:8px;letter-spacing:.18em;color:#788c98}
.qc-contact-meta strong{display:block;margin-top:6px;font-size:12px;line-height:1.5;font-weight:400;color:#405663}

.qc-form-wrap{background:#071722;color:#eff8fb;padding:42px;border:1px solid rgba(153,219,247,.12);box-shadow:0 22px 70px rgba(20,42,56,.12)}
.qc-message{padding:14px 16px;margin-bottom:22px;font-size:12px;line-height:1.5;border:1px solid rgba(255,255,255,.12)}
.qc-message.success{background:rgba(75,215,202,.10);color:#a7eee7;border-color:rgba(75,215,202,.24)}
.qc-message.error{background:rgba(212,103,103,.08);color:#e9b8b8;border-color:rgba(212,103,103,.22)}
.qc-form{display:grid;gap:22px}
.qc-field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.qc-form label>span{display:block;margin-bottom:8px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#7290a0}
.qc-form input[type="text"],.qc-form input[type="email"],.qc-form select,.qc-form textarea{
  width:100%;border:0;border-bottom:1px solid rgba(203,236,249,.22);border-radius:0;
  background:rgba(255,255,255,.025);color:#eff8fb;
  padding:13px 12px;font:400 14px/1.5 "IBM Plex Sans",sans-serif;outline:none;
  transition:border-color .2s ease,background .2s ease;
}
.qc-form select{appearance:auto}
.qc-form textarea{resize:vertical;min-height:170px}
.qc-form input:focus,.qc-form select:focus,.qc-form textarea:focus{border-color:#84def6;background:rgba(255,255,255,.045)}
.qc-check{display:grid!important;grid-template-columns:18px 1fr;gap:10px;align-items:start}
.qc-check input{margin-top:2px}.qc-check span{margin:0!important;text-transform:none!important;letter-spacing:0!important;font-size:11px!important;line-height:1.5;color:#7f96a2!important}
.qc-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:8px}
.qc-form-bottom>a{font-size:10px;color:#7e9aa9;border-bottom:1px solid rgba(126,154,169,.5);padding-bottom:3px}
.qc-form-bottom button{border:1px solid #8ce6fb;background:linear-gradient(90deg,#b8f1ff,#77d5f7);color:#06131c;padding:13px 15px 13px 18px;font:500 11px/1 "IBM Plex Sans",sans-serif;display:flex;align-items:center;gap:18px;cursor:pointer}
.qc-form-bottom button span{width:20px;height:20px;border:1px solid rgba(6,19,28,.25);border-radius:50%;display:grid;place-items:center;font-size:13px}
.qc-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

.ql-hero{padding:100px 4.8vw 72px;background:linear-gradient(125deg,#07141e,#0d2230);color:#f3f8fa;border-bottom:1px solid rgba(255,255,255,.08)}
.ql-hero h1{margin:20px 0 0;font:400 clamp(58px,6vw,88px)/.92 "Newsreader",Georgia,serif;letter-spacing:-.055em}
.ql-hero p{max-width:850px;margin:24px 0 0;color:#96aab5;font-size:15px;line-height:1.72}
.ql-hero small{display:block;margin-top:28px;font-size:9px;letter-spacing:.12em;color:#5f7887}
.ql-content{display:grid;grid-template-columns:.55fr 1.45fr;gap:70px;padding:84px 4.8vw 100px;background:#f0efeb}
.ql-content aside{align-self:start;position:sticky;top:120px}
.ql-content aside p{max-width:340px;color:#687781;font-size:13px;line-height:1.6}
.ql-content aside p .ql-new-line{display:block;margin-top:2px}
.ql-content aside a{display:inline-flex;align-items:center;gap:10px;margin-top:14px;font-size:11px;color:#39586a}
.ql-content aside a span{width:20px;height:20px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}
.ql-sections{border-top:1px solid rgba(19,45,61,.14)}
.ql-sections section{display:grid;grid-template-columns:.55fr 1.45fr;gap:35px;padding:27px 0;border-bottom:1px solid rgba(19,45,61,.12)}
.ql-sections h2{margin:0;font:400 25px/1.08 "Newsreader",Georgia,serif;letter-spacing:-.025em}
.ql-sections p{margin:0;color:#62727c;font-size:13.5px;line-height:1.7}

@media(max-width:1000px){
  .qc-hero,.qc-main,.ql-content{grid-template-columns:1fr}
  .qc-aside,.ql-content aside{position:static}
  .qc-signal{height:280px}
  .ql-sections section{grid-template-columns:1fr;gap:10px}
}
@media(max-width:760px){
  .qei-footer-legal{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    width:100%;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .qei-footer-legal a{
    min-height:48px;
    display:flex;
    align-items:center;
    padding:0 14px 0 0;
    border-bottom:1px solid rgba(255,255,255,.07);
  }
  .qei-footer-legal a:nth-child(even){
    padding-left:14px;
    border-left:1px solid rgba(255,255,255,.07);
  }
  .qei-back-top{right:16px;bottom:18px;width:44px;height:44px}
  .qc-hero,.qc-main,.ql-hero,.ql-content{padding-left:22px;padding-right:22px}
  .qc-hero{padding-top:72px;padding-bottom:54px;gap:28px}
  .qc-copy h1{font-size:clamp(48px,13vw,58px)}
  .qc-copy p{font-size:14px}
  .qc-signal{height:210px}
  .qc-signal>span{width:90px;height:90px}.qc-signal i:nth-child(2){width:170px;height:170px}.qc-signal i:nth-child(3){width:230px;height:110px}.qc-signal i:nth-child(4){width:110px;height:230px}
  .qc-main{padding-top:58px;padding-bottom:76px;gap:34px}
  .qc-aside h2{font-size:42px}
  .qc-form-wrap{padding:28px 20px}
  .qc-field-row{grid-template-columns:1fr}
  .qc-form-bottom{align-items:flex-start;flex-direction:column}
  .qc-form-bottom button{width:100%;justify-content:space-between}
  .ql-hero{padding-top:76px;padding-bottom:54px}.ql-hero h1{font-size:clamp(48px,13vw,58px)}
  .ql-content{padding-top:58px;padding-bottom:76px}
}

/* Premium interaction effects */
.qei-nav a,.qei-footer-links a,.qei-footer-legal a,.qm-source-list a,.q2-concept-side a,.q2-institute a,.qc-form-bottom>a,.ql-content aside a{
  position:relative;
  transition:color .22s ease,transform .22s ease,text-shadow .22s ease;
}
.qei-nav a:hover,.qei-footer-links a:hover,.qei-footer-legal a:hover,.qm-source-list a:hover,.q2-concept-side a:hover,.q2-institute a:hover,.qc-form-bottom>a:hover,.ql-content aside a:hover{
  color:#9fe9ff;
  text-shadow:0 0 18px rgba(107,210,255,.18);
}
.qei-footer-links a:after,.qei-footer-legal a:after,.q2-concept-side a:after,.q2-institute a:after,.qc-form-bottom>a:after,.ql-content aside a:after{
  content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;
  background:linear-gradient(90deg,#6bd6ff,#6ee5d6 55%,#8e8cff);
  transition:right .25s ease;
}
.qei-footer-links a:hover:after,.qei-footer-legal a:hover:after,.q2-concept-side a:hover:after,.q2-institute a:hover:after,.qc-form-bottom>a:hover:after,.ql-content aside a:hover:after{right:0}

.q2-btn,.qei-portal,.qc-form-bottom button,.qei-back-top,.qei-menu-toggle{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.q2-btn:before,.qei-portal:before,.qc-form-bottom button:before,.qei-back-top:before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.24) 46%,transparent 72%);
  transform:translateX(-130%);
  transition:transform .55s ease;
}
.q2-btn:hover:before,.qei-portal:hover:before,.qc-form-bottom button:hover:before,.qei-back-top:hover:before{transform:translateX(130%)}

.q2-btn.primary{
  box-shadow:0 12px 32px rgba(81,185,231,.14),inset 0 1px 0 rgba(255,255,255,.48);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.q2-btn.primary:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(81,185,231,.25),0 0 0 1px rgba(141,231,255,.24);
  filter:saturate(1.08);
}
.q2-btn.text:hover{color:#9fe9ff;transform:translateX(2px)}
.q2-btn-symbol,.q2-inline-symbol,.q2-link-icon,.qc-form-bottom button span,.ql-content aside a span{
  transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.q2-btn:hover .q2-btn-symbol,.q2-concept-side a:hover .q2-inline-symbol,.q2-institute a:hover .q2-inline-symbol,.q2-app-mosaic>a:hover .q2-link-icon,.qc-form-bottom button:hover span,.ql-content aside a:hover span{
  transform:rotate(90deg);
  background:rgba(127,225,255,.11);
  border-color:rgba(127,225,255,.55);
  box-shadow:0 0 20px rgba(110,220,255,.15);
}

.qei-portal{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important;
}
.qei-portal:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(68,190,236,.18),0 0 0 1px rgba(144,226,255,.13);
  border-color:rgba(151,229,255,.62)!important;
  background:linear-gradient(90deg,rgba(121,221,255,.18),rgba(116,151,255,.14))!important;
}
.qei-portal:hover .qei-portal-icon{
  transform:scale(1.08);
  box-shadow:0 0 18px rgba(116,220,255,.18);
}
.qei-portal-icon{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}

.q2-app-mosaic>a,.qm-related-grid a,.qr-area-grid a{
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,filter .24s ease;
}
.q2-app-mosaic>a:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 55px rgba(9,26,38,.20);
  border-color:rgba(166,231,255,.20);
  filter:saturate(1.07);
}
.q2-app-mosaic>a:hover:before{opacity:.82}
.qm-related-grid a:hover,.qr-area-grid a:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 36px rgba(9,26,38,.12);
  border-color:rgba(137,224,255,.30);
}
.qm-related-grid a:hover b,.qr-area-grid a:hover b,.qm-source-list a:hover b,.qr-item:hover .qr-arrow{
  color:#9fe9ff;
  border-color:#6edfff;
  box-shadow:0 0 18px rgba(110,223,255,.13);
  transform:rotate(90deg);
}
.qm-related-grid b,.qr-area-grid b,.qm-source-list b,.qr-arrow{transition:transform .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease}

.qc-form-bottom button{
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
  box-shadow:0 12px 28px rgba(89,191,229,.12);
}
.qc-form-bottom button:hover{
  transform:translateY(-2px);
  box-shadow:0 17px 38px rgba(89,191,229,.22);
  filter:saturate(1.08);
}
.qc-form input[type="text"]:hover,.qc-form input[type="email"]:hover,.qc-form select:hover,.qc-form textarea:hover{
  border-color:rgba(132,222,246,.55);
}
.qei-back-top:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(64,190,235,.20)}

@media (hover:none){
  .q2-btn:hover,.qei-portal:hover,.q2-app-mosaic>a:hover,.qm-related-grid a:hover,.qr-area-grid a:hover,.qc-form-bottom button:hover,.qei-back-top:hover{transform:none}
}

/* Keep back-to-top fully inside the viewport */
.qei-back-top{
  left:auto!important;
  right:max(22px, env(safe-area-inset-right))!important;
  bottom:max(28px, calc(env(safe-area-inset-bottom) + 18px))!important;
  width:52px!important;height:52px!important;
  z-index:9999!important;
}
@media(max-width:760px){
  .qei-back-top{
    left:auto!important;
    right:max(18px, env(safe-area-inset-right))!important;
    bottom:max(24px, calc(env(safe-area-inset-bottom) + 16px))!important;
    width:48px!important;height:48px!important;
  }
}


/* Tablet + mobile refinement pass — 2026-10-01 */

/* Header descriptor: one word per line */
.qei-descriptor{
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  gap:1px;
  max-width:none!important;
  line-height:1.05!important;
}
.qei-descriptor span{
  display:block;
  white-space:nowrap;
}

/* Secure Portal: lighter, clearer, more premium */
.qei-portal{
  color:#eefbff!important;
  background:
    linear-gradient(180deg,rgba(139,225,255,.18),rgba(89,164,205,.08))!important;
  border-color:rgba(164,231,255,.50)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 8px 24px rgba(28,112,150,.10)!important;
}
.qei-portal-icon{
  background:rgba(156,231,255,.13)!important;
  border:1px solid rgba(174,235,255,.16);
}
.qei-portal-icon svg{stroke:#d7f7ff!important}
.qei-portal:hover,
.qei-portal:focus-visible{
  color:#05131c!important;
  background:linear-gradient(90deg,#c8f5ff,#88ddff 55%,#8ab7ff)!important;
  border-color:#b8efff!important;
  box-shadow:0 14px 34px rgba(71,182,227,.25),0 0 0 1px rgba(175,236,255,.24)!important;
}
.qei-portal:hover .qei-portal-icon,
.qei-portal:focus-visible .qei-portal-icon{
  background:rgba(5,19,28,.10)!important;
  border-color:rgba(5,19,28,.12);
}
.qei-portal:hover .qei-portal-icon svg,
.qei-portal:focus-visible .qei-portal-icon svg{stroke:#06131c!important}

/* Hero CTA — visibly interactive on pointer and touch */
.q2-btn.primary{
  background:linear-gradient(105deg,#d2f8ff 0%,#9ceaff 48%,#7bcfff 100%)!important;
  border-color:rgba(188,241,255,.72)!important;
  color:#07131b!important;
  box-shadow:
    0 12px 30px rgba(83,196,239,.18),
    inset 0 1px 0 rgba(255,255,255,.75)!important;
}
.q2-btn.primary:hover,
.q2-btn.primary:focus-visible{
  transform:translateY(-3px) scale(1.015)!important;
  background:linear-gradient(105deg,#ecfdff 0%,#aaf0ff 45%,#87b8ff 100%)!important;
  box-shadow:
    0 19px 45px rgba(75,192,239,.32),
    0 0 0 1px rgba(171,236,255,.34)!important;
}
.q2-btn.primary:active{transform:translateY(-1px) scale(.995)!important}
.q2-btn.primary:hover .q2-btn-symbol,
.q2-btn.primary:focus-visible .q2-btn-symbol{
  transform:rotate(90deg) scale(1.08)!important;
  background:rgba(7,20,29,.07)!important;
  border-color:rgba(7,20,29,.28)!important;
}

/* Architecture link — stronger line and glow */
.q2-btn.text{
  position:relative;
  border-bottom:0!important;
  padding:10px 2px 9px!important;
  color:#d4e2ea!important;
}
.q2-btn.text:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(207,231,242,.48),rgba(125,221,255,.32));
  transform-origin:left;
  transition:height .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease;
}
.q2-btn.text:hover,
.q2-btn.text:focus-visible{
  color:#a6edff!important;
  text-shadow:0 0 18px rgba(112,220,255,.24);
  transform:translateX(3px)!important;
}
.q2-btn.text:hover:after,
.q2-btn.text:focus-visible:after{
  height:2px;
  background:linear-gradient(90deg,#a8efff,#6bdcff 56%,#8b91ff);
  box-shadow:0 0 16px rgba(103,217,255,.48);
}
.q2-btn.text:hover .q2-btn-architecture,
.q2-btn.text:focus-visible .q2-btn-architecture{
  transform:translateX(4px) rotate(4deg);
}
.q2-btn-architecture{
  transition:transform .22s ease,filter .22s ease;
}
.q2-btn.text:hover .q2-btn-architecture svg,
.q2-btn.text:focus-visible .q2-btn-architecture svg{
  stroke:#a8efff;
  filter:drop-shadow(0 0 5px rgba(105,221,255,.45));
}

/* Application cards */
.q2-app-mosaic>a{
  min-width:0;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
}
.q2-app-mosaic>a.c-cyan{
  background-image:
    linear-gradient(90deg,rgba(5,24,34,.96) 0%,rgba(5,24,34,.86) 34%,rgba(5,24,34,.48) 60%,rgba(5,24,34,.20) 100%),
    linear-gradient(180deg,rgba(4,18,28,.10) 0%,rgba(4,18,28,.18) 54%,rgba(4,18,28,.58) 100%),
    url("https://qei.si/wp-content/uploads/2026/10/qei-child-protect.png")!important;
  background-position:center center,center center,70% center!important;
}
.q2-app-mosaic>a.c-blue{
  background-image:
    linear-gradient(90deg,rgba(12,31,64,.96) 0%,rgba(12,31,64,.86) 34%,rgba(12,31,64,.50) 60%,rgba(12,31,64,.20) 100%),
    linear-gradient(180deg,rgba(8,20,48,.10) 0%,rgba(8,20,48,.18) 54%,rgba(8,20,48,.60) 100%),
    url("https://qei.si/wp-content/uploads/2026/10/qei-public-admin.png")!important;
  background-position:center center,center center,72% center!important;
}
.q2-app-mosaic>a.c-teal{
  background-image:
    linear-gradient(90deg,rgba(5,49,47,.96) 0%,rgba(5,49,47,.86) 34%,rgba(5,49,47,.48) 60%,rgba(5,49,47,.20) 100%),
    linear-gradient(180deg,rgba(4,31,31,.10) 0%,rgba(4,31,31,.18) 54%,rgba(4,31,31,.60) 100%),
    url("https://qei.si/wp-content/uploads/2026/10/qei-healtcare.png")!important;
  background-position:center center,center center,70% center!important;
}
.q2-app-mosaic>a.c-violet{
  background-image:
    linear-gradient(90deg,rgba(42,30,74,.96) 0%,rgba(42,30,74,.86) 34%,rgba(42,30,74,.48) 60%,rgba(42,30,74,.20) 100%),
    linear-gradient(180deg,rgba(31,24,58,.10) 0%,rgba(31,24,58,.18) 54%,rgba(31,24,58,.60) 100%),
    url("https://qei.si/wp-content/uploads/2026/10/qei-public-procurement.png")!important;
  background-position:center center,center center,72% center!important;
}
.q2-app-mosaic>a.c-dark{
  background-image:
    linear-gradient(90deg,rgba(7,23,34,.96) 0%,rgba(7,23,34,.86) 34%,rgba(7,23,34,.48) 60%,rgba(7,23,34,.20) 100%),
    linear-gradient(180deg,rgba(4,15,24,.10) 0%,rgba(4,15,24,.18) 54%,rgba(4,15,24,.62) 100%),
    url("https://qei.si/wp-content/uploads/2026/10/qei-elections.png")!important;
  background-position:center center,center center,70% center!important;
}
.q2-app-mosaic>a h3,
.q2-app-mosaic>a p,
.q2-app-mosaic>a>span:first-child{position:relative;z-index:2}
.q2-app-mosaic>a b,
.q2-app-mosaic>a .q2-module-icon{z-index:2}
.q2-app-mosaic>a.c-violet,
.q2-app-mosaic>a.c-dark{
  grid-column:auto!important;
}
.q2-app-mosaic>a.c-violet,
.q2-app-mosaic>a.c-dark{
  grid-column:auto!important;
}
@media(min-width:781px) and (max-width:1180px){
  .q2-app-mosaic>a.c-cyan{background-position:center center,center center,76% center!important}
  .q2-app-mosaic>a.c-blue{background-position:center center,center center,78% center!important}
  .q2-app-mosaic>a.c-teal{background-position:center center,center center,76% center!important}
  .q2-app-mosaic>a.c-violet{background-position:center center,center center,78% center!important}
  .q2-app-mosaic>a.c-dark{background-position:center center,center center,76% center!important}
}
@media(max-width:780px){
  .q2-app-mosaic>a{
    min-height:390px!important;
    background-size:cover!important;
  }
  .q2-app-mosaic>a.c-cyan{background-position:center center,center center,82% center!important}
  .q2-app-mosaic>a.c-blue{background-position:center center,center center,84% center!important}
  .q2-app-mosaic>a.c-teal{background-position:center center,center center,82% center!important}
  .q2-app-mosaic>a.c-violet{background-position:center center,center center,84% center!important}
  .q2-app-mosaic>a.c-dark{background-position:center center,center center,82% center!important}
  .q2-app-mosaic>a h3{max-width:88%!important;text-shadow:0 2px 14px rgba(0,0,0,.35)}
  .q2-app-mosaic>a p{max-width:88%!important;text-shadow:0 1px 12px rgba(0,0,0,.40)}
}

/* Boundary statement centered */
.q2-boundary-mark{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
.q2-boundary-mark span,
.q2-boundary-mark strong{
  width:100%;
  text-align:center;
}

/* Research block balance */
.q2-research-top h2{max-width:760px}
.q2-research-top p{max-width:520px}

/* Footer identity */
.qei-footer-brand-premium{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0;
}
.qei-footer-logo{
  position:relative;
  display:block;
  width:154px;
  height:54px;
  flex:0 0 154px;
  overflow:hidden;
}
.qei-footer-logo img{
  position:absolute;
  width:154px;
  height:154px;
  max-width:none;
  left:0;
  top:-50px;
  object-fit:cover;
}
.qei-footer-descriptor{
  display:flex;
  flex-direction:column;
  gap:2px;
  color:#91a6b2;
  font-size:9px;
  line-height:1.15;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.qei-footer-descriptor span{display:block;white-space:nowrap}

/* Tablet layout */
@media(min-width:781px) and (max-width:1180px){
  .qei-header{
    grid-template-columns:minmax(300px,1fr) auto!important;
    padding-left:3vw!important;
    padding-right:3vw!important;
  }
  .qei-brand-image{gap:14px!important}
  .qei-logo-crop{width:150px!important;flex-basis:150px!important}
  .qei-logo-crop img{width:150px!important;height:150px!important;top:-51px!important}
  .qei-descriptor{font-size:8px!important;letter-spacing:.14em!important}

  .q2-actions{
    gap:28px!important;
  }
  .q2-btn.primary{
    min-width:240px;
  }
  .q2-btn.text{
    min-width:225px;
    justify-content:space-between;
  }

  .q2-app-mosaic{
    grid-template-columns:1fr 1fr!important;
    align-items:stretch;
  }
  .q2-app-mosaic>a{
    min-height:300px!important;
  }
  .q2-app-mosaic>a.wide{
    grid-column:1/-1!important;
  }
  .q2-app-mosaic>a.c-violet,
  .q2-app-mosaic>a.c-dark{
    grid-column:auto!important;
  }

  .q2-boundary{
    grid-template-columns:1fr 1fr!important;
  }
  .q2-boundary-mark{
    padding:50px 32px!important;
    font-size:clamp(56px,7.2vw,82px)!important;
    background-position:76% center!important;
  }
  .q2-boundary-mark strong{font-size:.68em!important}
  .q2-boundary-copy{
    padding:68px 5vw!important;
  }

  .q2-research-top{
    grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr)!important;
    gap:44px!important;
  }
  .q2-research-top .q2-kicker{grid-column:1/-1}
  .q2-research-top h2{
    font-size:clamp(48px,5.8vw,68px)!important;
  }
  .q2-research-top p{
    align-self:end;
  }

  .qei-footer{
    grid-template-columns:minmax(280px,.8fr) minmax(300px,1.2fr)!important;
    gap:36px 48px!important;
  }
  .qei-footer-brand{grid-column:1}
  .qei-footer>p{grid-column:2}
  .qei-footer-links{
    grid-column:1/-1;
    justify-content:flex-start!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:42px!important;
    white-space:nowrap;
    padding-top:8px;
  }
  .qei-footer-links a{white-space:nowrap}
  .qei-footer-legal{
    grid-column:1/-1!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start;
    gap:34px!important;
    white-space:nowrap;
  }
  .qei-footer-legal a{
    white-space:nowrap;
    min-height:auto!important;
    padding:0!important;
    border-left:0!important;
    border-bottom:0!important;
  }
  .qei-footer-bottom{grid-column:1/-1}
}

/* Mobile polish */
@media(max-width:780px){
  .q2-btn.primary{
    min-width:min(100%,270px);
  }
  .q2-btn.text{
    min-width:min(100%,220px);
  }
  .q2-app-mosaic>a.c-violet,
  .q2-app-mosaic>a.c-dark{
    grid-column:auto!important;
  }
  .q2-boundary-mark{
    text-align:center!important;
    align-items:center!important;
  }
  .q2-boundary-mark span,
  .q2-boundary-mark strong{text-align:center!important}

  .qei-footer-brand-premium{
    align-items:center!important;
  }
  .qei-footer-logo{
    width:128px;height:48px;flex-basis:128px;
  }
  .qei-footer-logo img{
    width:128px;height:128px;top:-40px;
  }
  .qei-footer-descriptor{
    font-size:7px;
    letter-spacing:.15em;
  }
}

/* Touch feedback for tablet/mobile */
@media(hover:none){
  .q2-btn.primary:active{
    background:linear-gradient(105deg,#ecfdff 0%,#aaf0ff 45%,#87b8ff 100%)!important;
    box-shadow:0 14px 34px rgba(75,192,239,.28)!important;
  }
  .q2-btn.text:active{
    color:#a6edff!important;
    text-shadow:0 0 16px rgba(112,220,255,.22);
  }
  .q2-btn.text:active:after{
    height:2px;
    background:linear-gradient(90deg,#a8efff,#6bdcff 56%,#8b91ff);
    box-shadow:0 0 14px rgba(103,217,255,.40);
  }
}


/* Header/footer alignment + back-to-top correction */
.qei-brand-image{
  overflow:visible!important;
}
.qei-descriptor{
  width:88px!important;
  flex:0 0 88px!important;
  max-width:88px!important;
  min-width:88px!important;
  overflow:visible!important;
  font-size:6.4px!important;
  letter-spacing:.12em!important;
  line-height:1.18!important;
}
.qei-descriptor span{
  width:100%;
  overflow:visible!important;
  white-space:nowrap!important;
}

.qei-footer-brand-premium{
  display:grid!important;
  grid-template-columns:154px 92px!important;
  align-items:center!important;
  justify-content:start!important;
  column-gap:16px!important;
}
.qei-footer-logo{
  align-self:center!important;
}
.qei-footer-descriptor{
  width:92px!important;
  min-height:54px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-self:center!important;
  gap:2px!important;
  padding:0!important;
  margin:0!important;
  transform:translateY(1px);
  line-height:1.15!important;
}
.qei-footer-descriptor span{
  display:block!important;
  white-space:nowrap!important;
}

.qei-back-top{
  position:fixed!important;
  left:auto!important;
  right:22px!important;
  inset-inline-start:auto!important;
  inset-inline-end:22px!important;
  bottom:28px!important;
  margin:0!important;
  transform:none;
  z-index:2147483000!important;
}
.qei-back-top.is-visible{
  left:auto!important;
  right:22px!important;
  inset-inline-start:auto!important;
  inset-inline-end:22px!important;
  transform:none!important;
}

@media(min-width:781px) and (max-width:1180px){
  .qei-brand-image{
    min-width:250px!important;
  }
  .qei-logo-crop{
    width:146px!important;
    flex-basis:146px!important;
  }
  .qei-logo-crop img{
    width:146px!important;
    height:146px!important;
    top:-49px!important;
  }
  .qei-descriptor{
    width:82px!important;
    min-width:82px!important;
    flex-basis:82px!important;
    max-width:82px!important;
    font-size:6.1px!important;
    letter-spacing:.11em!important;
  }
  .qei-footer-brand-premium{
    grid-template-columns:150px 92px!important;
  }
  .qei-footer-logo{
    width:150px!important;
    flex-basis:150px!important;
  }
  .qei-footer-logo img{
    width:150px!important;
    height:150px!important;
    top:-48px!important;
  }
  .qei-footer-descriptor{
    min-height:54px!important;
    transform:none!important;
  }
  .qei-back-top,
  .qei-back-top.is-visible{
    right:24px!important;
    inset-inline-end:24px!important;
    bottom:28px!important;
  }
}

@media(max-width:780px){
  .qei-brand-image{
    gap:9px!important;
    min-width:0!important;
  }
  .qei-logo-crop{
    width:122px!important;
    flex-basis:122px!important;
  }
  .qei-logo-crop img{
    width:122px!important;
    height:122px!important;
    top:-41px!important;
  }
  .qei-descriptor{
    display:flex!important;
    width:67px!important;
    min-width:67px!important;
    flex-basis:67px!important;
    max-width:67px!important;
    font-size:5.4px!important;
    letter-spacing:.09em!important;
    line-height:1.17!important;
  }
  .qei-footer-brand-premium{
    grid-template-columns:128px 84px!important;
    column-gap:14px!important;
  }
  .qei-footer-descriptor{
    width:84px!important;
    min-height:48px!important;
    font-size:6.6px!important;
    letter-spacing:.13em!important;
    transform:none!important;
  }
  .qei-back-top,
  .qei-back-top.is-visible{
    left:auto!important;
    right:18px!important;
    inset-inline-start:auto!important;
    inset-inline-end:18px!important;
    bottom:24px!important;
    width:48px!important;
    height:48px!important;
  }
}

@media(max-width:430px){
  .qei-descriptor{
    display:none!important;
  }
  .qei-footer-brand-premium{
    grid-template-columns:128px 84px!important;
  }
}


/* QEI News Bridge */
.qn-home{
  padding:98px 4.8vw 104px;
  background:
    radial-gradient(circle at 88% 5%,rgba(78,163,255,.12),transparent 25%),
    linear-gradient(180deg,#091722 0%,#07121c 100%);
  color:#edf8fb;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.qn-home-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.62fr);
  gap:68px;
  align-items:end;
  margin-bottom:48px;
}
.qn-home-head h2{
  margin:20px 0 0;
  font:400 clamp(48px,5vw,76px)/.95 "Newsreader",Georgia,serif;
  letter-spacing:-.052em;
}
.qn-home-head h2 em{
  font-style:normal;
  background:linear-gradient(90deg,#baf4ff 0%,#7ad7ff 42%,#7891ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.qn-home-intro p{
  margin:0;
  color:#8fa5b1;
  font-size:14px;
  line-height:1.68;
}
.qn-all-link{
  display:inline-flex;
  align-items:center;
  gap:14px;
  margin-top:22px;
  padding-bottom:5px;
  border-bottom:1px solid rgba(153,216,239,.42);
  color:#d7e8ef;
  font-size:11px;
  transition:color .22s ease,border-color .22s ease;
}
.qn-all-link span{
  width:22px;height:22px;
  display:grid;place-items:center;
  border:1px solid rgba(142,232,255,.35);
  border-radius:50%;
  transition:transform .22s ease,box-shadow .22s ease;
}
.qn-all-link:hover{color:#9fe9ff;border-color:#8ee8ff}
.qn-all-link:hover span{transform:rotate(90deg);box-shadow:0 0 18px rgba(110,223,255,.18)}

.qn-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.qn-card{
  min-width:0;
  border:1px solid rgba(182,224,242,.14);
  background:rgba(11,29,42,.78);
  overflow:hidden;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.qn-card:hover{
  transform:translateY(-5px);
  border-color:rgba(142,232,255,.35);
  background:rgba(13,34,49,.94);
  box-shadow:0 24px 58px rgba(0,0,0,.24),0 0 0 1px rgba(118,214,255,.05);
}
.qn-card-link{display:flex;flex-direction:column;height:100%}
.qn-media{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#0c1f2d;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.qn-media:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 48%,rgba(4,13,20,.25));
  pointer-events:none;
}
.qn-media img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s ease,filter .3s ease;
}
.qn-card:hover .qn-media img{transform:scale(1.025);filter:saturate(1.05)}
.qn-placeholder{
  position:absolute;inset:0;
  display:grid;place-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 68% 30%,rgba(78,163,255,.22),transparent 24%),
    radial-gradient(circle at 35% 70%,rgba(75,215,202,.16),transparent 28%),
    #0a1a27;
}
.qn-placeholder:before{
  content:"";
  position:absolute;inset:0;
  background-image:radial-gradient(circle,rgba(177,231,252,.23) 1px,transparent 1.5px);
  background-size:22px 22px;
  mask-image:radial-gradient(circle,#000,transparent 70%);
}
.qn-placeholder span{
  position:relative;z-index:2;
  width:86px;height:86px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(178,232,253,.42);
  font-size:17px;letter-spacing:.14em;color:#dcf7ff;
  box-shadow:0 0 50px rgba(71,175,223,.18);
}
.qn-placeholder i{
  position:absolute;
  width:11px;height:11px;border-radius:50%;
  border:1px solid #8ee8ff;
  box-shadow:0 0 18px rgba(142,232,255,.45);
}
.qn-placeholder i:nth-of-type(1){left:20%;top:28%}
.qn-placeholder i:nth-of-type(2){right:17%;top:52%}
.qn-placeholder i:nth-of-type(3){left:36%;bottom:14%}
.qn-card-body{
  display:flex;flex-direction:column;
  flex:1;
  padding:24px 24px 22px;
}
.qn-meta{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  color:#6f8998;
  font-size:8px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.qn-meta span{color:#81dff7}
.qn-card h3{
  margin:24px 0 12px;
  font:400 clamp(25px,2.25vw,34px)/1.03 "Newsreader",Georgia,serif;
  letter-spacing:-.035em;
  color:#f1f8fa;
  overflow-wrap:anywhere;
}
.qn-card p{
  margin:0 0 26px;
  color:#8ca0ab;
  font-size:12.5px;
  line-height:1.62;
}
.qn-card-cta{
  margin-top:auto;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#c4d7df;
  font-size:10px;
  letter-spacing:.03em;
}
.qn-card-cta b{
  width:26px;height:26px;
  display:grid;place-items:center;
  border:1px solid rgba(142,232,255,.28);
  border-radius:50%;
  font-size:13px;font-weight:400;
  transition:transform .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease;
}
.qn-card:hover .qn-card-cta b{
  transform:rotate(90deg);
  color:#9fe9ff;
  border-color:#74ddfb;
  box-shadow:0 0 18px rgba(110,223,255,.14);
}
.qn-empty{
  padding:34px;
  border:1px solid rgba(142,232,255,.18);
  color:#91a7b3;
  background:rgba(7,20,30,.45);
}

/* News archive */
.qn-page{
  background:#07121c;
  color:#f2f9fb;
}
.qn-hero{
  position:relative;
  min-height:500px;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.55fr);
  align-items:center;
  gap:50px;
  padding:82px 4.8vw 76px;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 25%,rgba(78,163,255,.20),transparent 25%),
    radial-gradient(circle at 62% 90%,rgba(75,215,202,.13),transparent 25%),
    linear-gradient(120deg,#07121c,#0a1c29);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.qn-hero:after{
  content:"";
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,transparent 15%,#000 70%);
  pointer-events:none;
}
.qn-hero-copy{position:relative;z-index:2}
.qn-label{
  display:block;
  color:#7895a5;
  font-size:9px;
  line-height:1.3;
  letter-spacing:.26em;
  text-transform:uppercase;
}
.qn-hero h1{
  margin:22px 0 20px;
  font:400 clamp(62px,7vw,104px)/.9 "Newsreader",Georgia,serif;
  letter-spacing:-.06em;
}
.qn-hero h1 em{
  font-style:normal;
  background:linear-gradient(90deg,#baf4ff,#76d8ff 48%,#778eff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.qn-hero-copy p{
  max-width:650px;margin:0;
  color:#a6b8c2;
  font-size:16px;line-height:1.7;font-weight:300;
}
.qn-hero-signal{
  position:relative;z-index:2;
  width:min(360px,100%);aspect-ratio:1;
  justify-self:end;
  display:grid;place-items:center;
}
.qn-hero-signal:before,.qn-hero-signal:after{
  content:"";
  position:absolute;
  border:1px solid rgba(142,232,255,.22);
  border-radius:50%;
}
.qn-hero-signal:before{inset:13%}
.qn-hero-signal:after{inset:27%;box-shadow:0 0 55px rgba(78,163,255,.08) inset}
.qn-hero-signal span{
  width:110px;height:110px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(196,240,255,.52);
  background:radial-gradient(circle at 35% 30%,#dbf8ff 0,#8dddf8 12%,#27698e 34%,#0b293c 62%,#07121c 80%);
  box-shadow:0 0 70px rgba(78,163,255,.24);
  font-size:20px;letter-spacing:.14em;
}
.qn-hero-signal i{
  position:absolute;width:12px;height:12px;border-radius:50%;
  border:1px solid #8ee8ff;
  background:#0c2332;
  box-shadow:0 0 20px rgba(142,232,255,.5);
}
.qn-hero-signal i:nth-of-type(1){left:11%;top:35%}
.qn-hero-signal i:nth-of-type(2){right:6%;top:51%}
.qn-hero-signal i:nth-of-type(3){left:38%;bottom:4%}
.qn-index{
  padding:92px 4.8vw 110px;
  background:#f0f1ed;
  color:#101a23;
}
.qn-index-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr);
  gap:70px;
  align-items:end;
  margin-bottom:48px;
}
.qn-index-head h2{
  margin:19px 0 0;
  font:400 clamp(48px,5vw,74px)/.96 "Newsreader",Georgia,serif;
  letter-spacing:-.052em;
}
.qn-index-head p{
  margin:0;
  max-width:520px;
  justify-self:end;
  color:#62727d;
  font-size:14px;
  line-height:1.68;
}
.qn-index .qn-card{
  background:#f7f7f3;
  border-color:rgba(20,46,62,.14);
}
.qn-index .qn-card:hover{
  background:#fff;
  border-color:rgba(47,150,195,.30);
  box-shadow:0 24px 55px rgba(15,38,52,.13);
}
.qn-index .qn-media{background:#0c1f2d}
.qn-index .qn-card-body{color:#0f1922}
.qn-index .qn-meta{color:#71818c}
.qn-index .qn-meta span{color:#277f9c}
.qn-index .qn-card h3{color:#12202b}
.qn-index .qn-card p{color:#687883}
.qn-index .qn-card-cta{color:#344c5b;border-top-color:rgba(20,46,62,.12)}
.qn-index .qn-card-cta b{border-color:rgba(37,138,178,.28)}
.qn-grid-home{grid-template-columns:repeat(4,minmax(0,1fr))}
.qn-grid-archive{grid-template-columns:repeat(3,minmax(0,1fr))}

@media(min-width:1101px) and (max-width:1420px){
  .qei-nav{gap:18px!important}
  .qei-nav a{font-size:10px!important}
  .qei-header{gap:22px!important;padding-left:3.2vw!important;padding-right:3.2vw!important}
}

@media(max-width:1279px){
  .qn-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .qn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qn-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qn-home-head,.qn-index-head{grid-template-columns:1fr;gap:24px}
  .qn-index-head p{justify-self:start}
  .qn-hero{grid-template-columns:1fr;min-height:auto}
  .qn-hero-signal{justify-self:center;width:min(300px,80vw)}
}

/* Accessibility + navigation state */
.qei-skip-link{
  position:fixed;
  left:18px;
  top:14px;
  z-index:2147483647;
  padding:10px 14px;
  border:1px solid rgba(159,233,255,.55);
  border-radius:8px;
  background:#06131d;
  color:#eafaff;
  font-size:12px;
  line-height:1;
  transform:translateY(-180%);
  transition:transform .18s ease;
}
.qei-skip-link:focus{
  transform:none;
}
.qei-site a:focus-visible,
.qei-site button:focus-visible,
.qei-site input:focus-visible,
.qei-site textarea:focus-visible,
.qei-site select:focus-visible{
  outline:2px solid #88e5ff;
  outline-offset:3px;
}
.qei-nav a[aria-current="page"]{
  color:#c8f4ff;
}
.qei-nav a[aria-current="page"]:after{
  transform:scaleX(1);
  opacity:1;
}
.qei-mobile-menu a[aria-current="page"]{
  background:rgba(105,211,246,.07);
  color:#c9f2ff;
}
@media (prefers-reduced-motion:reduce){
  .qei-site *,
  .qei-site *:before,
  .qei-site *:after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}


@media(max-width:780px){
  .qn-home{padding:70px 22px 76px}
  .qn-home-head h2{font-size:46px}
  .qn-grid,.qn-grid-home{grid-template-columns:1fr}
  .qn-card h3{font-size:30px}
  .qn-hero{padding:64px 22px 58px;gap:30px}
  .qn-hero h1{font-size:58px}
  .qn-hero-copy p{font-size:14.5px}
  .qn-hero-signal{width:min(250px,76vw)}
  .qn-index{padding:70px 22px 82px}
  .qn-index-head h2{font-size:46px}
  .qn-card-body{padding:21px 20px 20px}
  .qn-meta{align-items:flex-start;flex-direction:column;gap:7px}
}