/* ==========================================================================
   QSD — LEGACY OVERRIDE LAYERS
   The 27 stacked <style> patches from the v1 monolith, concatenated in their
   ORIGINAL ORDER. The cascade depends on this order — do not reorder.
   Each block keeps its original id as a header comment.
   TECH DEBT: these should be folded back into core.css over time.
   ========================================================================== */


/* ══════════════════════════════════════════════════════════════════════
   LAYER 01 — qsd-v3-about-logo-overrides
   ══════════════════════════════════════════════════════════════════════ */
/* ===== V3 ABOUT US + NAV LOGO REFINEMENT ===== */
#page-about{
  background:
    radial-gradient(circle at 12% 8%, rgba(226,184,74,.08), transparent 30%),
    radial-gradient(circle at 88% 16%, rgba(100,234,246,.06), transparent 26%),
    linear-gradient(180deg, rgba(7,21,48,.98), rgba(5,16,37,1)) !important;
}
#page-about .page-inner{
  max-width: 1420px !important;
  padding: 28px 26px 34px !important;
}
#page-about .about-grid{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 24px !important;
}
/* Top story block */
#page-about .about-grid > div:first-child{
  display:block !important;
  position:relative !important;
  width:100% !important;
  padding: 38px 42px 34px !important;
  border-radius: 30px !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
    linear-gradient(145deg, rgba(11,26,55,.98), rgba(7,18,40,.99)) !important;
  border:1px solid rgba(226,184,74,.22) !important;
  border-top:3px solid rgba(226,184,74,.78) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06) !important;
}
#page-about .about-grid > div:first-child::before{
  content:''; position:absolute; inset:0 0 auto 0; height:120px;
  background:linear-gradient(180deg, rgba(226,184,74,.10), rgba(226,184,74,0));
}
#page-about .about-grid > div:first-child::after{
  content:''; position:absolute; right:40px; top:28px; width:190px; height:190px; border-radius:50%;
  background:radial-gradient(circle, rgba(100,234,246,.14), rgba(100,234,246,0) 70%);
  filter:blur(6px);
}
#page-about .about-grid > div:first-child .slbl,
#page-about .about-grid > div:first-child .stitle,
#page-about .about-grid > div:first-child p,
#page-about .about-grid > div:first-child .fquote{position:relative; z-index:1;}
#page-about .about-grid > div:first-child .stitle{max-width:980px !important;}
#page-about .about-grid > div:first-child p{max-width:1100px !important;}
#page-about .fquote{
  margin-top:20px !important;
  padding:22px 24px 18px !important;
  border-radius:22px !important;
  background:linear-gradient(145deg, rgba(19,36,68,.95), rgba(10,22,45,.98)) !important;
  border:1px solid rgba(226,184,74,.20) !important;
  border-left: 2px solid rgba(100,234,246,.56) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.20) !important;
}
#page-about .fquote p{color:var(--pearl) !important; font-size:15px !important; line-height:1.84 !important; margin:0 0 8px !important;}
#page-about .fquote cite{color:var(--gold2) !important; letter-spacing:.08em !important;}

/* Bottom section shell */
#page-about .about-grid > div:last-child{
  position:relative !important;
  width:100% !important;
  padding: 30px 28px 28px !important;
  border-radius: 30px !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012)),
    linear-gradient(145deg, rgba(10,24,52,.98), rgba(7,18,40,.99)) !important;
  border:1px solid rgba(226,184,74,.20) !important;
  border-top:3px solid rgba(100,234,246,.54) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#page-about .about-grid > div:last-child::before{
  content:''; position:absolute; inset:0 0 auto 0; height:96px;
  background:linear-gradient(180deg, rgba(100,234,246,.08), rgba(100,234,246,0));
}
#page-about .about-grid > div:last-child > *{position:relative; z-index:1;}
#page-about .about-grid > div:last-child .slbl{margin-bottom:18px !important;}

/* Founders cards */
#page-about .founders-profiles{
  display:grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
  margin-top: 4px !important;
}
#page-about .founder-card{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-height: 100% !important;
  text-align:center !important;
  padding: 24px 20px 22px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(252,248,241,.995), rgba(245,238,223,.99)) !important;
  border:1px solid rgba(226,184,74,.30) !important;
  border-top:3px solid rgba(226,184,74,.82) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.75) !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
}
#page-about .founder-card::before{
  content:''; position:absolute; inset:0 0 auto 0; height:84px;
  background:linear-gradient(180deg, rgba(100,234,246,.12), rgba(100,234,246,0));
}
#page-about .founder-card:hover{transform:translateY(-4px) !important; box-shadow:0 22px 42px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.82) !important;}
#page-about .fdr-photo-wrap{width:106px !important; height:106px !important; margin:0 auto 16px !important;}
#page-about .founder-card .fdr-name{color:#081529 !important; font-size:18px !important; margin-bottom:10px !important; letter-spacing:.01em !important;}
#page-about .founder-card .fdr-role{display:flex !important; flex-direction:column !important; gap:2px !important; margin-bottom:12px !important; align-items:center !important;}
#page-about .founder-card .fdr-role-main,
#page-about .founder-card .fdr-role-spec{
  color:#9c731a !important;
  font-size:11px !important;
  letter-spacing:.08em !important;
  line-height:1.5 !important;
}
#page-about .founder-card .fdr-desc{color:#273650 !important; font-size:13.4px !important; line-height:1.74 !important; min-height:76px !important;}

/* Value cards become light premium cards too */
#page-about .vals-grid{
  display:grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap:16px !important;
  margin-top:20px !important;
}
#page-about .vc{
  position:relative !important;
  border-radius:20px !important;
  padding:20px 18px !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(252,248,241,.99), rgba(245,238,223,.985)) !important;
  border:1px solid rgba(226,184,74,.26) !important;
  border-top:2px solid rgba(100,234,246,.54) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.75) !important;
}
#page-about .vc::before{
  content:''; position:absolute; inset:0 0 auto 0; height:54px;
  background:linear-gradient(180deg, rgba(100,234,246,.10), rgba(100,234,246,0));
}
#page-about .vc > *{position:relative; z-index:1;}
#page-about .vc h4{color:#081529 !important; margin-bottom:8px !important;}
#page-about .vc p{color:#33415c !important; line-height:1.68 !important;}

@media (max-width:1100px){
  #page-about .founders-profiles{grid-template-columns: repeat(2, minmax(0,1fr)) !important;}
}
@media (max-width:780px){
  #page-about .page-inner{padding:18px 14px 24px !important;}
  #page-about .about-grid > div:first-child,
  #page-about .about-grid > div:last-child{padding:22px 18px 20px !important; border-radius:22px !important;}
  #page-about .founders-profiles,
  #page-about .vals-grid{grid-template-columns:1fr !important;}
}

/* ===== NAV LOGO: no static dot, 3 equal orbit nodes ===== */
.nlogo-mark{
  width:58px !important;
  min-width:58px !important;
  height:58px !important;
  position:relative !important;
  overflow:hidden !important;
}
.nlogo-core{
  font-size:13px !important;
  letter-spacing:.11em !important;
}
.nlogo-orbit{
  position:absolute !important;
  border:1px solid rgba(226,184,74,.38) !important;
  border-radius:50% !important;
  pointer-events:none !important;
}
.nlogo-orbit .nlogo-node{
  width:5px !important;
  height:5px !important;
  border-radius:50% !important;
  position:absolute !important;
  box-shadow:0 0 10px currentColor !important;
}
.nlogo-orbit.orbit-a{inset:-1px !important; animation:nlogoOrbitA 6.2s linear infinite !important;}
.nlogo-orbit.orbit-b{inset:6px !important; animation:nlogoOrbitB 4.9s linear infinite !important;}
.nlogo-orbit.orbit-c{inset:11px !important; animation:nlogoOrbitC 3.8s linear infinite !important;}
.nlogo-orbit.orbit-a .nlogo-node{top:2px !important; left:50% !important; transform:translateX(-50%) !important; background:#f5d068 !important; color:#f5d068 !important;}
.nlogo-orbit.orbit-b .nlogo-node{top:50% !important; right:1px !important; transform:translateY(-50%) !important; background:#ff5f6d !important; color:#ff5f6d !important;}
.nlogo-orbit.orbit-c .nlogo-node{bottom:3px !important; left:18% !important; transform:none !important; background:#64eaf6 !important; color:#64eaf6 !important;}
@keyframes nlogoOrbitC{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media (max-width:980px){
  .nlogo-mark{width:49px !important; min-width:49px !important; height:49px !important;}
  .nlogo-orbit.orbit-a{inset:0 !important}
  .nlogo-orbit.orbit-b{inset:5px !important}
  .nlogo-orbit.orbit-c{inset:9px !important}
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 02 — qsd-v4-about-rework
   ══════════════════════════════════════════════════════════════════════ */
/* ===== V4 ABOUT REWORK: space background restored, balanced layout, gold top edges ===== */
#page-about{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(226,184,74,.08), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(100,234,246,.06), transparent 24%),
    radial-gradient(circle at 70% 68%, rgba(226,184,74,.04), transparent 24%),
    linear-gradient(180deg, #071530 0%, #061328 48%, #051120 100%) !important;
}
#page-about::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.78;
  background-image:
    radial-gradient(circle at 8% 12%, rgba(255,255,255,.88) 0 1px, transparent 1.7px),
    radial-gradient(circle at 14% 32%, rgba(226,184,74,.75) 0 1px, transparent 1.8px),
    radial-gradient(circle at 22% 68%, rgba(255,255,255,.65) 0 1px, transparent 1.7px),
    radial-gradient(circle at 28% 18%, rgba(100,234,246,.70) 0 1px, transparent 1.8px),
    radial-gradient(circle at 34% 54%, rgba(255,255,255,.78) 0 1px, transparent 1.7px),
    radial-gradient(circle at 42% 26%, rgba(226,184,74,.72) 0 1px, transparent 1.8px),
    radial-gradient(circle at 48% 72%, rgba(255,255,255,.70) 0 1px, transparent 1.7px),
    radial-gradient(circle at 56% 12%, rgba(255,255,255,.85) 0 1px, transparent 1.7px),
    radial-gradient(circle at 61% 38%, rgba(100,234,246,.72) 0 1px, transparent 1.8px),
    radial-gradient(circle at 67% 58%, rgba(255,255,255,.68) 0 1px, transparent 1.7px),
    radial-gradient(circle at 74% 22%, rgba(226,184,74,.72) 0 1px, transparent 1.8px),
    radial-gradient(circle at 82% 44%, rgba(255,255,255,.82) 0 1px, transparent 1.7px),
    radial-gradient(circle at 88% 14%, rgba(100,234,246,.72) 0 1px, transparent 1.8px),
    radial-gradient(circle at 91% 66%, rgba(255,255,255,.70) 0 1px, transparent 1.7px),
    radial-gradient(circle at 96% 34%, rgba(226,184,74,.68) 0 1px, transparent 1.8px);
}
#page-about::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 84%, rgba(100,234,246,.08), transparent 18%),
    radial-gradient(circle at 88% 78%, rgba(226,184,74,.08), transparent 18%);
}
#page-about .page-inner{
  position:relative !important;
  z-index:1 !important;
  max-width:1440px !important;
  padding:28px 30px 34px !important;
}
#page-about .about-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:26px !important;
}
#page-about .about-grid > div:first-child,
#page-about .about-grid > div:last-child{
  position:relative !important;
  width:100% !important;
  border-radius:28px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(14,28,58,.88), rgba(8,18,40,.92)) !important;
  border:1px solid rgba(226,184,74,.18) !important;
  border-top:3px solid rgba(226,184,74,.85) !important;
  box-shadow:0 20px 54px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#page-about .about-grid > div:first-child{padding:38px 42px 34px !important;}
#page-about .about-grid > div:last-child{
  padding:28px 28px 28px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.75fr) minmax(280px,.95fr) !important;
  gap:22px !important;
  align-items:start !important;
}
#page-about .about-grid > div:first-child::before,
#page-about .about-grid > div:last-child::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:96px;
  background:linear-gradient(180deg, rgba(226,184,74,.09), rgba(226,184,74,0));
  pointer-events:none;
}
#page-about .about-grid > div:first-child > *,
#page-about .about-grid > div:last-child > *{position:relative; z-index:1;}
#page-about .about-grid > div:last-child > .slbl{
  grid-column:1 / -1 !important;
  margin-bottom:2px !important;
}
#page-about .about-grid > div:last-child > .founders-profiles{
  grid-column:1 !important;
  align-self:start !important;
}
#page-about .about-grid > div:last-child > .vals-grid{
  grid-column:2 !important;
  align-self:start !important;
  margin-top:0 !important;
}
#page-about .slbl{color:var(--gold2) !important; letter-spacing:.22em !important;}
#page-about .stitle{max-width:980px !important; margin-bottom:18px !important;}
#page-about .fquote{
  margin-top:18px !important;
  padding:22px 24px 18px !important;
  border-radius:20px !important;
  background:linear-gradient(145deg, rgba(18,34,65,.86), rgba(11,22,44,.90)) !important;
  border:1px solid rgba(226,184,74,.18) !important;
  border-top:2px solid rgba(226,184,74,.75) !important;
  border-left:none !important;
  box-shadow:0 14px 30px rgba(0,0,0,.18) !important;
}

#page-about .founders-profiles{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:18px !important;
}
#page-about .founder-card,
#page-about .vc{
  position:relative !important;
  overflow:hidden !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(251,247,239,.99), rgba(243,236,220,.985)) !important;
  border:1px solid rgba(226,184,74,.28) !important;
  border-top:3px solid rgba(226,184,74,.88) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.82) !important;
}
#page-about .founder-card::before,
#page-about .vc::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:68px;
  background:linear-gradient(180deg, rgba(226,184,74,.08), rgba(226,184,74,0));
  pointer-events:none;
}
#page-about .founder-card{padding:24px 18px 22px !important; text-align:center !important;}
#page-about .fdr-name{color:#081529 !important;}
#page-about .founder-card .fdr-role-main,
#page-about .founder-card .fdr-role-spec{color:#946915 !important;}
#page-about .founder-card .fdr-desc{color:#2b3a55 !important;}
#page-about .vals-grid{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
}
#page-about .vc{padding:20px 18px !important;}
#page-about .vc h4{color:#0a1730 !important; margin-bottom:8px !important;}
#page-about .vc p{color:#3a4760 !important;}

@media (max-width:1160px){
  #page-about .about-grid > div:last-child{
    grid-template-columns:1fr !important;
  }
  #page-about .about-grid > div:last-child > .founders-profiles,
  #page-about .about-grid > div:last-child > .vals-grid{grid-column:1 !important;}
  #page-about .vals-grid{grid-template-columns:repeat(2, minmax(0,1fr)) !important;}
}
@media (max-width:860px){
  #page-about .page-inner{padding:18px 14px 24px !important;}
  #page-about .about-grid > div:first-child,
  #page-about .about-grid > div:last-child{padding:22px 18px 20px !important; border-radius:22px !important;}
  #page-about .founders-profiles,
  #page-about .vals-grid{grid-template-columns:1fr !important;}
}

/* Logo cleanup: no static dot, 3 equal-size orbit dots */
.nlogo-mark{width:58px !important; min-width:58px !important; height:58px !important; overflow:hidden !important;}
.nlogo-orbit .nlogo-node{width:5px !important; height:5px !important; border-radius:50% !important;}
.nlogo-orbit.orbit-a{inset:0 !important; animation:nlogoOrbitA 6.2s linear infinite !important;}
.nlogo-orbit.orbit-b{inset:6px !important; animation:nlogoOrbitB 4.8s linear infinite !important;}
.nlogo-orbit.orbit-c{inset:11px !important; animation:nlogoOrbitC 3.9s linear infinite !important;}
.nlogo-orbit.orbit-a .nlogo-node{top:2px !important; left:50% !important; transform:translateX(-50%) !important; background:#f5d068 !important; box-shadow:0 0 10px #f5d068 !important;}
.nlogo-orbit.orbit-b .nlogo-node{top:50% !important; right:1px !important; transform:translateY(-50%) !important; background:#ff5f6d !important; box-shadow:0 0 10px #ff5f6d !important;}
.nlogo-orbit.orbit-c .nlogo-node{bottom:2px !important; left:16% !important; background:#64eaf6 !important; box-shadow:0 0 10px #64eaf6 !important;}
@keyframes nlogoOrbitC{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 03 — qsd-v5-about-sidecards
   ══════════════════════════════════════════════════════════════════════ */
/* ===== V5 ABOUT: values cards moved to left/right of founding team ===== */
#page-about .about-grid > div:last-child{
  grid-template-columns:minmax(210px,.82fr) minmax(0,1.7fr) minmax(210px,.82fr) !important;
  gap:18px !important;
  align-items:start !important;
}
#page-about .about-grid > div:last-child > .slbl{
  grid-column:1 / -1 !important;
  margin-bottom:4px !important;
}
#page-about .founders-profiles{
  grid-column:2 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:18px !important;
  align-self:start !important;
}
#page-about .vals-grid{
  display:none !important;
}
#page-about .vals-col-left,
#page-about .vals-col-right{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:16px !important;
  align-self:start !important;
}
#page-about .vals-col-left{grid-column:1 !important;}
#page-about .vals-col-right{grid-column:3 !important;}
#page-about .vals-col-left .vc,
#page-about .vals-col-right .vc{
  min-height:126px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}
#page-about .vals-col-left .vc h4,
#page-about .vals-col-right .vc h4{
  font-size:15px !important;
  margin-bottom:10px !important;
}
#page-about .vals-col-left .vc p,
#page-about .vals-col-right .vc p{
  font-size:13px !important;
  line-height:1.7 !important;
}
#page-about .founder-card{
  min-height:100% !important;
}

@media (max-width:1260px){
  #page-about .about-grid > div:last-child{
    grid-template-columns:minmax(180px,.78fr) minmax(0,1.65fr) minmax(180px,.78fr) !important;
    gap:16px !important;
  }
  #page-about .founders-profiles{
    gap:16px !important;
  }
}
@media (max-width:1120px){
  #page-about .about-grid > div:last-child{
    grid-template-columns:1fr !important;
  }
  #page-about .vals-col-left,
  #page-about .founders-profiles,
  #page-about .vals-col-right{
    grid-column:1 !important;
  }
  #page-about .founders-profiles{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    margin-bottom:6px !important;
  }
  #page-about .vals-col-left,
  #page-about .vals-col-right{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width:780px){
  #page-about .founders-profiles,
  #page-about .vals-col-left,
  #page-about .vals-col-right{
    grid-template-columns:1fr !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 04 — qsd-v6-about-executive-premium
   ══════════════════════════════════════════════════════════════════════ */
/* ===== V6 ABOUT US — executive premium refinement ===== */
#page-about .page-inner{
  max-width:1460px !important;
  padding:32px 32px 38px !important;
}
#page-about .about-grid{
  gap:28px !important;
}

/* Hero story panel */
#page-about .about-grid > div:first-child{
  padding:42px 46px 38px !important;
  border-radius:30px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(145deg, rgba(11,26,55,.96), rgba(7,18,40,.98)) !important;
  border:1px solid rgba(226,184,74,.20) !important;
  border-top:4px solid rgba(226,184,74,.92) !important;
  box-shadow:
    0 22px 60px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#page-about .about-grid > div:first-child::before{
  height:118px !important;
  background:linear-gradient(180deg, rgba(226,184,74,.11), rgba(226,184,74,0)) !important;
}
#page-about .stitle{
  max-width:1020px !important;
  line-height:1.02 !important;
  letter-spacing:-.02em !important;
}
#page-about .about-grid > div:first-child p{
  max-width:1120px !important;
}
#page-about .fquote{
  margin-top:22px !important;
  padding:24px 26px 20px !important;
  border-radius:22px !important;
  background:linear-gradient(145deg, rgba(19,34,65,.88), rgba(11,22,45,.92)) !important;
  border:1px solid rgba(226,184,74,.16) !important;
  border-top:3px solid rgba(226,184,74,.78) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.20) !important;
}

/* Founding team + side principles shell */
#page-about .about-grid > div:last-child{
  padding:30px 30px 30px !important;
  border-radius:30px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012)),
    linear-gradient(145deg, rgba(10,24,52,.98), rgba(7,18,40,.99)) !important;
  border:1px solid rgba(226,184,74,.18) !important;
  border-top:4px solid rgba(226,184,74,.92) !important;
  box-shadow:0 22px 56px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05) !important;
  grid-template-columns:minmax(220px,.86fr) minmax(0,1.82fr) minmax(220px,.86fr) !important;
  gap:20px !important;
}
#page-about .about-grid > div:last-child::before{
  height:98px !important;
  background:linear-gradient(180deg, rgba(226,184,74,.09), rgba(226,184,74,0)) !important;
}
#page-about .about-grid > div:last-child > .slbl{
  margin-bottom:6px !important;
}

/* Side columns */
#page-about .vals-col-left,
#page-about .vals-col-right{
  gap:18px !important;
  align-self:center !important;
}
#page-about .vals-col-left .vc,
#page-about .vals-col-right .vc{
  min-height:150px !important;
  padding:22px 20px !important;
  border-radius:22px !important;
}

/* Center founders */
#page-about .founders-profiles{
  gap:20px !important;
  align-self:stretch !important;
}
#page-about .founder-card{
  padding:26px 20px 24px !important;
  border-radius:24px !important;
  background:
    linear-gradient(180deg, rgba(252,248,241,.995), rgba(244,237,221,.99)) !important;
  border:1px solid rgba(226,184,74,.26) !important;
  border-top:4px solid rgba(226,184,74,.95) !important;
  box-shadow:0 18px 38px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
#page-about .founder-card::before{
  height:76px !important;
  background:linear-gradient(180deg, rgba(226,184,74,.10), rgba(226,184,74,0)) !important;
}
#page-about .fdr-photo-wrap{
  width:112px !important;
  height:112px !important;
  margin-bottom:18px !important;
  box-shadow:0 10px 20px rgba(0,0,0,.12) !important;
}
#page-about .fdr-name{
  font-size:18px !important;
  margin-bottom:10px !important;
  color:#081529 !important;
}
#page-about .founder-card .fdr-role-main,
#page-about .founder-card .fdr-role-spec{
  color:#916713 !important;
  letter-spacing:.09em !important;
}
#page-about .founder-card .fdr-desc{
  color:#2c3951 !important;
  font-size:13.4px !important;
  line-height:1.74 !important;
  min-height:82px !important;
}

/* Value cards in matching premium light style */
#page-about .vc{
  border-radius:22px !important;
  background:
    linear-gradient(180deg, rgba(252,248,241,.995), rgba(244,237,221,.99)) !important;
  border:1px solid rgba(226,184,74,.24) !important;
  border-top:4px solid rgba(226,184,74,.95) !important;
  box-shadow:0 16px 32px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.84) !important;
}
#page-about .vc::before{
  height:64px !important;
  background:linear-gradient(180deg, rgba(226,184,74,.10), rgba(226,184,74,0)) !important;
}
#page-about .vc h4{
  color:#09162d !important;
  font-size:15.5px !important;
  margin-bottom:10px !important;
}
#page-about .vc p{
  color:#3a4760 !important;
  font-size:13.2px !important;
  line-height:1.72 !important;
}

/* More elegant section labels */
#page-about .slbl{
  letter-spacing:.24em !important;
  color:var(--gold2) !important;
}

@media (max-width:1240px){
  #page-about .about-grid > div:last-child{
    grid-template-columns:minmax(180px,.8fr) minmax(0,1.7fr) minmax(180px,.8fr) !important;
  }
  #page-about .founders-profiles{gap:18px !important;}
}
@media (max-width:1120px){
  #page-about .about-grid > div:last-child{
    grid-template-columns:1fr !important;
  }
  #page-about .vals-col-left,
  #page-about .vals-col-right,
  #page-about .founders-profiles{
    grid-column:1 !important;
    align-self:start !important;
  }
  #page-about .founders-profiles{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    order:1 !important;
  }
  #page-about .vals-col-left,
  #page-about .vals-col-right{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width:780px){
  #page-about .page-inner{padding:20px 14px 26px !important;}
  #page-about .about-grid > div:first-child,
  #page-about .about-grid > div:last-child{padding:22px 18px 20px !important; border-radius:22px !important;}
  #page-about .founders-profiles,
  #page-about .vals-col-left,
  #page-about .vals-col-right{grid-template-columns:1fr !important;}
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 05 — qsd-v7-fixes
   ══════════════════════════════════════════════════════════════════════ */
/* ===== V7 fixes: About layout + logo + continuous center stream ===== */

/* ---- About Us balanced executive layout ---- */
#page-about .page-inner{
  max-width:1460px!important;
}
#page-about .about-grid{
  gap:28px!important;
}
#page-about .about-grid > div:last-child{
  display:grid!important;
  grid-template-columns:minmax(230px,.9fr) minmax(0,1.85fr) minmax(230px,.9fr)!important;
  gap:20px!important;
  align-items:start!important;
}
#page-about .about-grid > div:last-child > .slbl{
  grid-column:1 / -1!important;
  margin-bottom:8px!important;
}
#page-about .founders-profiles{
  grid-column:2!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-self:start!important;
}
#page-about .vals-grid{
  display:none!important; /* legacy bottom layout off */
}
#page-about .about-side-col{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  align-self:start!important;
}
#page-about .about-side-col.left{
  grid-column:1!important;
}
#page-about .about-side-col.right{
  grid-column:3!important;
}
#page-about .about-side-col .vc,
#page-about .founder-card{
  border-top:4px solid rgba(226,184,74,.95)!important;
}
#page-about .about-side-col .vc{
  min-height:152px!important;
  padding:22px 20px!important;
  border-radius:22px!important;
  background:
    linear-gradient(180deg, rgba(252,248,241,.995), rgba(244,237,221,.99))!important;
  border:1px solid rgba(226,184,74,.24)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.84)!important;
}
#page-about .about-side-col .vc::before{
  content:''!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:64px!important;
  background:linear-gradient(180deg, rgba(226,184,74,.10), rgba(226,184,74,0))!important;
  pointer-events:none!important;
}
#page-about .about-side-col .vc > *{
  position:relative!important;
  z-index:1!important;
}
#page-about .about-side-col .vc h4{
  color:#09162d!important;
  font-size:15.5px!important;
  margin-bottom:10px!important;
}
#page-about .about-side-col .vc p{
  color:#3a4760!important;
  font-size:13.2px!important;
  line-height:1.72!important;
}
#page-about .founder-card{
  min-height:100%!important;
}
#page-about .founder-card .fdr-desc{
  min-height:82px!important;
}
@media (max-width:1180px){
  #page-about .about-grid > div:last-child{
    grid-template-columns:1fr!important;
  }
  #page-about .about-side-col.left,
  #page-about .about-side-col.right,
  #page-about .founders-profiles{
    grid-column:1!important;
  }
  #page-about .about-side-col{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #page-about .founders-profiles{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media (max-width:780px){
  #page-about .about-side-col,
  #page-about .founders-profiles{
    grid-template-columns:1fr!important;
  }
}

/* ---- Logo: no static dot, exactly 3 equal orbit dots ---- */
.nlogo-mark{
  width:58px!important;
  min-width:58px!important;
  height:58px!important;
  overflow:hidden!important;
}
.nlogo-mark::before,
.nlogo-mark::after{
  content:none!important;
}
.nlogo-core{
  position:relative!important;
  z-index:4!important;
}
.nlogo-orbit{
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
.nlogo-orbit::before{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  border:1px solid rgba(226,184,74,.20)!important;
}
.nlogo-orbit.orbit-a{ inset:0!important; animation:nlogoOrbitA 6.2s linear infinite!important; }
.nlogo-orbit.orbit-b{ inset:6px!important; animation:nlogoOrbitB 4.9s linear infinite!important; }
.nlogo-orbit.orbit-c{ inset:11px!important; animation:nlogoOrbitC 3.8s linear infinite!important; }
.nlogo-orbit .nlogo-node{
  position:absolute!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
}
.nlogo-orbit.orbit-a .nlogo-node{
  top:2px!important; left:50%!important; transform:translateX(-50%)!important;
  background:#f5d068!important; box-shadow:0 0 10px #f5d068!important;
}
.nlogo-orbit.orbit-b .nlogo-node{
  top:50%!important; right:1px!important; transform:translateY(-50%)!important;
  background:#ff5f6d!important; box-shadow:0 0 10px #ff5f6d!important;
}
.nlogo-orbit.orbit-c .nlogo-node{
  bottom:2px!important; left:16%!important;
  background:#64eaf6!important; box-shadow:0 0 10px #64eaf6!important;
}
@keyframes nlogoOrbitC{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

/* ---- Stream: replace legacy with fully continuous version ---- */
#qsd-data-rain,
#qsd-center-stream{
  display:none!important;
}
#qsd-stream-v2{
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  left:52.35%!important;
  transform:translateX(-50%)!important;
  width:1.32cm!important;
  min-width:1.32cm!important;
  max-width:1.32cm!important;
  height:100%!important;
  z-index:5!important;
  pointer-events:none!important;
  opacity:1!important;
  mix-blend-mode:screen!important;
  border:none!important;
}
@media (max-width:1200px){
  #qsd-stream-v2{
    left:52.35%!important;
    width:1.18cm!important;
    min-width:1.18cm!important;
    max-width:1.18cm!important;
  }
}
@media (max-width:980px){
  #qsd-stream-v2{
    left:50%!important;
    width:1.0cm!important;
    min-width:1.0cm!important;
    max-width:1.0cm!important;
    opacity:.9!important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 06 — qsd-v8-final-fixes
   ══════════════════════════════════════════════════════════════════════ */
/* ===== V8: About Us redesigned + logo sphere trace + seamless stream ===== */

/* ABOUT US: strict 2 | founders | 2 layout */
#page-about .page-inner{
  max-width: 1460px !important;
}
#page-about .about-grid{
  gap: 28px !important;
}
#page-about .about-grid > div:last-child{
  display: grid !important;
  grid-template-columns: minmax(240px, .92fr) minmax(0, 1.9fr) minmax(240px, .92fr) !important;
  gap: 20px !important;
  align-items: start !important;
}
#page-about .about-grid > div:last-child > .slbl{
  grid-column: 1 / -1 !important;
  margin-bottom: 8px !important;
}
#page-about .founders-profiles{
  grid-column: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 20px !important;
  align-self: start !important;
}
#page-about .vals-grid{
  display: none !important;
}
#page-about .about-side-col{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  align-self: start !important;
}
#page-about .about-side-col.left{ grid-column: 1 !important; }
#page-about .about-side-col.right{ grid-column: 3 !important; }

#page-about .about-side-col .vc{
  position: relative !important;
  min-height: 150px !important;
  padding: 22px 20px !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(252,248,241,.995), rgba(244,237,221,.99)) !important;
  border: 1px solid rgba(226,184,74,.24) !important;
  border-top: 4px solid rgba(226,184,74,.95) !important;
  box-shadow: 0 16px 32px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.84) !important;
}
#page-about .about-side-col .vc::before{
  content:'' !important;
  position:absolute !important;
  inset:0 0 auto 0 !important;
  height:64px !important;
  background:linear-gradient(180deg, rgba(226,184,74,.10), rgba(226,184,74,0)) !important;
  pointer-events:none !important;
}
#page-about .about-side-col .vc > *{
  position: relative !important;
  z-index: 1 !important;
}
#page-about .about-side-col .vc h4{
  color:#09162d !important;
  font-size:15.5px !important;
  margin-bottom:10px !important;
}
#page-about .about-side-col .vc p{
  color:#3a4760 !important;
  font-size:13.2px !important;
  line-height:1.72 !important;
}

#page-about .founder-card{
  border-top: 4px solid rgba(226,184,74,.95) !important;
  min-height: 100% !important;
}
#page-about .founder-card .fdr-desc{
  min-height: 82px !important;
}

@media (max-width: 1180px){
  #page-about .about-grid > div:last-child{
    grid-template-columns: 1fr !important;
  }
  #page-about .about-side-col.left,
  #page-about .about-side-col.right,
  #page-about .founders-profiles{
    grid-column: 1 !important;
  }
  #page-about .founders-profiles{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
  #page-about .about-side-col{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}
@media (max-width: 780px){
  #page-about .founders-profiles,
  #page-about .about-side-col{
    grid-template-columns: 1fr !important;
  }
}

/* LOGO: no orbit rings visible, only sphere outer trace and moving dots */
.nlogo-mark{
  width: 58px !important;
  min-width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 1px solid rgba(226,184,74,.42) !important;  /* sphere outer surface trace */
  background:
    radial-gradient(circle at 50% 30%, rgba(255,248,220,.16), rgba(226,184,74,.05) 38%, rgba(6,14,34,.94) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 0 18px rgba(226,184,74,.10) !important;
}
.nlogo-mark::before,
.nlogo-mark::after{
  content: none !important;
}
.nlogo-core{
  position: relative !important;
  z-index: 4 !important;
}
.nlogo-orbit{
  position: absolute !important;
  border-radius: 50% !important;
  pointer-events: none !important;
}
.nlogo-orbit::before{
  display: none !important;   /* orbit paths hidden */
}
.nlogo-orbit.orbit-a{ inset: 0 !important; animation: nlogoOrbitA 6.2s linear infinite !important; }
.nlogo-orbit.orbit-b{ inset: 6px !important; animation: nlogoOrbitB 4.9s linear infinite !important; }
.nlogo-orbit.orbit-c{ inset: 11px !important; animation: nlogoOrbitC 3.8s linear infinite !important; }

.nlogo-orbit .nlogo-node{
  position: absolute !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
}
.nlogo-orbit.orbit-a .nlogo-node{
  top: 2px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  background: #f5d068 !important;
  box-shadow: 0 0 10px #f5d068 !important;
}
.nlogo-orbit.orbit-b .nlogo-node{
  top: 50% !important;
  right: 1px !important;
  transform: translateY(-50%) !important;
  background: #ff5f6d !important;
  box-shadow: 0 0 10px #ff5f6d !important;
}
.nlogo-orbit.orbit-c .nlogo-node{
  bottom: 2px !important;
  left: 16% !important;
  background: #64eaf6 !important;
  box-shadow: 0 0 10px #64eaf6 !important;
}

/* STREAM: fully seamless continuous flow */
#qsd-data-rain,
#qsd-center-stream,
#qsd-stream-v2{
  display: none !important;
}
#qsd-stream-v3{
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  left:52.35% !important;
  transform:translateX(-50%) !important;
  width:1.32cm !important;
  min-width:1.32cm !important;
  max-width:1.32cm !important;
  height:100% !important;
  z-index:5 !important;
  pointer-events:none !important;
  opacity:1 !important;
  mix-blend-mode:screen !important;
  border:none !important;
}
@media (max-width:1200px){
  #qsd-stream-v3{
    left:52.35% !important;
    width:1.18cm !important;
    min-width:1.18cm !important;
    max-width:1.18cm !important;
  }
}
@media (max-width:980px){
  #qsd-stream-v3{
    left:50% !important;
    width:1.0cm !important;
    min-width:1.0cm !important;
    max-width:1.0cm !important;
    opacity:.9 !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 07 — qsd-v9-about-rebuild
   ══════════════════════════════════════════════════════════════════════ */
/* ===== V9 TRUE ABOUT REBUILD ===== */
#page-about{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(226,184,74,.08), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(100,234,246,.06), transparent 24%),
    radial-gradient(circle at 70% 70%, rgba(226,184,74,.04), transparent 22%),
    linear-gradient(180deg, #071530 0%, #061328 48%, #051120 100%) !important;
}
#page-about::before{
  content:''; position:absolute; inset:0; pointer-events:none; opacity:.78;
  background-image:
    radial-gradient(circle at 8% 12%, rgba(255,255,255,.88) 0 1px, transparent 1.7px),
    radial-gradient(circle at 14% 32%, rgba(226,184,74,.75) 0 1px, transparent 1.8px),
    radial-gradient(circle at 22% 68%, rgba(255,255,255,.65) 0 1px, transparent 1.7px),
    radial-gradient(circle at 28% 18%, rgba(100,234,246,.70) 0 1px, transparent 1.8px),
    radial-gradient(circle at 34% 54%, rgba(255,255,255,.78) 0 1px, transparent 1.7px),
    radial-gradient(circle at 42% 26%, rgba(226,184,74,.72) 0 1px, transparent 1.8px),
    radial-gradient(circle at 48% 72%, rgba(255,255,255,.70) 0 1px, transparent 1.7px),
    radial-gradient(circle at 56% 12%, rgba(255,255,255,.85) 0 1px, transparent 1.7px),
    radial-gradient(circle at 61% 38%, rgba(100,234,246,.72) 0 1px, transparent 1.8px),
    radial-gradient(circle at 67% 58%, rgba(255,255,255,.68) 0 1px, transparent 1.7px),
    radial-gradient(circle at 74% 22%, rgba(226,184,74,.72) 0 1px, transparent 1.8px),
    radial-gradient(circle at 82% 44%, rgba(255,255,255,.82) 0 1px, transparent 1.7px),
    radial-gradient(circle at 88% 14%, rgba(100,234,246,.72) 0 1px, transparent 1.8px),
    radial-gradient(circle at 91% 66%, rgba(255,255,255,.70) 0 1px, transparent 1.7px),
    radial-gradient(circle at 96% 34%, rgba(226,184,74,.68) 0 1px, transparent 1.8px);
}
#page-about .qsd-about-v9-wrap{
  position:relative !important; z-index:1 !important;
  max-width:1450px !important; padding:30px 28px 36px !important;
  display:grid !important; gap:28px !important;
}
#page-about .card-shell{
  position:relative !important; overflow:hidden !important; border-radius:30px !important;
  background:linear-gradient(180deg, rgba(11,26,55,.96), rgba(7,18,40,.98)) !important;
  border:1px solid rgba(226,184,74,.18) !important;
  border-top:4px solid rgba(226,184,74,.92) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
#page-about .card-shell::before{
  content:''; position:absolute; inset:0 0 auto 0; height:110px;
  background:linear-gradient(180deg, rgba(226,184,74,.10), rgba(226,184,74,0)); pointer-events:none;
}
#page-about .qsd-about-story{ padding:40px 44px 36px !important; }
#page-about .qsd-about-story > *{ position:relative; z-index:1; }
#page-about .qsd-about-story .lead,
#page-about .qsd-about-story .body-copy{ color:var(--pearl) !important; font-size:15px !important; line-height:1.86 !important; max-width:1100px !important; }
#page-about .qsd-about-story .lead{ margin-bottom:18px !important; }
#page-about .qsd-about-story .pull-quote{ color:var(--gold) !important; font-family:var(--font-heading) !important; font-size:18px !important; font-weight:600 !important; letter-spacing:.04em !important; margin:0 0 18px !important; font-style:italic !important; text-shadow:0 0 10px rgba(226,184,74,.3) !important; }
#page-about .qsd-about-story .body-copy{ margin-bottom:24px !important; }
#page-about .qsd-about-executive{ padding:28px 28px 30px !important; }
#page-about .qsd-about-executive > .slbl{ position:relative; z-index:1; margin-bottom:16px !important; }
#page-about .qsd-about-columns{
  position:relative; z-index:1;
  display:grid !important; grid-template-columns:minmax(230px,.9fr) minmax(0,1.9fr) minmax(230px,.9fr) !important;
  gap:22px !important; align-items:start !important;
}
#page-about .qsd-side-rail{ display:grid !important; gap:18px !important; }
#page-about .qsd-founders-core{ display:block !important; }
#page-about .founders-profiles{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:20px !important; }
#page-about .qsd-side-rail .vc,
#page-about .founder-card{
  position:relative !important; overflow:hidden !important; border-radius:22px !important;
  background:linear-gradient(180deg, rgba(252,248,241,.995), rgba(244,237,221,.99)) !important;
  border:1px solid rgba(226,184,74,.26) !important; border-top:4px solid rgba(226,184,74,.95) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.84) !important;
}
#page-about .qsd-side-rail .vc::before,
#page-about .founder-card::before{
  content:'' !important; position:absolute !important; inset:0 0 auto 0 !important; height:72px !important;
  background:linear-gradient(180deg, rgba(226,184,74,.10), rgba(226,184,74,0)) !important; pointer-events:none !important;
}
#page-about .qsd-side-rail .vc{ min-height:152px !important; padding:22px 20px !important; }
#page-about .qsd-side-rail .vc > *,
#page-about .founder-card > *{ position:relative !important; z-index:1 !important; }
#page-about .qsd-side-rail .vc h4{ color:#0a1730 !important; font-size:15.5px !important; margin-bottom:10px !important; }
#page-about .qsd-side-rail .vc p{ color:#3a4760 !important; font-size:13.2px !important; line-height:1.72 !important; }
#page-about .founder-card{ min-height:100% !important; padding:26px 20px 24px !important; text-align:center !important; }
#page-about .fdr-photo-wrap{ width:112px !important; height:112px !important; margin:0 auto 18px !important; box-shadow:0 10px 20px rgba(0,0,0,.12) !important; }
#page-about .fdr-name{ color:#081529 !important; font-size:18px !important; margin-bottom:10px !important; }
#page-about .founder-card .fdr-role-main,
#page-about .founder-card .fdr-role-spec{ color:#916713 !important; letter-spacing:.09em !important; }
#page-about .founder-card .fdr-desc{ color:#2c3951 !important; font-size:13.4px !important; line-height:1.74 !important; min-height:82px !important; }
#page-about .slbl{ color:var(--gold2) !important; letter-spacing:.24em !important; }
#page-about .stitle{ max-width:1020px !important; line-height:1.02 !important; letter-spacing:-.02em !important; }
#page-about .fquote{
  margin-top:22px !important; padding:24px 26px 20px !important; border-radius:22px !important;
  background:linear-gradient(145deg, rgba(19,34,65,.88), rgba(11,22,45,.92)) !important;
  border:1px solid rgba(226,184,74,.16) !important; border-top:3px solid rgba(226,184,74,.78) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.20) !important;
}
#page-about .fquote p{ color:var(--pearl) !important; font-size:15px !important; line-height:1.84 !important; margin:0 0 8px !important; }
#page-about .fquote cite{ color:var(--gold2) !important; letter-spacing:.08em !important; }
@media (max-width:1180px){
  #page-about .qsd-about-columns{ grid-template-columns:1fr !important; }
  #page-about .qsd-side-rail{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #page-about .founders-profiles{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:780px){
  #page-about .qsd-about-v9-wrap{ padding:20px 14px 26px !important; }
  #page-about .qsd-about-story, #page-about .qsd-about-executive{ padding:22px 18px 20px !important; }
  #page-about .qsd-side-rail, #page-about .founders-profiles{ grid-template-columns:1fr !important; }
}
/* Logo refinement: orbit lines hidden, only sphere shell visible */
.nlogo-mark{
  width:58px !important; min-width:58px !important; height:58px !important;
  border-radius:50% !important; overflow:hidden !important;
  border:1px solid rgba(226,184,74,.42) !important;
  background:radial-gradient(circle at 50% 30%, rgba(255,248,220,.16), rgba(226,184,74,.05) 38%, rgba(6,14,34,.94) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 18px rgba(226,184,74,.10) !important;
}
.nlogo-orbit, .nlogo-orbit::before{ border:none !important; display:block !important; }
.nlogo-orbit::before{ content:none !important; }

/* ══════════════════════════════════════════════════════════════════════
   LAYER 08 — qsd-v10-polish
   ══════════════════════════════════════════════════════════════════════ */
/* ===== V10 polish: stream spacing, spherical logo, founder role nowrap ===== */
/* 1) Founder cards: keep "Director General" together on one line */
#page-about .founder-card .fdr-role-main{
  white-space: nowrap !important;
  font-size: 10.6px !important;
  line-height: 1.45 !important;
}
#page-about .founder-card .fdr-role-spec{
  font-size: 10.6px !important;
  line-height: 1.45 !important;
}

/* 2) QSD logo more sphere-like, thicker outer shell */
.nlogo-mark{
  border: 2px solid rgba(226,184,74,.62) !important;
  background:
    radial-gradient(circle at 35% 28%, rgba(255,255,255,.22) 0%, rgba(255,248,220,.18) 10%, rgba(133,211,255,.14) 18%, rgba(93,170,235,.12) 26%, rgba(226,184,74,.08) 40%, rgba(18,37,73,.86) 68%, rgba(6,14,34,.98) 100%) !important;
  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.10),
    inset -6px -8px 14px rgba(0,0,0,.26),
    0 0 20px rgba(226,184,74,.10) !important;
}
.nlogo-core{
  text-shadow: 0 0 14px rgba(226,184,74,.28) !important;
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 09 — qsd-v11-loader-motion
   ══════════════════════════════════════════════════════════════════════ */
/* ===== V11: animated loading logo ===== */
#ldr{backdrop-filter:blur(6px)!important}
.ldr-orbit{
  position:relative!important;
  width:118px!important;
  height:118px!important;
  margin-bottom:20px!important;
  animation:ldrFloat 2.6s ease-in-out infinite!important;
  filter:drop-shadow(0 0 24px rgba(226,184,74,.12))!important;
}
.ldr-orbit::before{
  content:''!important;
  position:absolute!important;
  inset:10px!important;
  border-radius:50%!important;
  background:radial-gradient(circle, rgba(226,184,74,.08), rgba(226,184,74,0) 62%)!important;
  animation:ldrHaloPulse 2.8s ease-in-out infinite!important;
  pointer-events:none!important;
}
.ldr-core{
  width:60px!important;
  height:60px!important;
  border:2px solid rgba(226,184,74,.58)!important;
  background:radial-gradient(circle at 35% 28%, rgba(255,255,255,.22) 0%, rgba(255,248,220,.18) 10%, rgba(133,211,255,.14) 18%, rgba(93,170,235,.12) 26%, rgba(226,184,74,.08) 40%, rgba(18,37,73,.86) 68%, rgba(6,14,34,.98) 100%)!important;
  box-shadow:inset 0 2px 2px rgba(255,255,255,.10), inset -6px -8px 14px rgba(0,0,0,.26), 0 0 24px rgba(226,184,74,.18)!important;
  animation:ldrCorePulse 2.2s ease-in-out infinite!important;
}
.ldr-ring{
  border-width:1.5px!important;
  opacity:.85!important;
}
.ring-1{
  border-color:rgba(226,184,74,.28)!important;
  animation:ldrOrbit 4.4s linear infinite!important;
}
.ring-2{
  inset:14px!important;
  border-color:rgba(100,234,246,.22)!important;
  animation:ldrOrbitRev 3.5s linear infinite!important;
}
.ldr-node{
  width:9px!important;
  height:9px!important;
}
.node-1{
  top:4px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  background:#f5d068!important;
  box-shadow:0 0 14px rgba(245,208,104,.72)!important;
  animation:ldrNodeGlowA 1.8s ease-in-out infinite!important;
}
.node-2{
  bottom:14px!important;
  left:12px!important;
  background:#64eaf6!important;
  box-shadow:0 0 14px rgba(100,234,246,.72)!important;
  animation:ldrNodeGlowB 2.1s ease-in-out infinite!important;
}
.node-3{
  bottom:14px!important;
  right:12px!important;
  background:#ff5f6d!important;
  box-shadow:0 0 14px rgba(255,95,109,.72)!important;
  animation:ldrNodeGlowC 1.95s ease-in-out infinite!important;
}
#ldr-bar{
  width:220px!important;
  height:2px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.08)!important;
  box-shadow:0 0 16px rgba(226,184,74,.08)!important;
}
#ldr-pct{
  margin-top:12px!important;
  text-shadow:0 0 10px rgba(226,184,74,.24)!important;
}
@keyframes ldrFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes ldrHaloPulse{0%,100%{opacity:.45;transform:scale(.96)}50%{opacity:.9;transform:scale(1.04)}}
@keyframes ldrCorePulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}
@keyframes ldrNodeGlowA{0%,100%{opacity:.9;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.18)}}
@keyframes ldrNodeGlowB{0%,100%{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.16)}}
@keyframes ldrNodeGlowC{0%,100%{opacity:.88;transform:scale(1)}50%{opacity:1;transform:scale(1.16)}}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 10 — qsd-v12-loader-count
   ══════════════════════════════════════════════════════════════════════ */
/* ===== V12: loader moving nodes + 1-100 rapid count ===== */
.ldr-orbit{transform-origin:center center!important}
.ring-1,.ring-2{will-change:transform!important}
.ldr-node{will-change:transform,opacity,filter!important}
.node-1{animation:ldrNodeGlowA 1.8s ease-in-out infinite, ldrNodeMicro 1.6s ease-in-out infinite!important}
.node-2{animation:ldrNodeGlowB 2.1s ease-in-out infinite, ldrNodeMicro 1.8s ease-in-out infinite .18s!important}
.node-3{animation:ldrNodeGlowC 1.95s ease-in-out infinite, ldrNodeMicro 1.7s ease-in-out infinite .1s!important}
@keyframes ldrNodeMicro{0%,100%{filter:brightness(1); opacity:.88}50%{filter:brightness(1.25); opacity:1}}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 11 — qsd-v13-loader-home-sphere
   ══════════════════════════════════════════════════════════════════════ */
/* ===== V13: loader logo closer to home sphere ===== */
#ldr{
  background: radial-gradient(circle at 50% 34%, rgba(16,35,74,.42), rgba(5,14,32,.96) 58%, rgba(4,10,24,1) 100%) !important;
}
.ldr-orbit{
  position: relative !important;
  width: 138px !important;
  height: 138px !important;
  margin-bottom: 18px !important;
  animation: ldrFloat 2.8s ease-in-out infinite !important;
  filter: drop-shadow(0 0 30px rgba(100,234,246,.12)) drop-shadow(0 0 18px rgba(226,184,74,.10)) !important;
}
.ldr-orbit::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:50% !important;
  background: radial-gradient(circle at 50% 50%, rgba(100,234,246,.12), rgba(100,234,246,0) 62%) !important;
  animation: ldrHaloPulse 3.2s ease-in-out infinite !important;
  pointer-events:none !important;
}
.ldr-core{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  width: 74px !important;
  height: 74px !important;
  border-radius:50% !important;
  border:2px solid rgba(226,184,74,.72) !important;
  background:
    radial-gradient(circle at 34% 28%, rgba(255,255,255,.26) 0 8%, rgba(186,236,255,.22) 12%, rgba(106,197,255,.20) 18%, rgba(73,146,219,.18) 26%, rgba(41,95,172,.20) 38%, rgba(16,48,104,.78) 66%, rgba(7,19,44,.98) 100%) !important;
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,.10),
    inset -8px -10px 16px rgba(0,0,0,.28),
    0 0 22px rgba(84,179,255,.18),
    0 0 10px rgba(226,184,74,.12) !important;
  color: var(--gold) !important;
  font-family: 'Orbitron', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-shadow: 0 0 12px rgba(226,184,74,.30) !important;
  animation: ldrCorePulse 2.3s ease-in-out infinite !important;
}
.ldr-ring{
  position:absolute !important;
  border-radius:50% !important;
  border:1.4px solid transparent !important;
}
.ring-1{
  inset:8px !important;
  border-color: rgba(226,184,74,.34) !important;
  box-shadow: 0 0 10px rgba(226,184,74,.12) inset !important;
  animation: ldrOrbit 5.1s linear infinite !important;
}
.ring-2{
  inset:22px !important;
  border-color: rgba(100,234,246,.18) !important;
  animation: ldrOrbitRev 4.1s linear infinite !important;
}
.ldr-node{
  position:absolute !important;
  width:10px !important;
  height:10px !important;
  border-radius:50% !important;
  z-index:3 !important;
}
.node-1{
  top:-3px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  background:#f5d068 !important;
  box-shadow:0 0 16px rgba(245,208,104,.70) !important;
  animation: ldrNodeGlowA 1.9s ease-in-out infinite !important;
}
.node-2{
  top:50% !important;
  right:-4px !important;
  transform:translateY(-50%) !important;
  background:#64eaf6 !important;
  box-shadow:0 0 16px rgba(100,234,246,.74) !important;
  animation: ldrNodeGlowB 2.0s ease-in-out infinite !important;
}
.node-3{
  bottom:-2px !important;
  left:16% !important;
  background:#ff5f6d !important;
  box-shadow:0 0 16px rgba(255,95,109,.72) !important;
  animation: ldrNodeGlowC 2.1s ease-in-out infinite !important;
}
#ldr-bar{
  width: 230px !important;
  height: 2px !important;
  margin-top: 24px !important;
  border-radius: 999px !important;
  overflow:hidden !important;
  background: rgba(255,255,255,.08) !important;
  box-shadow: 0 0 18px rgba(84,179,255,.08) !important;
}
#ldr-fill{
  background: linear-gradient(90deg, var(--gold), #64eaf6) !important;
}
#ldr-pct{
  display:block !important;
  margin-top: 12px !important;
  font-family:'Orbitron',sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .24em !important;
  color: var(--gold) !important;
  text-shadow: 0 0 10px rgba(226,184,74,.24) !important;
}
@media (max-width:680px){
  .ldr-orbit{width:120px!important;height:120px!important}
  .ldr-core{width:66px!important;height:66px!important;font-size:13px!important}
  #ldr-bar{width:200px!important}
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 12 — qsd-v14-loader-cinematic
   ══════════════════════════════════════════════════════════════════════ */
/* ===== V14: more premium / cinematic loader ===== */
#ldr{
  background:
    radial-gradient(circle at 50% 28%, rgba(21,46,96,.34), rgba(7,18,40,.94) 46%, rgba(4,10,24,1) 100%) !important;
}
#ldr::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(100,234,246,.06), rgba(100,234,246,0) 28%),
    radial-gradient(circle at 50% 40%, rgba(226,184,74,.05), rgba(226,184,74,0) 34%) !important;
  opacity:.95 !important;
}
.ldr-orbit{
  width:152px !important;
  height:152px !important;
  margin-bottom:20px !important;
  filter:drop-shadow(0 0 42px rgba(100,234,246,.14)) drop-shadow(0 0 26px rgba(226,184,74,.12)) !important;
}
.ldr-orbit::before{
  inset:-10px !important;
  background:radial-gradient(circle at 50% 50%, rgba(100,234,246,.14), rgba(100,234,246,0) 58%) !important;
  animation:ldrHaloPulse 3.4s ease-in-out infinite !important;
}
.ldr-orbit::after{
  content:'' !important;
  position:absolute !important;
  inset:12px !important;
  border-radius:50% !important;
  border:1px solid rgba(226,184,74,.10) !important;
  box-shadow:0 0 20px rgba(226,184,74,.08), inset 0 0 18px rgba(100,234,246,.05) !important;
  animation:ldrAuraSpin 11s linear infinite !important;
  pointer-events:none !important;
}
.ldr-core{
  width:82px !important;
  height:82px !important;
  border:2.2px solid rgba(226,184,74,.76) !important;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.32) 0 7%, rgba(202,242,255,.24) 12%, rgba(118,206,255,.21) 18%, rgba(79,153,226,.20) 26%, rgba(41,94,170,.22) 37%, rgba(17,48,104,.84) 66%, rgba(7,18,40,.99) 100%) !important;
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,.12),
    inset -8px -12px 16px rgba(0,0,0,.30),
    0 0 26px rgba(84,179,255,.18),
    0 0 18px rgba(226,184,74,.14) !important;
  animation:ldrCorePulse 2.5s ease-in-out infinite !important;
}
.ldr-ring{
  border-width:1.5px !important;
}
.ring-1{
  inset:6px !important;
  border-color:rgba(226,184,74,.36) !important;
  box-shadow:0 0 14px rgba(226,184,74,.10) inset !important;
  animation:ldrOrbit 5.6s linear infinite !important;
}
.ring-2{
  inset:24px !important;
  border-color:rgba(100,234,246,.18) !important;
  box-shadow:0 0 12px rgba(100,234,246,.05) inset !important;
  animation:ldrOrbitRev 4.4s linear infinite !important;
}
.ldr-node{
  width:10px !important;
  height:10px !important;
}
.node-1{ top:-3px !important; left:50% !important; }
.node-2{ top:50% !important; right:-4px !important; }
.node-3{ bottom:-2px !important; left:16% !important; }
#ldr-bar{
  width:240px !important;
  margin-top:26px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.08) !important;
  box-shadow:0 0 20px rgba(84,179,255,.08), 0 0 12px rgba(226,184,74,.06) !important;
}
#ldr-fill{
  background:linear-gradient(90deg, rgba(226,184,74,1), rgba(100,234,246,1)) !important;
  box-shadow:0 0 12px rgba(226,184,74,.28), 0 0 16px rgba(100,234,246,.18) !important;
}
#ldr-pct{
  display:block !important;
  width:100% !important;
  text-align:center !important;
  margin-top:14px !important;
  font-family:'Orbitron',sans-serif !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.22em !important;
  color:var(--gold) !important;
  opacity:1 !important;
  text-shadow:0 0 12px rgba(226,184,74,.28), 0 0 20px rgba(100,234,246,.10) !important;
}
@keyframes ldrAuraSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media (max-width:680px){
  .ldr-orbit{width:128px!important;height:128px!important}
  .ldr-core{width:72px!important;height:72px!important;font-size:14px!important}
  #ldr-bar{width:210px!important}
  #ldr-pct{font-size:12px!important; letter-spacing:.18em!important}
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 13 — qsd-premium-card-visuals-products-v1
   ══════════════════════════════════════════════════════════════════════ */
  #page-products .svc-grid .sc::before {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: 126px !important;
    border-radius: 18px 18px 10px 10px !important;
    box-shadow:
      inset 0 -42px 52px rgba(0, 8, 22, .16),
      inset 0 1px 0 rgba(255, 255, 255, .18),
      0 8px 22px rgba(0, 10, 30, .14) !important;
    overflow: hidden !important;
    animation: qsdCardVisualBreathe 18s ease-in-out infinite;
    transform-origin: center center;
    will-change: filter, transform;
  }

  @keyframes qsdCardVisualBreathe {
    0%, 100% { filter: brightness(.96) contrast(1.02) saturate(1.02); transform: scale(1); }
    50%      { filter: brightness(1.08) contrast(1.06) saturate(1.08); transform: scale(1.035); }
  }

  #page-products .svc-grid .sc:nth-child(1)::before {
    background-image: url("../assets/card-visuals/qsd-products-cryptographic-exposure-discovery-premium-visual.webp") !important;
  }
  #page-products .svc-grid .sc:nth-child(2)::before {
    background-image: url("../assets/card-visuals/qsd-products-pqc-transition-roadmap-premium-visual.webp") !important;
  }
  #page-products .svc-grid .sc:nth-child(3)::before {
    background-image: url("../assets/card-visuals/qsd-products-zero-trust-resilience-architecture-premium-visual.webp") !important;
  }
  #page-products .svc-grid .sc:nth-child(4)::before {
    background-image: url("../assets/card-visuals/qsd-products-cryptographic-maturity-assessment-premium-visual.webp") !important;
  }
  #page-products .svc-grid .sc:nth-child(5)::before {
    background-image: url("../assets/card-visuals/qsd-products-qtr-platform-premium-visual.webp") !important;
  }
  #page-products .svc-grid .sc:nth-child(6)::before {
    background-image: url("../assets/card-visuals/qsd-products-regulatory-readiness-evidence-pack-premium-visual.webp") !important;
  }

  #page-products .svc-grid .sc:hover::before {
    filter: brightness(1.12) contrast(1.08) saturate(1.10);
    transform: scale(1.055);
  }

  @media (max-width: 768px) {
    #page-products .svc-grid .sc::before { height: 96px !important; }
  }

  @media (max-width: 480px) {
    #page-products .svc-grid .sc::before { height: 82px !important; }
  }


/* --- C. R&D FEATURE CARDS --- */
.rnd-feature-grid .rnd-card:nth-child(1)::before { background-image: url("../assets/card-visuals/qsd-rnd-energy-utilities-premium-visual.webp"); }
.rnd-feature-grid .rnd-card:nth-child(2)::before { background-image: url("../assets/card-visuals/qsd-rnd-healthcare-premium-visual.webp"); }
.rnd-feature-grid .rnd-card:nth-child(3)::before { background-image: url("../assets/card-visuals/qsd-rnd-finance-insurance-premium-visual.webp"); }
.rnd-feature-grid .rnd-card:nth-child(4)::before { background-image: url("../assets/card-visuals/qsd-rnd-it-telecoms-premium-visual.webp"); }

/* --- D. R&D SECTOR CARDS --- */
.rnd-sector-grid .rnd-sector-card:nth-child(1)::before { background-image: url("../assets/card-visuals/qsd-rnd-transport-premium-visual.webp"); }
.rnd-sector-grid .rnd-sector-card:nth-child(2)::before { background-image: url("../assets/card-visuals/qsd-rnd-water-premium-visual.webp"); }
.rnd-sector-grid .rnd-sector-card:nth-child(3)::before { background-image: url("../assets/card-visuals/qsd-rnd-agriculture-premium-visual.webp"); }
.rnd-sector-grid .rnd-sector-card:nth-child(4)::before { background-image: url("../assets/card-visuals/qsd-rnd-gov-public-premium-visual.webp"); }
.rnd-sector-grid .rnd-sector-card:nth-child(5)::before { background-image: url("../assets/card-visuals/qsd-rnd-emergency-premium-visual.webp"); }

/* ══════════════════════════════════════════════════════════════════════
   LAYER 14 — qsd-premium-card-visuals-consulting-v1
   ══════════════════════════════════════════════════════════════════════ */
  #page-consulting .cons-grid .con-card::before {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    height: 126px !important;
    border-radius: 18px 18px 10px 10px !important;
    box-shadow:
      inset 0 -42px 52px rgba(0, 8, 22, .16),
      inset 0 1px 0 rgba(255, 255, 255, .18),
      0 8px 22px rgba(0, 10, 30, .14) !important;
    overflow: hidden !important;
    animation: qsdCardVisualBreathe 18s ease-in-out infinite;
    transform-origin: center center;
    will-change: filter, transform;
  }

  #page-consulting .cons-grid .con-card:nth-child(1)::before {
    background-image: url("../assets/card-visuals/qsd-consulting-strategy-transformation-premium-visual.webp") !important;
  }
  #page-consulting .cons-grid .con-card:nth-child(2)::before {
    background-image: url("../assets/card-visuals/qsd-consulting-digital-maturity-readiness-premium-visual.webp") !important;
  }
  #page-consulting .cons-grid .con-card:nth-child(3)::before {
    background-image: url("../assets/card-visuals/qsd-consulting-risk-resilience-crisis-management-premium-visual.webp") !important;
  }
  #page-consulting .cons-grid .con-card:nth-child(4)::before {
    background-image: url("../assets/card-visuals/qsd-consulting-regulatory-compliance-advisory-premium-visual.webp") !important;
  }
  #page-consulting .cons-grid .con-card:nth-child(5)::before {
    background-image: url("../assets/card-visuals/qsd-consulting-project-programme-management-premium-visual.webp") !important;
  }
  #page-consulting .cons-grid .con-card:nth-child(6)::before {
    background-image: url("../assets/card-visuals/qsd-consulting-custom-advisory-engagements-premium-visual.webp") !important;
  }

  #page-consulting .cons-grid .con-card:hover::before {
    filter: brightness(1.12) contrast(1.08) saturate(1.10);
    transform: scale(1.055);
  }

  @media (max-width: 768px) {
    #page-consulting .cons-grid .con-card::before { height: 96px !important; }
  }

  @media (max-width: 480px) {
    #page-consulting .cons-grid .con-card::before { height: 82px !important; }
  }

/* ══════════════════════════════════════════════════════════════════════
   LAYER 15 — qsd-premium-card-visuals-projects-v4
   ══════════════════════════════════════════════════════════════════════ */


/* --- E. PROJECTS --- */
.proj-grid .proj-card:nth-child(1)::before { background-image: url("../assets/card-visuals/qsd-projects-horizon-cl3-2026-pqc-premium-visual.webp") !important; }
.proj-grid .proj-card:nth-child(2)::before { background-image: url("../assets/card-visuals/qsd-projects-edf-2026-defence-comms-premium-visual.webp") !important; }
.proj-grid .proj-card:nth-child(3)::before { background-image: url("../assets/card-visuals/qsd-projects-german-federal-funding-qtr-premium-visual.webp") !important; }
.proj-grid .proj-card:nth-child(4)::before { background-image: url("../assets/card-visuals/qsd-projects-qtr-poc-simulation-premium-visual.webp") !important; }


/* ══════════════════════════════════════════════════════════════════════
   LAYER 16 — qsd-premium-card-visuals-blog-v5
   ══════════════════════════════════════════════════════════════════════ */

/* --- F. BLOG & NEWS --- */
.blog-grid .blog-card:nth-child(1)::before { background-image: url("../assets/card-visuals/qsd-blog-qday-planning-horizon-premium-visual.webp") !important; }
.blog-grid .blog-card:nth-child(2)::before { background-image: url("../assets/card-visuals/qsd-blog-nist-fips-203-mlkem-premium-visual.webp") !important; }
.blog-grid .blog-card:nth-child(3)::before { background-image: url("../assets/card-visuals/qsd-blog-dora-pqc-financial-institutions-premium-visual.webp") !important; }
.blog-grid .blog-card:nth-child(4)::before { background-image: url("../assets/card-visuals/qsd-blog-horizon-europe-consortium-premium-visual.webp") !important; }
.blog-grid .blog-card:nth-child(5)::before { background-image: url("../assets/card-visuals/qsd-blog-cryptographic-agility-framework-premium-visual.webp") !important; }
.blog-grid .blog-card:nth-child(6)::before { background-image: url("../assets/card-visuals/qsd-blog-zero-trust-pqc-architecture-premium-visual.webp") !important; }


/* ══════════════════════════════════════════════════════════════════════
   LAYER 17 — qsd-about-side-visuals-v6-final
   ══════════════════════════════════════════════════════════════════════ */
/* About Us side cards visuals – only side cards, co-founder cards untouched */
#page-about .qsd-side-rail .vc{
  min-height:190px !important;
  padding:92px 20px 20px !important;
}
#page-about .qsd-side-rail .vc::before{
  height:76px !important;
  border-radius:18px 18px 0 0 !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
}
#page-about .qsd-side-rail.left .vc:nth-child(1)::before{
  background-image:
    linear-gradient(180deg, rgba(7,20,43,.18) 0%, rgba(7,20,43,.04) 55%, rgba(255,255,255,0) 100%),
    url('../assets/about-visuals/qsd-about-foresight-premium-visual.png') !important;
}
#page-about .qsd-side-rail.left .vc:nth-child(2)::before{
  background-image:
    linear-gradient(180deg, rgba(7,20,43,.16) 0%, rgba(7,20,43,.04) 55%, rgba(255,255,255,0) 100%),
    url('../assets/about-visuals/qsd-about-dynamic-agility-premium-visual.png') !important;
}
#page-about .qsd-side-rail.right .vc:nth-child(1)::before{
  background-image:
    linear-gradient(180deg, rgba(7,20,43,.16) 0%, rgba(7,20,43,.04) 55%, rgba(255,255,255,0) 100%),
    url('../assets/about-visuals/qsd-about-precision-premium-visual.png') !important;
}
#page-about .qsd-side-rail.right .vc:nth-child(2)::before{
  background-image:
    linear-gradient(180deg, rgba(7,20,43,.16) 0%, rgba(7,20,43,.04) 55%, rgba(255,255,255,0) 100%),
    url('../assets/about-visuals/qsd-about-quiet-power-premium-visual.png') !important;
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 18 — qsd-final-micro-retouches-v6r1
   ══════════════════════════════════════════════════════════════════════ */
/* Final micro-retouches: loader count, Q-Day risk accent, HNDL highlight. No Q-TR / About layout changes. */
#ldr-pct{
  color:#f5d068!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:.12em!important;
}
#page-home .qday-counter,
.hero-qday-wrap .qday-counter{
  border-top:3px solid rgba(179,38,46,.86)!important;
}
.hero-qday-wrap .qday-counter > div[style*="height:2px"]{
  background:linear-gradient(90deg,transparent,rgba(179,38,46,.90),rgba(198,59,70,.86),transparent)!important;
  box-shadow:0 0 16px rgba(198,59,70,.24)!important;
}
#page-home .qday-label::before{
  background:#c63b46!important;
  box-shadow:0 0 10px rgba(198,59,70,.72)!important;
}
.threat-highlight{
  color:#c63b46!important;
  font-weight:800!important;
  text-shadow:0 0 14px rgba(198,59,70,.24)!important;
  letter-spacing:.01em;
}
.qday-status .threat-highlight,
.hero-copy .threat-highlight{
  white-space:normal;
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 19 — qsd-final-frame-unification-v6r2
   ══════════════════════════════════════════════════════════════════════ */
/* Frame unification: use the more corporate crimson risk accent on both the left advisory card and the right Q-Day counter. No Q-TR / About layout changes. */
:root{
  --qsd-risk-crimson:#B3262E;
  --qsd-risk-crimson-soft:#C63B46;
}
#page-home .risk-alert-card{
  border:1px solid rgba(179,38,46,.32)!important;
  border-top:3px solid rgba(179,38,46,.86)!important;
  box-shadow:
    0 14px 38px rgba(0,0,0,.26),
    0 0 0 1px rgba(179,38,46,.05) inset,
    0 0 18px rgba(198,59,70,.10)!important;
  background:
    linear-gradient(180deg, rgba(116,23,23,.24), rgba(43,8,8,.20)),
    radial-gradient(circle at 18% 50%, rgba(198,59,70,.10), rgba(198,59,70,0) 32%)!important;
}
#page-home .risk-alert-head{
  color:#f2d7d9!important;
}
#page-home .risk-signal span{
  border-color:rgba(198,59,70,.82)!important;
}
#page-home .qday-counter,
.hero-qday-wrap .qday-counter{
  border:1px solid rgba(179,38,46,.32)!important;
  border-top:3px solid rgba(179,38,46,.86)!important;
}
.hero-qday-wrap .qday-counter > div[style*="height:2px"]{
  background:linear-gradient(90deg,transparent,rgba(179,38,46,.90),rgba(198,59,70,.86),transparent)!important;
  box-shadow:0 0 16px rgba(198,59,70,.24)!important;
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 20 — qsd-contact-final-polish-v6r3
   ══════════════════════════════════════════════════════════════════════ */
/* Contact page final micro-polish — Q-TR and About unchanged */
#page-contact .page-inner{
  padding-top:58px !important;
}
#page-contact .cta-title{
  text-shadow:0 0 20px rgba(226,184,74,.30), 0 0 34px rgba(255,255,255,.08) !important;
}
#page-contact .cta-title span{
  color:#F5D068 !important;
  text-shadow:0 0 24px rgba(226,184,74,.36) !important;
}
#page-contact .cta-sub{
  color:#E1EAF6 !important;
  max-width:680px !important;
  margin-bottom:22px !important;
}
#page-contact .contact-trust-strip{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0 auto 48px;
  max-width:960px;
}
#page-contact .contact-trust-strip span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(7,21,48,.48);
  border:1px solid rgba(226,184,74,.28);
  color:#F5D068;
  font-family:var(--font-mono);
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 8px 22px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05);
}
#page-contact .contact-trust-strip span::before{
  content:'';
  width:6px;
  height:6px;
  border-radius:50%;
  background:#C63B46;
  box-shadow:0 0 12px rgba(198,59,70,.42);
}
#page-contact .cta-pair{
  margin-bottom:54px !important;
}
#page-contact .cta-pair .btn-g{
  color:#1A1200 !important;
  font-weight:800 !important;
  letter-spacing:.13em !important;
  background:linear-gradient(135deg,#C99418 0%,#E2B84A 48%,#F5D068 100%) !important;
  box-shadow:0 12px 30px rgba(226,184,74,.28), inset 0 1px 0 rgba(255,246,210,.75) !important;
  border:1px solid rgba(245,208,104,.46) !important;
}
#page-contact .cta-pair .btn-g:hover{
  transform:translateY(-2px) !important;
  box-shadow:0 18px 42px rgba(226,184,74,.34), inset 0 1px 0 rgba(255,246,210,.82) !important;
}
#page-contact .cta-pair .btn-o{
  color:#E8F0FB !important;
  border-color:rgba(226,184,74,.48) !important;
  background:rgba(7,21,48,.42) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 10px 26px rgba(0,0,0,.16) !important;
}
#page-contact .cta-pair .btn-o:hover{
  color:#F5D068 !important;
  border-color:rgba(245,208,104,.78) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.20), 0 0 0 1px rgba(226,184,74,.14) !important;
}
#page-contact div[style*="grid-template-columns:repeat(3,1fr)"]{
  gap:20px !important;
}
#page-contact div[style*="background:var(--card-bg)"]{
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.88) !important;
  border-top:3px solid rgba(226,184,74,.72) !important;
  background:linear-gradient(145deg,#FFFDF7 0%,#FFF7E8 100%) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.24),0 0 0 1px rgba(226,184,74,.10) !important;
}
#page-contact div[style*="background:var(--card-bg)"]:hover{
  transform:translateY(-4px) !important;
  border-top-color:#C63B46 !important;
  box-shadow:0 22px 56px rgba(0,0,0,.30),0 0 0 1px rgba(198,59,70,.16) !important;
}
#page-contact div[style*="background:var(--card-bg)"] .slbl{
  color:#8A610C !important;
  letter-spacing:.12em !important;
}
#page-contact div[style*="background:var(--card-bg)"] a{
  color:#8F1D2C !important;
  font-weight:700 !important;
}
#page-contact div[style*="background:var(--card-bg)"] p{
  color:#2E4057 !important;
}
#page-contact div[style*="background:rgba(255,250,235,.96)"]{
  border-radius:18px !important;
  border:1px solid rgba(226,184,74,.38) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
}
#page-contact div[style*="background:rgba(255,250,235,.96)"] a{
  color:#8F1D2C !important;
  font-weight:700 !important;
}
@media(max-width:900px){
  #page-contact .contact-trust-strip{
    margin-bottom:34px;
  }
  #page-contact .contact-trust-strip span{
    width:100%;
    justify-content:center;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 21 — qsd-laptop-leftsafe-fit-v5
   ══════════════════════════════════════════════════════════════════════ */
/* ==========================================================================
   QSD FINAL — Laptop Left-Safe True-Fit v5
   Based on user-provided FINAL package.
   Fixes:
   - No center-scaling / negative margin, therefore About Us no longer shifts left.
   - Page-specific laptop fit scaling from top-left.
   - Smaller music control and ticker on laptop screens.
   - Q-TR bottom area protected with scroll/padding.
   ========================================================================== */

/* Base safety */
html, body{
  overflow-x:hidden!important;
}

/* 13"+ laptop and compact desktop mode */
@media (min-width:1024px) and (max-width:1800px){

  :root{
    --qsd-nav-h:56px;
    --qsd-ticker-h:24px;
  }

  body{
    height:100vh!important;
    overflow:hidden!important;
  }

  nav{
    height:var(--qsd-nav-h)!important;
    padding-left:2%!important;
    padding-right:2%!important;
  }

  .page{
    padding-top:var(--qsd-nav-h)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  /* Compact navigation */
  .nlogo{
    gap:8px!important;
    margin-right:8px!important;
  }
  .nlogo-mark{
    width:50px!important;
    min-width:50px!important;
    height:50px!important;
  }
  .nlogo-main{
    font-size:10.4px!important;
    letter-spacing:.12em!important;
  }
  .nlogo-sub{
    font-size:7.4px!important;
    letter-spacing:.08em!important;
  }
  .ntabs{
    gap:4px!important;
  }
  .nt{
    padding:6px 7px!important;
    font-size:9px!important;
    letter-spacing:.045em!important;
  }
  .nright{
    gap:5px!important;
    margin-left:6px!important;
  }
  .nlb{
    padding:5px 7px!important;
    font-size:8.5px!important;
  }
  .ncta{
    padding:7px 10px!important;
    font-size:9px!important;
    letter-spacing:.08em!important;
  }

  /* Reduce lower overlays */
  #global-ticker{
    min-height:var(--qsd-ticker-h)!important;
    padding:4px 0!important;
    background:rgba(226,184,74,.045)!important;
  }
  #global-ticker .tkr-tr{
    gap:30px!important;
  }
  #global-ticker .tkr-i{
    font-size:9.5px!important;
    letter-spacing:.17em!important;
  }

  #music-ctrl{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:50%!important;
    padding:5px!important;
    right:12px!important;
    bottom:34px!important;
    gap:0!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  #music-icon{
    width:30px!important;
    height:30px!important;
  }
  #music-label,
  #music-sub{
    display:none!important;
  }

  /* ------------------------------------------------------------------
     LEFT-SAFE FIT ENGINE
     Unlike previous version: no negative margin, no center clipping.
     The virtual canvas is wider, then scaled down from top-left.
     ------------------------------------------------------------------ */

  .page > .page-inner{
    --qsd-s:.74;
    --qsd-w:135.14%;
    --qsd-h:135dvh;

    transform-origin:top left!important;
    transform:scale(var(--qsd-s))!important;
    width:var(--qsd-w)!important;
    min-height:var(--qsd-h)!important;
    margin-left:0!important;
    padding-top:44px!important;
    padding-bottom:160px!important;
  }

  #page-home > .hero-grid{
    --qsd-s:.74;
    --qsd-w:135.14%;
    --qsd-h:135dvh;

    transform-origin:top left!important;
    transform:scale(var(--qsd-s))!important;
    width:var(--qsd-w)!important;
    height:var(--qsd-h)!important;
    min-height:var(--qsd-h)!important;
    margin-left:0!important;
    grid-template-columns:52% 48%!important;
  }

  #page-home .hero-r{
    min-height:var(--qsd-h)!important;
  }

  /* Page-specific fit strengths */
  #page-home > .hero-grid{
    --qsd-s:.73;
    --qsd-w:136.99%;
    --qsd-h:137dvh;
  }

  #page-products > .page-inner,
  #page-consulting > .page-inner,
  #page-blog > .page-inner{
    --qsd-s:.72;
    --qsd-w:138.89%;
    --qsd-h:140dvh;
  }

  #page-projects > .page-inner{
    --qsd-s:.73;
    --qsd-w:136.99%;
    --qsd-h:138dvh;
  }

  #page-rnd > .page-inner{
    --qsd-s:.68;
    --qsd-w:147.06%;
    --qsd-h:150dvh;
  }

  #page-qtr > .page-inner{
    --qsd-s:.69;
    --qsd-w:144.93%;
    --qsd-h:150dvh;
    padding-bottom:220px!important;
  }

  #page-about > .page-inner{
    --qsd-s:.72;
    --qsd-w:138.89%;
    --qsd-h:145dvh;
    padding-bottom:210px!important;
  }

  #page-contact > .page-inner{
    --qsd-s:.82;
    --qsd-w:121.95%;
    --qsd-h:125dvh;
  }

  /* Typography and density adjustments */
  .stitle{
    font-size:clamp(30px,3.8vw,52px)!important;
    line-height:1.04!important;
  }
  .ssub,
  .lead,
  .body-copy{
    font-size:14px!important;
    line-height:1.60!important;
  }
  .products-grid,
  .consult-grid,
  .rnd-feature-grid,
  .rnd-sector-grid,
  .projects-grid,
  .blog-grid{
    gap:18px!important;
  }
  .sc,
  .con-card,
  .rnd-card,
  .rnd-sector-card,
  .proj-card,
  .blog-card{
    padding:20px 18px!important;
  }
  .sc p,
  .con-card p,
  .rnd-card p,
  .rnd-sector-card p,
  .proj-card p,
  .blog-card p{
    font-size:13px!important;
    line-height:1.54!important;
  }

  /* Home-specific fine tuning */
  #page-home .hero-l{
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  .hero-ey{
    margin-bottom:12px!important;
  }
  h1.ht{
    font-size:clamp(32px,4.3vw,62px)!important;
    line-height:1.045!important;
    margin-bottom:8px!important;
  }
  .hmotto{
    font-size:14px!important;
    line-height:1.44!important;
    margin-bottom:10px!important;
    padding-bottom:8px!important;
  }
  .hbody{
    font-size:14px!important;
    line-height:1.54!important;
    margin-bottom:12px!important;
  }
  .hctas{
    margin-bottom:10px!important;
  }

  /* About Us: keep final structure, ensure side cards are readable */
  #page-about .qsd-about-v9-wrap,
  #page-about .qsd-about-v15-wrap{
    gap:22px!important;
  }
  #page-about .qsd-about-story{
    padding:30px 34px 28px!important;
  }
  #page-about .qsd-about-executive{
    padding:24px 24px 26px!important;
  }
  #page-about .qsd-about-columns{
    grid-template-columns:minmax(190px,.82fr) minmax(0,1.90fr) minmax(190px,.82fr)!important;
    gap:18px!important;
  }
  #page-about .qsd-side-rail{
    gap:16px!important;
  }
  #page-about .qsd-side-rail .vc{
    min-height:118px!important;
    padding:18px 17px!important;
  }
  #page-about .qsd-side-rail .vc::before{
    display:none!important;
    content:none!important;
    height:0!important;
    background:none!important;
  }
  #page-about .qsd-side-rail .vc h4{
    font-size:14.5px!important;
    line-height:1.2!important;
    margin-bottom:8px!important;
    color:#09162d!important;
  }
  #page-about .qsd-side-rail .vc p{
    font-size:12.6px!important;
    line-height:1.50!important;
    color:#3a4760!important;
  }
  #page-about .founders-profiles{
    gap:18px!important;
  }
  #page-about .founder-card{
    padding:20px 17px 18px!important;
  }
  #page-about .fdr-photo-wrap{
    width:90px!important;
    height:90px!important;
    margin-bottom:12px!important;
  }
  #page-about .fdr-name{
    font-size:15.5px!important;
    margin-bottom:7px!important;
  }
  #page-about .founder-card .fdr-role-main{
    white-space:nowrap!important;
    font-size:9.6px!important;
    letter-spacing:.03em!important;
    line-height:1.35!important;
  }
  #page-about .founder-card .fdr-role-spec{
    font-size:9.6px!important;
    letter-spacing:.03em!important;
    line-height:1.35!important;
  }
  #page-about .founder-card .fdr-desc{
    font-size:12px!important;
    line-height:1.45!important;
    min-height:auto!important;
  }

  /* Q-TR dashboard: protect lower area from ticker */
  #page-qtr .qtr-layout{
    gap:46px!important;
  }
  #page-qtr .qtr-left-panel{
    padding:30px!important;
  }
}

/* More compact browser height on 13" MacBook-style screens */
@media (min-width:1024px) and (max-width:1800px) and (max-height:900px){

  .nlogo-sub{
    display:none!important;
  }

  #page-home > .hero-grid{
    --qsd-s:.70;
    --qsd-w:142.86%;
    --qsd-h:145dvh;
  }

  #page-products > .page-inner,
  #page-consulting > .page-inner,
  #page-blog > .page-inner{
    --qsd-s:.69;
    --qsd-w:144.93%;
    --qsd-h:148dvh;
  }

  #page-projects > .page-inner{
    --qsd-s:.70;
    --qsd-w:142.86%;
    --qsd-h:146dvh;
  }

  #page-rnd > .page-inner{
    --qsd-s:.65;
    --qsd-w:153.85%;
    --qsd-h:160dvh;
  }

  #page-qtr > .page-inner{
    --qsd-s:.66;
    --qsd-w:151.52%;
    --qsd-h:160dvh;
    padding-bottom:250px!important;
  }

  #page-about > .page-inner{
    --qsd-s:.69;
    --qsd-w:144.93%;
    --qsd-h:152dvh;
    padding-bottom:240px!important;
  }

  #page-contact > .page-inner{
    --qsd-s:.78;
    --qsd-w:128.21%;
    --qsd-h:132dvh;
  }

  h1.ht{
    font-size:clamp(30px,4vw,56px)!important;
  }
}

/* Mobile / tablet untouched */
@media (max-width:1023px){
  body{
    height:auto!important;
    overflow-y:auto!important;
  }
  .page{
    position:absolute!important;
    height:auto!important;
    min-height:100dvh!important;
    max-height:none!important;
    overflow-y:auto!important;
  }
  .page > .page-inner,
  #page-home > .hero-grid{
    transform:none!important;
    width:auto!important;
    min-height:auto!important;
  }
  #music-ctrl{
    width:auto!important;
    height:auto!important;
  }
  #music-label,
  #music-sub{
    display:block!important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 22 — qsd-about-laptop-centering-v6
   ══════════════════════════════════════════════════════════════════════ */
/* ==========================================================================
   V6 micro-fix: About Us centering on 13"+ laptop screens
   Keeps other pages as in V5.
   Problem solved:
   - About Us content was scaled but remained visually left-heavy.
   - This centers the About content block without affecting large monitors.
   ========================================================================== */

@media (min-width:1024px) and (max-width:1800px){

  /* Use the same fit scale, but allow the virtual canvas to fill the viewport
     after scaling instead of being capped by the old max-width container. */
  #page-about > .page-inner{
    max-width:none!important;
    width:calc(100% / var(--qsd-s, .72))!important;
    margin-left:0!important;
    margin-right:0!important;
    transform-origin:top left!important;
  }

  #page-about .qsd-about-v9-wrap,
  #page-about .qsd-about-v15-wrap{
    max-width:none!important;
    width:100%!important;
    box-sizing:border-box!important;
    padding-left:calc(3.2vw / var(--qsd-s, .72))!important;
    padding-right:calc(3.2vw / var(--qsd-s, .72))!important;
  }

  /* Make the two executive blocks use the available visual width more evenly. */
  #page-about .qsd-about-story,
  #page-about .qsd-about-executive{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }

  #page-about .qsd-about-columns{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(220px,.82fr) minmax(0,1.78fr) minmax(220px,.82fr)!important;
  }
}

/* Short laptop viewport: keep same centering with slightly stronger internal padding. */
@media (min-width:1024px) and (max-width:1800px) and (max-height:900px){
  #page-about .qsd-about-v9-wrap,
  #page-about .qsd-about-v15-wrap{
    padding-left:calc(3.6vw / var(--qsd-s, .69))!important;
    padding-right:calc(3.6vw / var(--qsd-s, .69))!important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 23 — qsd-about-laptop-stable-center-v7
   ══════════════════════════════════════════════════════════════════════ */
/* ==========================================================================
   V7 targeted fix: About Us laptop layout only
   Goal:
   - keep all other pages exactly as in V6
   - stop About Us from being transform-scaled/left-anchored on laptop
   - center About Us content using normal responsive layout
   - keep page scroll available for 13" laptop screens
   ========================================================================== */

@media (min-width:1024px) and (max-width:1800px){

  /* Disable the laptop transform engine ONLY for About Us.
     Other pages keep the existing V6 behavior. */
  #page-about > .page-inner{
    transform:none!important;
    transform-origin:initial!important;
    width:min(1240px, calc(100vw - 88px))!important;
    max-width:1240px!important;
    min-height:auto!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:58px 0 210px!important;
    box-sizing:border-box!important;
  }

  #page-about .qsd-about-v9-wrap,
  #page-about .qsd-about-v15-wrap{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    gap:24px!important;
    box-sizing:border-box!important;
  }

  #page-about .qsd-about-story,
  #page-about .qsd-about-executive{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  #page-about .qsd-about-story{
    padding:34px 36px 30px!important;
  }

  #page-about .qsd-about-executive{
    padding:26px 26px 28px!important;
  }

  #page-about .qsd-about-columns{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(210px,.82fr) minmax(0,1.85fr) minmax(210px,.82fr)!important;
    gap:18px!important;
    align-items:start!important;
  }

  #page-about .qsd-side-rail{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
  }

  #page-about .founders-profiles{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:16px!important;
  }

  /* Side cards readable, without image/overlay masking text */
  #page-about .qsd-side-rail .vc{
    min-height:118px!important;
    padding:18px 16px!important;
    background:linear-gradient(180deg, rgba(252,248,241,.995), rgba(244,237,221,.99))!important;
  }

  #page-about .qsd-side-rail .vc::before{
    display:none!important;
    content:none!important;
    height:0!important;
    background:none!important;
  }

  #page-about .qsd-side-rail .vc h4{
    font-size:14.5px!important;
    line-height:1.2!important;
    margin-bottom:8px!important;
    color:#09162d!important;
  }

  #page-about .qsd-side-rail .vc p{
    font-size:12.6px!important;
    line-height:1.50!important;
    color:#3a4760!important;
  }

  #page-about .founder-card{
    padding:20px 16px 18px!important;
  }

  #page-about .fdr-photo-wrap{
    width:88px!important;
    height:88px!important;
    margin-bottom:12px!important;
  }

  #page-about .fdr-name{
    font-size:15px!important;
    line-height:1.18!important;
    margin-bottom:7px!important;
  }

  #page-about .founder-card .fdr-role-main{
    white-space:nowrap!important;
    font-size:9.5px!important;
    letter-spacing:.02em!important;
    line-height:1.35!important;
  }

  #page-about .founder-card .fdr-role-spec{
    font-size:9.5px!important;
    letter-spacing:.02em!important;
    line-height:1.35!important;
  }

  #page-about .founder-card .fdr-desc{
    font-size:11.8px!important;
    line-height:1.45!important;
    min-height:auto!important;
  }
}

/* 13" / short viewport: slightly narrower but still centered */
@media (min-width:1024px) and (max-width:1800px) and (max-height:900px){
  #page-about > .page-inner{
    width:min(1180px, calc(100vw - 78px))!important;
    max-width:1180px!important;
    padding-top:52px!important;
    padding-bottom:230px!important;
  }

  #page-about .qsd-about-story{
    padding:30px 32px 28px!important;
  }

  #page-about .qsd-about-executive{
    padding:24px 24px 26px!important;
  }

  #page-about .qsd-about-columns{
    grid-template-columns:minmax(200px,.82fr) minmax(0,1.82fr) minmax(200px,.82fr)!important;
    gap:16px!important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 24 — qsd-about-laptop-compact-center-v8
   ══════════════════════════════════════════════════════════════════════ */
/* ==========================================================================
   V8 targeted fix: About Us centered + compact / zoom-out laptop view
   Scope: About Us only, 13"+ laptop screens.
   Other pages remain exactly as in V7.
   ========================================================================== */

@media (min-width:1024px) and (max-width:1800px){

  /* Centered zoom-out: no left clipping, but more content visible vertically. */
  #page-about > .page-inner{
    --qsd-about-scale:.84;
    transform:scale(var(--qsd-about-scale))!important;
    transform-origin:top center!important;

    width:min(calc((100vw - 88px) / var(--qsd-about-scale)), 1500px)!important;
    max-width:1500px!important;
    min-height:calc(132dvh / var(--qsd-about-scale))!important;

    margin-left:auto!important;
    margin-right:auto!important;
    padding:38px 0 250px!important;
    box-sizing:border-box!important;
  }

  #page-about .qsd-about-v9-wrap,
  #page-about .qsd-about-v15-wrap{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    gap:18px!important;
    box-sizing:border-box!important;
  }

  #page-about .qsd-about-story,
  #page-about .qsd-about-executive{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  /* Compact story block */
  #page-about .qsd-about-story{
    padding:26px 32px 24px!important;
    border-radius:26px!important;
  }

  #page-about .qsd-about-story .slbl{
    margin-bottom:10px!important;
  }

  #page-about .qsd-about-story .stitle{
    font-size:clamp(34px,3.15vw,48px)!important;
    line-height:1.04!important;
    margin-bottom:14px!important;
  }

  #page-about .qsd-about-story .lead,
  #page-about .qsd-about-story .body-copy{
    font-size:13.5px!important;
    line-height:1.58!important;
    margin-bottom:12px!important;
  }

  #page-about .qsd-about-story .pull-quote{
    font-size:15px!important;
    line-height:1.42!important;
    margin:0 0 12px!important;
  }

  #page-about .fquote{
    margin-top:12px!important;
    padding:16px 20px 14px!important;
    border-radius:18px!important;
  }

  #page-about .fquote p{
    font-size:12.7px!important;
    line-height:1.50!important;
    margin-bottom:8px!important;
  }

  #page-about .fquote cite{
    font-size:9px!important;
    letter-spacing:.08em!important;
  }

  /* Compact executive block */
  #page-about .qsd-about-executive{
    padding:22px 22px 24px!important;
    border-radius:26px!important;
  }

  #page-about .qsd-about-executive > .slbl{
    margin-bottom:12px!important;
  }

  #page-about .qsd-about-columns{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(210px,.82fr) minmax(0,1.82fr) minmax(210px,.82fr)!important;
    gap:16px!important;
    align-items:start!important;
  }

  #page-about .qsd-side-rail{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  #page-about .founders-profiles{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:15px!important;
  }

  #page-about .qsd-side-rail .vc{
    min-height:104px!important;
    padding:15px 15px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg, rgba(252,248,241,.995), rgba(244,237,221,.99))!important;
  }

  #page-about .qsd-side-rail .vc::before{
    display:none!important;
    content:none!important;
    height:0!important;
    background:none!important;
  }

  #page-about .qsd-side-rail .vc h4{
    font-size:13.5px!important;
    line-height:1.18!important;
    margin-bottom:6px!important;
    color:#09162d!important;
  }

  #page-about .qsd-side-rail .vc p{
    font-size:11.8px!important;
    line-height:1.40!important;
    color:#3a4760!important;
  }

  #page-about .founder-card{
    padding:17px 14px 15px!important;
    border-radius:18px!important;
  }

  #page-about .fdr-photo-wrap{
    width:76px!important;
    height:76px!important;
    margin-bottom:10px!important;
  }

  #page-about .fdr-name{
    font-size:13.8px!important;
    line-height:1.15!important;
    margin-bottom:6px!important;
  }

  #page-about .founder-card .fdr-role-main{
    white-space:nowrap!important;
    font-size:8.9px!important;
    letter-spacing:.015em!important;
    line-height:1.30!important;
  }

  #page-about .founder-card .fdr-role-spec{
    font-size:8.9px!important;
    letter-spacing:.015em!important;
    line-height:1.30!important;
  }

  #page-about .founder-card .fdr-desc{
    font-size:11.2px!important;
    line-height:1.35!important;
    min-height:auto!important;
  }
}

/* 13" MacBook / shorter laptop viewport: stronger compacting */
@media (min-width:1024px) and (max-width:1800px) and (max-height:900px){
  #page-about > .page-inner{
    --qsd-about-scale:.78;
    width:min(calc((100vw - 72px) / var(--qsd-about-scale)), 1520px)!important;
    max-width:1520px!important;
    padding-top:30px!important;
    padding-bottom:270px!important;
    min-height:calc(142dvh / var(--qsd-about-scale))!important;
  }

  #page-about .qsd-about-v9-wrap,
  #page-about .qsd-about-v15-wrap{
    gap:16px!important;
  }

  #page-about .qsd-about-story{
    padding:24px 30px 22px!important;
  }

  #page-about .qsd-about-story .stitle{
    font-size:clamp(32px,3vw,44px)!important;
    margin-bottom:12px!important;
  }

  #page-about .qsd-about-story .lead,
  #page-about .qsd-about-story .body-copy{
    font-size:13px!important;
    line-height:1.50!important;
  }

  #page-about .qsd-about-story .pull-quote{
    font-size:14.2px!important;
  }

  #page-about .qsd-about-executive{
    padding:20px 20px 22px!important;
  }

  #page-about .qsd-about-columns{
    grid-template-columns:minmax(205px,.82fr) minmax(0,1.80fr) minmax(205px,.82fr)!important;
    gap:14px!important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 25 — qsd-about-laptop-final-v9
   ══════════════════════════════════════════════════════════════════════ */
/* ==========================================================================
   V9 targeted fix: About Us laptop final adjustment
   Scope: About Us only on 13"+ laptop screens.
   Fixes:
   - restores visible starfield background
   - removes transform/scale behavior that broke scrolling
   - centers the page normally
   - compacts excessive empty space in the story block
   - restores readable founder card typography
   - keeps natural vertical scroll
   ========================================================================== */

@media (min-width:1024px) and (max-width:1800px){

  /* Page-level scroll restored specifically for About Us */
  #page-about{
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:
      radial-gradient(circle at 14% 18%, rgba(100,234,246,.08), transparent 20%),
      radial-gradient(circle at 82% 22%, rgba(226,184,74,.07), transparent 22%),
      linear-gradient(180deg, #071530 0%, #061328 50%, #051120 100%)!important;
  }

  #page-about::before{
    content:''!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    opacity:.88!important;
    z-index:0!important;
    background-image:
      radial-gradient(circle at 7% 12%, rgba(255,255,255,.80) 0 1px, transparent 1.8px),
      radial-gradient(circle at 12% 34%, rgba(100,234,246,.72) 0 1px, transparent 1.8px),
      radial-gradient(circle at 18% 66%, rgba(255,255,255,.68) 0 1px, transparent 1.7px),
      radial-gradient(circle at 26% 20%, rgba(226,184,74,.70) 0 1px, transparent 1.8px),
      radial-gradient(circle at 34% 52%, rgba(255,255,255,.72) 0 1px, transparent 1.7px),
      radial-gradient(circle at 43% 30%, rgba(100,234,246,.72) 0 1px, transparent 1.8px),
      radial-gradient(circle at 52% 72%, rgba(255,255,255,.68) 0 1px, transparent 1.7px),
      radial-gradient(circle at 61% 18%, rgba(226,184,74,.68) 0 1px, transparent 1.8px),
      radial-gradient(circle at 70% 56%, rgba(255,255,255,.70) 0 1px, transparent 1.7px),
      radial-gradient(circle at 79% 32%, rgba(100,234,246,.70) 0 1px, transparent 1.8px),
      radial-gradient(circle at 88% 14%, rgba(255,255,255,.78) 0 1px, transparent 1.7px),
      radial-gradient(circle at 94% 70%, rgba(226,184,74,.62) 0 1px, transparent 1.8px)!important;
  }

  /* Disable all previous transform/zoom logic for About Us.
     This makes scroll height real and prevents content being cut. */
  #page-about > .page-inner{
    transform:none!important;
    zoom:1!important;
    transform-origin:initial!important;

    width:min(1180px, calc(100vw - 104px))!important;
    max-width:1180px!important;
    min-height:auto!important;
    height:auto!important;

    margin-left:auto!important;
    margin-right:auto!important;
    padding:44px 0 180px!important;
    box-sizing:border-box!important;
    position:relative!important;
    z-index:1!important;
  }

  #page-about .qsd-about-v9-wrap,
  #page-about .qsd-about-v15-wrap{
    width:100%!important;
    max-width:100%!important;
    min-height:auto!important;
    height:auto!important;
    margin:0 auto!important;
    padding:0!important;
    display:grid!important;
    gap:22px!important;
    box-sizing:border-box!important;
  }

  #page-about .qsd-about-story,
  #page-about .qsd-about-executive{
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
    border-radius:26px!important;
  }

  /* Story block: remove excessive empty area */
  #page-about .qsd-about-story{
    padding:28px 34px 26px!important;
  }

  #page-about .qsd-about-story::before,
  #page-about .qsd-about-executive::before{
    height:72px!important;
  }

  #page-about .qsd-about-story .slbl{
    margin-bottom:10px!important;
  }

  #page-about .qsd-about-story .stitle{
    font-size:clamp(34px,3vw,44px)!important;
    line-height:1.04!important;
    margin-bottom:14px!important;
    max-width:980px!important;
  }

  #page-about .qsd-about-story .lead,
  #page-about .qsd-about-story .body-copy{
    font-size:13.6px!important;
    line-height:1.58!important;
    margin-bottom:12px!important;
    max-width:1000px!important;
  }

  #page-about .qsd-about-story .pull-quote{
    font-size:15.2px!important;
    line-height:1.42!important;
    margin:0 0 12px!important;
  }

  #page-about .fquote{
    margin-top:12px!important;
    padding:16px 20px 14px!important;
    border-radius:18px!important;
  }

  #page-about .fquote p{
    font-size:12.8px!important;
    line-height:1.52!important;
    margin:0 0 8px!important;
  }

  #page-about .fquote cite{
    font-size:9.2px!important;
    letter-spacing:.075em!important;
  }

  /* Executive block: compact but readable */
  #page-about .qsd-about-executive{
    padding:24px 24px 26px!important;
  }

  #page-about .qsd-about-executive > .slbl{
    margin-bottom:14px!important;
  }

  #page-about .qsd-about-columns{
    width:100%!important;
    max-width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(200px,.80fr) minmax(0,1.78fr) minmax(200px,.80fr)!important;
    gap:16px!important;
    align-items:start!important;
  }

  #page-about .qsd-side-rail{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }

  #page-about .founders-profiles{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:15px!important;
  }

  /* Side cards: readable; no masking layer */
  #page-about .qsd-side-rail .vc{
    min-height:105px!important;
    height:auto!important;
    padding:15px 15px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg, rgba(252,248,241,.995), rgba(244,237,221,.99))!important;
  }

  #page-about .qsd-side-rail .vc::before{
    display:none!important;
    content:none!important;
    height:0!important;
    background:none!important;
  }

  #page-about .qsd-side-rail .vc h4{
    font-size:13.7px!important;
    line-height:1.20!important;
    margin-bottom:7px!important;
    color:#09162d!important;
  }

  #page-about .qsd-side-rail .vc p{
    font-size:12px!important;
    line-height:1.44!important;
    color:#3a4760!important;
  }

  /* Founder cards: restore readability and reduce photo/text gap */
  #page-about .founder-card{
    padding:17px 14px 16px!important;
    border-radius:18px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:0!important;
    height:auto!important;
  }

  #page-about .fdr-photo-wrap{
    width:78px!important;
    height:78px!important;
    margin:0 auto 9px!important;
  }

  #page-about .fdr-name{
    font-size:14.8px!important;
    line-height:1.15!important;
    margin:0 0 6px!important;
  }

  #page-about .founder-card .fdr-role{
    margin-bottom:8px!important;
  }

  #page-about .founder-card .fdr-role-main{
    white-space:nowrap!important;
    font-size:9.4px!important;
    letter-spacing:.012em!important;
    line-height:1.28!important;
  }

  #page-about .founder-card .fdr-role-spec{
    font-size:9.4px!important;
    letter-spacing:.012em!important;
    line-height:1.28!important;
  }

  #page-about .founder-card .fdr-desc{
    font-size:12.2px!important;
    line-height:1.40!important;
    min-height:auto!important;
    margin:0!important;
  }
}

/* MacBook Air 13" short viewport: slightly tighter only */
@media (min-width:1024px) and (max-width:1800px) and (max-height:900px){
  #page-about > .page-inner{
    width:min(1160px, calc(100vw - 90px))!important;
    max-width:1160px!important;
    padding-top:36px!important;
    padding-bottom:210px!important;
  }

  #page-about .qsd-about-v9-wrap,
  #page-about .qsd-about-v15-wrap{
    gap:18px!important;
  }

  #page-about .qsd-about-story{
    padding:24px 30px 22px!important;
  }

  #page-about .qsd-about-story .stitle{
    font-size:clamp(32px,2.85vw,42px)!important;
    margin-bottom:12px!important;
  }

  #page-about .qsd-about-story .lead,
  #page-about .qsd-about-story .body-copy{
    font-size:13px!important;
    line-height:1.50!important;
  }

  #page-about .qsd-about-story .pull-quote{
    font-size:14.4px!important;
  }

  #page-about .qsd-about-executive{
    padding:21px 21px 23px!important;
  }

  #page-about .qsd-about-columns{
    grid-template-columns:minmax(200px,.80fr) minmax(0,1.76fr) minmax(200px,.80fr)!important;
    gap:14px!important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 26 — qsd-about-laptop-balanced-zoomout-v10
   ══════════════════════════════════════════════════════════════════════ */
/* ==========================================================================
   V10 targeted fix: About Us laptop balanced zoom-out
   Scope: About Us only, 13"+ laptop screens.
   Base: V9, where centering + scroll + starfield already work.
   Change: reduce visual scale via typography, padding, card height and spacing,
   without transform scaling, so scroll remains reliable.
   ========================================================================== */

@media (min-width:1024px) and (max-width:1800px){

  #page-about > .page-inner{
    width:min(1120px, calc(100vw - 120px))!important;
    max-width:1120px!important;
    padding-top:34px!important;
    padding-bottom:190px!important;
  }

  #page-about .qsd-about-v9-wrap,
  #page-about .qsd-about-v15-wrap{
    gap:16px!important;
  }

  #page-about .qsd-about-story,
  #page-about .qsd-about-executive{
    border-radius:24px!important;
  }

  /* Top story block: visually smaller, still premium */
  #page-about .qsd-about-story{
    padding:22px 28px 20px!important;
  }

  #page-about .qsd-about-story::before,
  #page-about .qsd-about-executive::before{
    height:58px!important;
  }

  #page-about .qsd-about-story .slbl{
    margin-bottom:8px!important;
    font-size:9px!important;
    letter-spacing:.22em!important;
  }

  #page-about .qsd-about-story .stitle{
    font-size:clamp(28px,2.45vw,38px)!important;
    line-height:1.035!important;
    margin-bottom:10px!important;
    max-width:900px!important;
  }

  #page-about .qsd-about-story .lead,
  #page-about .qsd-about-story .body-copy{
    font-size:12.6px!important;
    line-height:1.46!important;
    margin-bottom:9px!important;
    max-width:940px!important;
  }

  #page-about .qsd-about-story .pull-quote{
    font-size:13.6px!important;
    line-height:1.35!important;
    margin:0 0 9px!important;
  }

  #page-about .fquote{
    margin-top:8px!important;
    padding:12px 16px 11px!important;
    border-radius:16px!important;
  }

  #page-about .fquote p{
    font-size:11.8px!important;
    line-height:1.40!important;
    margin:0 0 6px!important;
  }

  #page-about .fquote cite{
    font-size:8.4px!important;
    letter-spacing:.07em!important;
  }

  /* Founding Team block */
  #page-about .qsd-about-executive{
    padding:18px 18px 22px!important;
  }

  #page-about .qsd-about-executive > .slbl{
    margin-bottom:10px!important;
    font-size:9px!important;
    letter-spacing:.22em!important;
  }

  #page-about .qsd-about-columns{
    grid-template-columns:minmax(178px,.78fr) minmax(0,1.78fr) minmax(178px,.78fr)!important;
    gap:12px!important;
  }

  #page-about .qsd-side-rail{
    gap:11px!important;
  }

  #page-about .founders-profiles{
    gap:12px!important;
  }

  #page-about .qsd-side-rail .vc{
    min-height:88px!important;
    padding:12px 12px!important;
    border-radius:16px!important;
  }

  #page-about .qsd-side-rail .vc h4{
    font-size:12.4px!important;
    line-height:1.16!important;
    margin-bottom:5px!important;
  }

  #page-about .qsd-side-rail .vc p{
    font-size:10.9px!important;
    line-height:1.32!important;
  }

  #page-about .founder-card{
    padding:13px 11px 13px!important;
    border-radius:16px!important;
  }

  #page-about .fdr-photo-wrap{
    width:66px!important;
    height:66px!important;
    margin:0 auto 7px!important;
  }

  #page-about .fdr-name{
    font-size:12.7px!important;
    line-height:1.12!important;
    margin:0 0 5px!important;
  }

  #page-about .founder-card .fdr-role{
    margin-bottom:6px!important;
  }

  #page-about .founder-card .fdr-role-main{
    white-space:nowrap!important;
    font-size:8px!important;
    letter-spacing:.01em!important;
    line-height:1.25!important;
  }

  #page-about .founder-card .fdr-role-spec{
    font-size:8px!important;
    letter-spacing:.01em!important;
    line-height:1.25!important;
  }

  #page-about .founder-card .fdr-desc{
    font-size:10.5px!important;
    line-height:1.30!important;
  }
}

/* MacBook Air 13" / shorter laptop viewport: a little more compact */
@media (min-width:1024px) and (max-width:1800px) and (max-height:900px){

  #page-about > .page-inner{
    width:min(1080px, calc(100vw - 128px))!important;
    max-width:1080px!important;
    padding-top:30px!important;
    padding-bottom:210px!important;
  }

  #page-about .qsd-about-v9-wrap,
  #page-about .qsd-about-v15-wrap{
    gap:14px!important;
  }

  #page-about .qsd-about-story{
    padding:20px 26px 18px!important;
  }

  #page-about .qsd-about-story .stitle{
    font-size:clamp(27px,2.35vw,36px)!important;
  }

  #page-about .qsd-about-story .lead,
  #page-about .qsd-about-story .body-copy{
    font-size:12.2px!important;
    line-height:1.42!important;
  }

  #page-about .qsd-about-story .pull-quote{
    font-size:13px!important;
  }

  #page-about .qsd-about-executive{
    padding:16px 16px 20px!important;
  }

  #page-about .qsd-about-columns{
    grid-template-columns:minmax(170px,.76fr) minmax(0,1.74fr) minmax(170px,.76fr)!important;
    gap:11px!important;
  }

  #page-about .fdr-photo-wrap{
    width:62px!important;
    height:62px!important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   LAYER 27 — qsd-about-laptop-micro-polish-v11
   ══════════════════════════════════════════════════════════════════════ */
/* ==========================================================================
   V11 micro-polish: About Us laptop final refinement
   Scope: About Us only, 13"+ laptop screens.
   Base: V10. No structural change; only small visual refinements.
   ========================================================================== */

@media (min-width:1024px) and (max-width:1800px){

  /* Slightly better visual fit without breaking scroll */
  #page-about > .page-inner{
    width:min(1110px, calc(100vw - 132px))!important;
    max-width:1110px!important;
    padding-top:28px!important;
    padding-bottom:220px!important;
  }

  #page-about .qsd-about-v9-wrap,
  #page-about .qsd-about-v15-wrap{
    gap:13px!important;
  }

  /* Top story block: a little less height, more refined density */
  #page-about .qsd-about-story{
    padding:18px 25px 17px!important;
    border-radius:23px!important;
  }

  #page-about .qsd-about-story::before,
  #page-about .qsd-about-executive::before{
    height:52px!important;
  }

  #page-about .qsd-about-story .slbl{
    margin-bottom:6px!important;
  }

  #page-about .qsd-about-story .stitle{
    font-size:clamp(26px,2.30vw,35px)!important;
    line-height:1.025!important;
    margin-bottom:8px!important;
  }

  #page-about .qsd-about-story .lead,
  #page-about .qsd-about-story .body-copy{
    font-size:12px!important;
    line-height:1.38!important;
    margin-bottom:7px!important;
  }

  #page-about .qsd-about-story .pull-quote{
    font-size:12.7px!important;
    line-height:1.30!important;
    margin:0 0 7px!important;
  }

  #page-about .fquote{
    margin-top:7px!important;
    padding:10px 14px 9px!important;
    border-radius:15px!important;
  }

  #page-about .fquote p{
    font-size:11.2px!important;
    line-height:1.34!important;
    margin-bottom:5px!important;
  }

  #page-about .fquote cite{
    font-size:8px!important;
  }

  /* Founding Team: slightly more center weight, side cards less dominant */
  #page-about .qsd-about-executive{
    padding:15px 15px 18px!important;
    border-radius:23px!important;
  }

  #page-about .qsd-about-executive > .slbl{
    margin-bottom:8px!important;
  }

  #page-about .qsd-about-columns{
    grid-template-columns:minmax(158px,.68fr) minmax(0,1.92fr) minmax(158px,.68fr)!important;
    gap:11px!important;
  }

  #page-about .qsd-side-rail{
    gap:9px!important;
  }

  #page-about .founders-profiles{
    gap:11px!important;
  }

  #page-about .qsd-side-rail .vc{
    min-height:78px!important;
    padding:10px 11px!important;
    border-radius:15px!important;
  }

  #page-about .qsd-side-rail .vc h4{
    font-size:11.6px!important;
    line-height:1.15!important;
    margin-bottom:4px!important;
  }

  #page-about .qsd-side-rail .vc p{
    font-size:10.2px!important;
    line-height:1.28!important;
  }

  #page-about .founder-card{
    padding:11px 10px 12px!important;
    border-radius:15px!important;
  }

  #page-about .fdr-photo-wrap{
    width:58px!important;
    height:58px!important;
    margin-bottom:6px!important;
  }

  #page-about .fdr-name{
    font-size:11.8px!important;
    line-height:1.10!important;
    margin-bottom:4px!important;
  }

  #page-about .founder-card .fdr-role{
    margin-bottom:5px!important;
  }

  #page-about .founder-card .fdr-role-main{
    font-size:7.7px!important;
    line-height:1.22!important;
  }

  #page-about .founder-card .fdr-role-spec{
    font-size:7.7px!important;
    line-height:1.22!important;
  }

  #page-about .founder-card .fdr-desc{
    font-size:9.8px!important;
    line-height:1.25!important;
  }
}

/* Short-height laptop screens: slightly stronger final fit */
@media (min-width:1024px) and (max-width:1800px) and (max-height:900px){

  #page-about > .page-inner{
    width:min(1065px, calc(100vw - 140px))!important;
    max-width:1065px!important;
    padding-top:24px!important;
    padding-bottom:230px!important;
  }

  #page-about .qsd-about-v9-wrap,
  #page-about .qsd-about-v15-wrap{
    gap:12px!important;
  }

  #page-about .qsd-about-story{
    padding:17px 24px 16px!important;
  }

  #page-about .qsd-about-story .stitle{
    font-size:clamp(25px,2.20vw,33px)!important;
  }

  #page-about .qsd-about-executive{
    padding:14px 14px 17px!important;
  }

  #page-about .qsd-about-columns{
    grid-template-columns:minmax(150px,.64fr) minmax(0,1.96fr) minmax(150px,.64fr)!important;
    gap:10px!important;
  }
}