/* NEXO inner pages — reuses the main theme variables from style.css */
.page-main{min-height:100svh;padding-top:88px;background:var(--bg)}
.page-hero{padding:110px 4vw 75px;background:var(--bg)}
.page-hero-inner{width:min(var(--max),100%);margin:auto}
.page-hero .kicker{margin-bottom:14px}
.page-hero h1{max-width:900px;margin:0;font-size:clamp(48px,7vw,96px);line-height:.94;letter-spacing:-.075em}
.page-hero p{max-width:680px;margin:25px 0 0;color:var(--muted);font-size:15px;line-height:1.75}
.page-content{padding:35px 4vw 120px}
.page-content-inner{width:min(var(--max),100%);margin:auto}
.page-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:stretch}
.page-card{padding:34px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 20px 60px rgba(0,0,0,.12)}
.page-card h2{margin:0 0 16px;font-size:clamp(28px,4vw,48px);letter-spacing:-.06em;line-height:1}
.page-card h3{margin:0 0 10px;font-size:18px}
.page-card p{margin:0 0 16px;color:var(--muted);font-size:13px;line-height:1.75}
.page-card p:last-child{margin-bottom:0}
.page-accent{background:var(--accent);color:#fff;border-color:var(--accent)}
.page-accent p,.page-accent .page-meta{color:#eadbe0}
.page-accent .kicker{color:#9fc3ff}
.page-list{display:grid;gap:12px;margin-top:22px}
.page-list-item{display:flex;gap:14px;align-items:flex-start;padding:17px 0;border-top:1px solid var(--line)}
.page-list-item:last-child{border-bottom:1px solid var(--line)}
.page-list-item .icon{flex:0 0 42px;margin:0}
.page-list-item strong{display:block;margin-bottom:5px}
.page-list-item span{color:var(--muted);font-size:12px;line-height:1.6}
.page-accent .page-list-item{border-color:rgba(255,255,255,.2)}
.page-accent .page-list-item span{color:#eadbe0}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.contact-item{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.contact-item .icon{margin-bottom:16px}
.contact-item strong{display:block;margin-bottom:7px}
.contact-item span,.contact-item a{font-size:12px;color:var(--muted);line-height:1.6}
.page-note{margin-top:16px;font-size:11px!important;color:var(--muted)!important}
.partner-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:start}
.partner-benefits{display:grid;gap:14px;margin-top:24px}
.partner-benefit{padding:18px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.06)}
.partner-benefit strong{display:block;margin-bottom:6px}
.partner-benefit span{font-size:12px;line-height:1.6;color:#eadbe0}
.page-form{display:grid;gap:16px}
.page-form label{display:grid;gap:7px;color:var(--muted);font-size:11px}
.page-form input,.page-form select,.page-form textarea{width:100%;border:1px solid var(--line);padding:13px 14px;background:var(--bg);color:var(--text);font:inherit;font-size:13px;outline:none;border-radius:0}
.page-form input:focus,.page-form select:focus,.page-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(113,168,255,.1)}
.page-form .btn{width:max-content}
.page-cta{margin-top:28px;padding:28px;border-radius:18px;background:var(--accent);color:#fff}
.page-cta h3{margin:0 0 8px}
.page-cta p{margin:0 0 18px;color:#eadbe0}
.page-cta .btn-primary{background:#fff;border-color:#fff;color:#111;box-shadow:none}
.page-cta .btn-primary:hover{background:#111;border-color:#111;color:#fff}
[data-theme="light"] .page-card{box-shadow:0 20px 60px rgba(0,0,0,.08)}
[data-theme="light"] .page-hero,
[data-theme="light"] .page-main,
[data-theme="light"] .page-content{background:var(--bg)}
@media(max-width:900px){.page-grid,.partner-layout{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}}
@media(max-width:760px){.page-main{padding-top:72px}.page-hero{padding:80px 6vw 55px}.page-content{padding:25px 6vw 85px}.page-card{padding:26px}.page-form .btn{width:100%}}

/* FAQ + legal pages */
.faq-list,.legal-sections{display:grid;gap:14px}.faq-item{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:0 24px;box-shadow:0 14px 45px rgba(0,0,0,.08)}.faq-item summary{cursor:pointer;list-style:none;padding:22px 34px 22px 0;font-weight:700;font-size:15px;position:relative;color:var(--text)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';position:absolute;right:0;top:18px;font:500 22px 'DM Mono',monospace;color:var(--blue)}.faq-item[open] summary::after{content:'−'}.faq-item p{margin:0;padding:0 0 22px;color:var(--muted);font-size:13px;line-height:1.75}.legal-sections{margin-top:28px}.legal-sections .page-card h3{margin-bottom:10px}.terms-grid{margin-bottom:0}@media(max-width:760px){.faq-item{padding:0 18px}.faq-item summary{padding-right:28px}.legal-sections{gap:12px}}

/* =========================================================
   IQI ABOUT PAGE — add after the existing pages.css rules
   ========================================================= */
.iq-about{overflow:hidden}.about-wrap{width:min(var(--max),100%);margin:0 auto}.about-section{padding:125px 4vw}.about-hero{padding:145px 4vw 105px;background:var(--bg);border-bottom:1px solid var(--line)}.about-hero-inner{width:min(var(--max),100%);margin:auto}.about-hero h1{max-width:1050px;margin:18px 0;font-size:clamp(58px,9vw,128px);line-height:.88;letter-spacing:-.085em}.about-hero-sub{max-width:760px;margin:0 0 25px;font-size:clamp(22px,3vw,36px);line-height:1.15;letter-spacing:-.045em}.about-hero-desc{max-width:720px;margin:10px 0;color:var(--muted);font-size:14px;line-height:1.8}.about-split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;}.about-split-top{margin-top:35px}.about-split h2,.about-section h2{margin:16px 0 0;font-size:clamp(42px,5.5vw,78px);line-height:.95;letter-spacing:-.075em}.about-copy{max-width:670px}.about-copy p{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.8}.about-copy strong{color:var(--text)}.about-copy blockquote{margin:28px 0;padding:20px 0 20px 22px;border-left:3px solid var(--accent);font-size:clamp(21px,2.7vw,34px);line-height:1.2;letter-spacing:-.04em;color:var(--text)}.about-story{background:var(--surface)}.about-maroon{background:#650820;color:#fff}.about-maroon .kicker{color:#9fc3ff}.about-wide-heading{display:grid;gap:2vw;align-items:end;margin-top:30px}.about-wide-heading h2{margin:0}.about-wide-heading p{margin:0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.75}.about-three-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.about-card{min-height:240px;padding:27px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07);border-radius:20px}.about-card-number{display:block;margin-bottom:42px;color:#9fc3ff;font:500 11px 'DM Mono',monospace}.about-card h3{margin:0 0 12px;font-size:20px;letter-spacing:-.04em}.about-card p{margin:0;color:rgba(255,255,255,.74);font-size:12px;line-height:1.7}.about-statement{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;margin-top:20px;padding:28px 0;border-top:1px solid rgba(255,255,255,.22)}.about-statement span{font:500 10px 'DM Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:#9fc3ff}.about-statement strong{font-size:clamp(20px,2.6vw,31px);line-height:1.15;letter-spacing:-.04em}.about-statement p{color:rgba(255,255,255,.72);font-size:12px}.about-inline-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.about-inline-list span{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.about-nexo-line{display:flex;flex-wrap:wrap;gap:10px;margin-top:55px;padding-top:28px;border-top:1px solid var(--line);font:500 12px 'DM Mono',monospace;color:var(--accent)}.about-nexo-line span{padding:11px 15px;border:1px solid rgba(101,8,32,.25);border-radius:999px}.about-belief{background:var(--surface)}.belief-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;margin-top:55px;align-items:start}.belief-principles{border-top:1px solid var(--line)}.belief-principles div{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid var(--line)}.belief-principles span{font:500 10px 'DM Mono',monospace;color:var(--blue)}.belief-principles strong{font-size:clamp(18px,2vw,25px);letter-spacing:-.04em}.about-bottom-statement{margin-top:75px;padding:28px 0;border-top:1px solid var(--line);font-size:18px;color:var(--muted)}.about-bottom-statement strong{display:block;margin-top:8px;color:var(--text);font-size:clamp(25px,3.5vw,45px);letter-spacing:-.055em}.about-mission h2{max-width:1000px;color:#fff}.about-lead{max-width:760px;color:rgba(255,255,255,.82);font-size:17px;line-height:1.75}.about-mission-line{margin-top:45px;padding-top:25px;border-top:1px solid rgba(255,255,255,.22);font:500 12px 'DM Mono',monospace;color:#fff}.about-meaning{background:var(--surface2)}.meaning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.meaning-grid article{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.meaning-grid span{font:500 14px 'DM Mono',monospace;color:var(--accent)}.meaning-grid p{margin:28px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.meaning-footer{margin-top:18px;padding:30px;border-radius:20px;background:#650820;color:#fff;font-size:clamp(20px,2.5vw,30px);letter-spacing:-.04em}.about-leadership{background:var(--bg)}.about-leadership-intro{margin-bottom:65px}.leadership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.leader-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 18px 55px rgba(0,0,0,.08)}.leader-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px;color:var(--blue);font:500 10px 'DM Mono',monospace}.leader-card h3{margin:0 0 7px;font-size:clamp(24px,3vw,36px);line-height:1;letter-spacing:-.055em}.leader-role{margin-bottom:24px;color:var(--blue);font:500 10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.12em}.leader-card p{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.75}.leader-focus{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);color:var(--text);font:500 10px 'DM Mono',monospace;line-height:1.7}.about-closing{padding-top:45px;padding-bottom:130px}.closing-card{padding:80px 8%;border-radius:26px;background:#650820;color:#fff;text-align:center}.closing-card h2{color:#fff;max-width:900px;margin:18px auto 25px}.closing-card p{max-width:700px;margin:0 auto 13px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.75}.closing-final{margin:42px auto 30px;padding-top:27px;border-top:1px solid rgba(255,255,255,.22);font-size:clamp(24px,3.5vw,45px);letter-spacing:-.055em}.about-actions{justify-content:center}.about-actions .btn-primary{background:#fff;border-color:#fff;color:#650820}.about-actions .btn-secondary{background:transparent;border-color:#fff;color:#fff}.about-actions .btn-secondary:hover{background:#fff;color:#650820}
@media(max-width:900px){.about-split,.about-wide-heading,.belief-layout{grid-template-columns:1fr;gap:35px}.about-three-cards,.meaning-grid{grid-template-columns:1fr}.about-statement{grid-template-columns:1fr}.leadership-grid{grid-template-columns:1fr}.leader-card:last-child{grid-column:auto}}
@media(max-width:760px){.about-section{padding:90px 6vw}.about-hero{padding:105px 6vw 75px}.about-hero h1{font-size:clamp(54px,15vw,90px)}.about-hero-sub{font-size:24px}.about-copy p,.about-lead{font-size:13px}.about-inline-list{grid-template-columns:1fr}.about-three-cards{gap:14px}.about-card{min-height:auto}.about-statement{gap:12px}.belief-layout{margin-top:38px}.meaning-grid{margin-top:40px}.leader-card{padding:25px}.closing-card{padding:55px 22px}}

/* =========================================================
   ABOUT HERO — Logo
   ========================================================= */

.about-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  align-items: center;
  gap: 80px;
}

.about-hero-content {
  min-width: 0;
}

.about-hero-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
}

.about-logo {
  width: min(100%, 480px);
  height: auto;
  object-fit: contain;
}

/* Dark theme = white logo */
.about-logo-light {
  display: none;
}

.about-logo-dark {
  display: block;
}

/* Light theme = black logo */
[data-theme="light"] .about-logo-dark {
  display: none;
}

[data-theme="light"] .about-logo-light {
  display: block;
}


/* Mobile */
@media (max-width: 760px) {

  .about-hero-inner {
    grid-template-columns: 1fr;
    gap: 50px;
  }

  .about-hero-logo {
    min-height: 260px;
    order: 2;
  }

  .about-logo {
    width: min(80%, 360px);
  }

}

/* =========================================================
   IQI LEADERSHIP — TEAM CARDS + FLIP
   ========================================================= */

.leadership-flip-card {
  perspective: 1200px;
  padding: 0 !important;
  cursor: pointer;
  min-height: 450px;
}

.leadership-flip-inner {
  position: relative;
  width: 100%;
  height: 450px;

  transform-style: preserve-3d;

  transition:
    transform .7s cubic-bezier(.2,.7,.2,1);
}


/* =========================================================
   BOTH SIDES
   ========================================================= */

.leadership-flip-front,
.leadership-flip-back {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  box-sizing: border-box;

  background: var(--surface);

  border: 1px solid var(--line);
  border-radius: inherit;

  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;

  transform-style: preserve-3d;

  overflow: hidden;
}


/* =========================================================
   FRONT — TEAM MEMBER
   ========================================================= */

.leadership-flip-front {
  display: flex;
  flex-direction: column;

  padding: 14px !important;
}


/* PHOTO */

.leader-photo {
  width: 100%;
  height: 280px;

  overflow: hidden;

  border-radius: 12px;

  background: #eee;
}


/* Placeholder until real photo is supplied */

.leader-photo-placeholder {
  width: 100%;
  height: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  background:
    linear-gradient(
      145deg,
      #eeeeeb,
      #d9d8d4
    );

  color: #999;

  font-size: 48px;
}


/* When actual image is added */

.leader-photo img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
}


/* MEMBER INFO */

.leader-info {
  padding: 18px 8px 5px;
}

.leader-info h3 {
  margin: 0 0 6px;

  font-size: 19px;
  line-height: 1.15;

  letter-spacing: -.035em;

  color: var(--text);
}

.leader-role {
  margin: 0;

  color: var(--muted);

  font-size: 11px;
  line-height: 1.45;
}


/* =========================================================
   SOCIAL ICONS
   ========================================================= */

.leader-socials {
  display: flex;
  align-items: center;

  gap: 7px;

  margin-top: 14px;
}

.leader-socials a {
  width: 27px;
  height: 27px;

  display: grid;
  place-items: center;

  border: 1px solid var(--line);
  border-radius: 50%;

  color: var(--muted);

  font-size: 11px;

  transition:
    background .25s ease,
    color .25s ease,
    border-color .25s ease,
    transform .25s ease;
}

.leader-socials a:hover {
  background: var(--accent);
  border-color: var(--accent);

  color: #fff;

  transform: translateY(-2px);
}


/* =========================================================
   BACK — DESCRIPTION
   ========================================================= */

.leadership-flip-back {
  transform: rotateY(180deg);

  display: flex;
  flex-direction: column;

  padding: 30px !important;

  overflow-y: auto;
}

.leader-back-label {
  font: 500 9px 'DM Mono', monospace;

  letter-spacing: .14em;

  color: var(--blue);

  text-transform: uppercase;
}

.leadership-flip-back h3 {
  margin: 18px 0 20px;

  font-size: 27px;

  line-height: 1;

  letter-spacing: -.05em;

  color: var(--text);
}

.leadership-flip-back p {
  margin: 0 0 13px;

  color: var(--muted);

  font-size: 12px;

  line-height: 1.7;
}


/* =========================================================
   DESKTOP — HOVER FLIP
   ========================================================= */

@media (min-width: 761px) {

  .leadership-flip-card:hover
  .leadership-flip-inner {
    transform: rotateY(180deg);
  }

}


/* =========================================================
   MOBILE — TAP FLIP
   ========================================================= */

@media (max-width: 760px) {

  .leadership-flip-card {
    min-height: 430px;
  }

  .leadership-flip-inner {
    height: 430px;
  }

  .leadership-flip-front,
  .leadership-flip-back {
    height: 430px;
  }

  .leader-photo {
    height: 250px;
  }

  .leadership-flip-front {
    padding: 12px !important;
  }

  .leadership-flip-back {
    padding: 25px !important;
  }

  .leader-info h3 {
    font-size: 18px;
  }

  .leadership-flip-card.is-flipped
  .leadership-flip-inner {
    transform: rotateY(180deg);
  }

}