/* =============================================================================
   MŌ — v2 rebuild (Home · Services · About)
   Loads after style.css. Reuses its tokens, type, nav, footer, buttons, packages.
   Rules for media: photos and videos are shown FULL FRAME (never cropped)
   and in their ORIGINAL COLOUR (no filters, no tints, no overlays).
   ========================================================================== */

/* ---------- shared bits -------------------------------------------------- */
.v2 h1,.v2 h2{letter-spacing:-.04em}
.k{font-size:var(--fs-label);font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.muted{opacity:.72}
.sec-head{display:grid;gap:clamp(14px,1.8vw,22px);max-width:60ch}
.sec-head h2{font-size:var(--fs-l)}
.sec-head p{font-size:var(--fs-lead);line-height:1.5;max-width:46ch}
.sec-head--row{max-width:none;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:var(--col-gap)}

.nav__cta{
  flex:none;display:inline-flex;align-items:center;gap:12px;
  padding:12px 18px;background:var(--yellow);color:var(--ink);
  font-size:.6875rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;line-height:1;
  transition:background-color .3s,color .3s;
}
.nav__cta:hover{background:var(--white)}
.nav .nav__lang{margin-inline-start:0}
.nav__links{margin-inline-end:auto}

.btn--yellow{background:var(--yellow);color:var(--ink)}
.btn--yellow:hover{background:var(--white);color:var(--ink)}
.btn--line{background:transparent;color:inherit;border-color:currentColor}
.btn--line:hover{background:var(--ink);color:var(--white);border-color:var(--ink)}
.is-ink .btn--line:hover,.is-night .btn--line:hover,.is-blue .btn--line:hover{background:var(--white);color:var(--ink);border-color:var(--white)}
.btns{display:flex;flex-wrap:wrap;gap:12px}

/* media frame — full picture, original colour, thin caption under it */
.frame{display:grid;gap:12px;margin:0}
.frame img,.frame video{width:100%;height:auto;display:block;background:rgba(0,0,0,.06)}
.frame figcaption{display:grid;gap:3px;font-size:.8125rem;line-height:1.4}
.frame figcaption b{font-size:var(--fs-label);font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.frame figcaption span{opacity:.72}

/* video wrapper — sound + play controls sit on the video, never cover the subject */
.vid{position:relative}
.vid video{width:100%;height:auto;display:block;background:#000}
.vid__ctl{
  position:absolute;left:10px;bottom:10px;display:flex;gap:6px;
}
.vid__btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;background:rgba(5,4,9,.72);color:var(--white);
  font-size:.6875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  transition:background-color .25s,color .25s;
}
.vid__btn:hover,.vid__btn:focus-visible{background:var(--yellow);color:var(--ink)}
.vid__btn svg{width:14px;height:14px}
.vid__btn--sound{background:var(--yellow);color:var(--ink)}
.vid__btn--sound[aria-pressed="true"]{background:rgba(5,4,9,.72);color:var(--white)}

/* lists I own: neutralise inherited list padding/markers */
.v2 .steps4,.v2 .rootfw__list,.v2 .why__list,.v2 .org-offers{padding:0;margin-left:0;list-style:none}
.v2 .steps4::before,.v2 .rootfw__list::before{content:none;display:none}

/* reveal */
.js [data-up]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js [data-up].is-in{opacity:1;transform:none}

/* ---------- HOME · HERO --------------------------------------------------- */
.h-hero{padding-block:calc(var(--nav-h) + clamp(24px,4vw,56px)) clamp(48px,6vw,88px)}
.h-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,72px);align-items:center}
.h-hero__who{font-size:var(--fs-label);font-weight:800;letter-spacing:.24em;text-transform:uppercase;opacity:.8}
.h-hero__title{margin-top:clamp(18px,2.2vw,28px);font-size:clamp(2.6rem,6.3vw,6.6rem);line-height:.9}
.h-hero__title > span{white-space:nowrap}
.h-hero__title > span{display:block}
.h-hero__title > span + span{color:var(--blue)}
.h-hero__lead{margin-top:clamp(22px,2.6vw,34px);max-width:42ch;font-size:var(--fs-lead);line-height:1.5;opacity:.92}
.h-hero .btns{margin-top:clamp(28px,3.2vw,44px)}
.h-hero__award{
  margin-top:clamp(28px,3.4vw,44px);display:flex;align-items:center;gap:16px;max-width:52ch;
  padding-top:20px;border-top:1px solid var(--line-light);font-size:.875rem;line-height:1.45;
}
.h-hero__award img{width:54px;height:auto;flex:none}
.h-hero__award b{display:block;font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--yellow)}
.h-hero__photo{justify-self:end;margin:0;position:relative}
.h-hero__photo img{height:min(80vh,820px);width:auto;max-width:100%;object-fit:contain;display:block}
.h-hero__photo figcaption{
  margin-top:10px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.6;text-align:right;
}

/* START HERE — the recommended first step, impossible to miss */
.start{
  position:relative;margin-top:clamp(30px,3.4vw,46px);max-width:560px;
  padding:clamp(22px,2.4vw,30px) clamp(20px,2.2vw,28px) clamp(20px,2.2vw,26px);
  border:2px solid var(--yellow);background:rgba(255,208,108,.07);
}
.start__tag{
  position:absolute;top:0;left:clamp(18px,2vw,26px);transform:translateY(-50%);
  padding:7px 12px;background:var(--yellow);color:var(--ink);
  font-size:.6875rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;line-height:1;
}
.start__text{font-size:.9688rem;line-height:1.5;opacity:.92;max-width:46ch}
.start__text b{display:block;margin-bottom:4px;font-size:1.0625rem;color:var(--white);opacity:1}
.start__btn{margin-top:16px;width:100%;justify-content:space-between;padding:22px 24px;font-size:.75rem}
.btns--after{margin-top:14px}
.btns--after .btn{padding:14px 20px}

/* numbers bar */
.nums{border-top:1px solid var(--line-light);margin-top:clamp(40px,5vw,72px)}
.nums ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.nums li{padding:clamp(18px,2.4vw,30px) clamp(10px,1.6vw,22px) 0 0;display:grid;gap:6px}
.nums strong{font-size:clamp(1.9rem,3.6vw,3.4rem);font-weight:900;letter-spacing:-.04em;line-height:1}
.nums strong i{font-style:normal;color:var(--yellow)}
.nums span{font-size:.8125rem;line-height:1.35;opacity:.75;max-width:18ch}

/* ---------- HOME · CREDENTIALS STRIP ------------------------------------- */
.creds2{display:flex;flex-wrap:wrap;gap:10px}
.creds2 li{
  display:flex;align-items:center;gap:10px;
  padding:10px 16px;border:1px solid var(--line-ink);background:var(--white);
  font-size:.8125rem;font-weight:700;line-height:1.25;
}
.creds2 li::before{content:none}
.flag{width:24px;height:16px;flex:none;display:block;outline:1px solid rgba(39,37,40,.15)}
.creds2 li small{font-weight:500;opacity:.65}
.trust{padding-block:clamp(56px,7vw,96px)}
.trust__top{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start}
.trust__top .k{padding-top:12px;white-space:nowrap}
.trust .proof{margin-top:clamp(36px,4.6vw,64px);background:transparent}

/* ---------- REEL: videos from the room ----------------------------------- */
.reel__row{
  display:flex;gap:clamp(14px,1.6vw,22px);align-items:flex-start;
  margin-top:clamp(36px,4.6vw,64px);
  overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;
  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent;
}
.reel__item{flex:none;scroll-snap-align:start;display:grid;gap:12px;margin:0}
.reel__item .vid video{height:clamp(420px,62vh,600px);width:auto;max-width:82vw}
.reel__item figcaption{display:grid;gap:4px;max-width:30ch;font-size:.8125rem;line-height:1.4}
.reel__item figcaption b{font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase}
.reel__item figcaption span{opacity:.7}
.reel__hint{margin-top:8px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.55}

/* ---------- WHY ----------------------------------------------------------- */
.why__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,40px);margin-top:clamp(40px,5vw,72px)}
.why__list li{display:grid;gap:14px;align-content:start;padding-top:22px;border-top:2px solid var(--ink)}
.why__list b{font-size:var(--fs-label);letter-spacing:.2em;color:var(--blue)}
.why__list h3{font-size:clamp(1.35rem,2.1vw,2rem);line-height:1}
.why__list p{font-size:var(--fs-body);line-height:1.55;max-width:34ch}

/* ---------- ROOTS BRIEF --------------------------------------------------- */
.roots2__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,72px);align-items:center}
.roots2 h2{font-size:var(--fs-l)}
.roots2__lead{margin-top:18px;font-size:var(--fs-lead);line-height:1.5;max-width:40ch;opacity:.92}
.steps4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(28px,3.4vw,44px);background:rgba(255,255,255,.3)}
.steps4 li{background:var(--blue);padding:clamp(16px,2vw,24px);display:grid;gap:6px}
.steps4 b{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:900;letter-spacing:-.02em;text-transform:uppercase}
.steps4 b i{font-style:normal;color:var(--yellow);margin-right:.35em}
.steps4 span{font-size:.9375rem;opacity:.88}
.roots2__based{margin-top:18px;font-size:.8125rem;opacity:.75;max-width:52ch}
.roots2 .frame figcaption{color:var(--white)}

/* ---------- OFFERS -------------------------------------------------------- */
.offers3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(40px,5vw,72px)}
.offer3{
  display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;
  padding:clamp(24px,2.8vw,40px);background:var(--paper);border:1px solid var(--line-ink);
  transition:background-color .35s,color .35s,transform .35s var(--ease);
}
.offer3:hover{background:var(--ink);color:var(--paper);transform:translateY(-4px)}
.offer3__n{font-size:var(--fs-label);font-weight:800;letter-spacing:.2em;color:var(--blue)}
.offer3:hover .offer3__n{color:var(--yellow)}
.offer3 h3{font-size:clamp(1.5rem,2.6vw,2.4rem)}
.offer3 p{font-size:var(--fs-body);line-height:1.5;opacity:.85}
.offer3__price{font-size:.8125rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.offer3 .link{justify-self:start;margin-top:8px}

/* ---------- VOICES: testimonial video + real quotes ----------------------- */
.voices2__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4.4vw,80px);align-items:start}
.voices2__video .vid video{max-height:82vh;width:auto;max-width:100%}
.voices2 h2{font-size:var(--fs-l)}
.quotes{display:grid;gap:clamp(18px,2.2vw,28px);margin-top:clamp(28px,3.4vw,44px)}
.quote{margin:0;padding-left:22px;border-left:2px solid var(--yellow)}
.quote p{font-size:clamp(1.1rem,1.6vw,1.45rem);line-height:1.4;font-weight:600}
.quote p[lang="ar"]{font-family:"GE SS Dinar","Noto Kufi Arabic","Tahoma",sans-serif;font-weight:600;line-height:1.7}
.quote small{display:block;margin-top:8px;font-size:.8125rem;opacity:.65}
.voices2__caption{margin-top:14px;font-size:.8125rem;line-height:1.45;opacity:.7}

/* ---------- CASES ----------------------------------------------------------- */
.cases{display:grid;gap:clamp(12px,1.4vw,18px);margin-top:clamp(40px,5vw,72px)}
.case2{border:1px solid var(--line-ink);background:var(--white)}
.case2 summary{
  list-style:none;cursor:pointer;
  display:grid;grid-template-columns:9rem minmax(0,1fr) auto;gap:clamp(14px,2vw,32px);align-items:center;
  padding:clamp(20px,2.4vw,32px);
}
.case2 summary::-webkit-details-marker{display:none}
.case2__tag{font-size:var(--fs-label);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blue);line-height:1.4}
.case2__title{font-size:clamp(1.3rem,2.3vw,2.1rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:1}
.case2__hook{display:block;margin-top:8px;font-size:.9375rem;line-height:1.45;opacity:.75;text-transform:none;letter-spacing:0;font-weight:500}
.case2__open{
  display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ink);
  font-size:1.4rem;line-height:1;transition:background-color .3s,color .3s;
}
.case2__open::before{content:"+"}
.case2[open] .case2__open::before{content:"\2212"}
.case2[open] .case2__open{background:var(--ink);color:var(--white)}
.case2 summary:hover .case2__open{background:var(--blue);color:var(--white);border-color:var(--blue)}
.case2__body{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line-ink);
  border-top:1px solid var(--line-ink);
}
.case2__body div{background:var(--white);padding:clamp(18px,2.2vw,28px);display:grid;gap:10px;align-content:start}
.case2__body b{font-size:var(--fs-label);font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.case2__body div:nth-child(3){background:var(--blue);color:var(--white)}
.case2__body div:nth-child(4){background:var(--ink);color:var(--paper)}
.case2__body p{font-size:.9375rem;line-height:1.55}
.cases__note{margin-top:16px;font-size:.8125rem;opacity:.62}

/* single-case teaser on Home */
.teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start;margin-top:clamp(36px,4.6vw,64px)}
.teaser__steps{display:grid;gap:1px;background:var(--line-ink);border:1px solid var(--line-ink)}
.teaser__steps div{background:var(--white);padding:clamp(16px,2vw,24px);display:grid;grid-template-columns:8.5rem 1fr;gap:16px}
.teaser__steps b{font-size:var(--fs-label);font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);padding-top:3px}
.teaser__steps p{font-size:.9688rem;line-height:1.5}
.teaser__side .teaser__title{margin-top:12px;font-size:clamp(1.6rem,3vw,2.8rem);font-weight:900;text-transform:uppercase;letter-spacing:-.035em;line-height:.98}
.teaser__side p{margin-top:16px;font-size:var(--fs-body);line-height:1.55;max-width:40ch;opacity:.85}
.teaser__side .link{margin-top:28px}

/* ---------- RECOGNITION / GALLERY: masonry, full frames ------------------ */
.masonry{columns:3 280px;column-gap:clamp(14px,1.6vw,22px);margin-top:clamp(36px,4.6vw,64px)}
.masonry > *{break-inside:avoid;margin-bottom:clamp(18px,2vw,28px)}
.masonry .frame img,.masonry .frame video{cursor:zoom-in}
.masonry .vid video{cursor:default}

.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(28px,3.4vw,44px)}
.filters button{
  padding:11px 16px;border:1px solid var(--ink);
  font-size:.6875rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;line-height:1;
  transition:background-color .25s,color .25s;
}
.filters button[aria-pressed="true"],.filters button:hover{background:var(--ink);color:var(--white)}
.filters button span{opacity:.55;margin-left:6px}
.masonry [data-cat].is-hidden{display:none}

/* lightbox */
.lb{position:fixed;inset:0;z-index:120;background:rgba(5,4,9,.94);display:grid;place-items:center;padding:clamp(16px,4vw,56px)}
.lb[hidden]{display:none}
.lb figure{margin:0;display:grid;gap:14px;justify-items:center;max-width:100%}
.lb img{max-width:min(100%,1400px);max-height:calc(100vh - 140px);width:auto;height:auto;object-fit:contain}
.lb figcaption{color:var(--white);text-align:center;font-size:.875rem;line-height:1.45;max-width:70ch}
.lb figcaption b{display:block;font-size:var(--fs-label);letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);margin-bottom:4px}
.lb__close,.lb__nav{position:absolute;color:var(--white);display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.4);font-size:1.5rem;transition:background-color .25s,color .25s}
.lb__close:hover,.lb__nav:hover{background:var(--white);color:var(--ink)}
.lb__close{top:16px;right:16px}
.lb__nav--prev{left:16px;top:50%;transform:translateY(-50%)}
.lb__nav--next{right:16px;top:50%;transform:translateY(-50%)}
body.lb-open{overflow:hidden}

/* ---------- FINAL CTA ----------------------------------------------------- */
.final2{text-align:center}
.final2 h2{font-size:var(--fs-xl);max-width:14ch;margin-inline:auto}
.final2 p{margin:clamp(18px,2.2vw,28px) auto 0;max-width:44ch;font-size:var(--fs-lead);line-height:1.5;opacity:.92}
.final2 .btns{justify-content:center;margin-top:clamp(28px,3.4vw,44px)}
.final2__small{margin-top:20px!important;font-size:.8125rem!important;opacity:.7!important}

/* ---------- SERVICES ------------------------------------------------------ */
.s-hero{padding-block:calc(var(--nav-h) + clamp(40px,6vw,96px)) clamp(56px,7vw,104px)}
.s-hero h1{font-size:clamp(2.8rem,8vw,8rem);line-height:.88;max-width:12ch}
.s-hero__lead{margin-top:clamp(20px,2.4vw,30px);font-size:var(--fs-lead);max-width:44ch;line-height:1.5;opacity:.92}
.jump{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(40px,5vw,72px);border-top:1px solid var(--line-light)}
.jump a{display:grid;gap:8px;padding:clamp(18px,2.2vw,28px) clamp(14px,2vw,24px) clamp(18px,2.2vw,28px) 0;border-right:1px solid var(--line-light);transition:color .25s}
.jump a:last-child{border-right:0}
.jump a:not(:first-child){padding-left:clamp(14px,2vw,24px)}
.jump b{font-size:var(--fs-label);letter-spacing:.2em;color:var(--yellow)}
.jump span{font-size:clamp(1.25rem,2.2vw,2rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:1}
.jump small{font-size:.875rem;opacity:.78}
.jump a:hover span{color:var(--yellow)}

.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4.4vw,80px);align-items:center}
.split--top{align-items:start}
.split h2{font-size:var(--fs-l)}
.split__lead{margin-top:clamp(16px,2vw,24px);font-size:var(--fs-lead);line-height:1.5;max-width:44ch}
.split__list{display:grid;gap:12px;margin-top:clamp(22px,2.6vw,34px)}
.split__list li{position:relative;padding-left:24px;font-size:var(--fs-body);line-height:1.5}
.split__list li::before{content:"";position:absolute;left:0;top:.6em;width:12px;height:2px;background:var(--blue)}
.is-ink .split__list li::before,.is-night .split__list li::before,.is-blue .split__list li::before{background:var(--yellow)}
.split .btns{margin-top:clamp(26px,3vw,40px)}
.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);align-items:start}

.org-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(40px,5vw,72px);background:var(--line-ink);border:1px solid var(--line-ink)}
.org-offers li{background:var(--paper-warm);padding:clamp(22px,2.6vw,36px);display:grid;gap:12px;align-content:start}
.org-offers b{font-size:var(--fs-label);letter-spacing:.2em;color:var(--blue)}
.org-offers h3{font-size:clamp(1.3rem,2.1vw,1.9rem)}
.org-offers p{font-size:.9688rem;line-height:1.55}
.org-offers .chips2{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.chips2 span{padding:6px 10px;border:1px solid var(--line-ink);font-size:.75rem;font-weight:700}

.sig{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(28px,4vw,64px);align-items:start;margin-top:clamp(48px,6vw,96px)}
.sig__title{font-size:clamp(1.9rem,4vw,3.8rem);line-height:.92}
.sig__title em{font-style:normal;color:var(--blue)}
.sig__sub{margin-top:14px;font-size:var(--fs-lead);font-weight:700}
.sig__text{margin-top:14px;font-size:var(--fs-body);line-height:1.55;max-width:44ch}
.sig__media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);align-items:start}

.rootfw__list{display:grid;gap:1px;margin-top:clamp(28px,3.4vw,44px);background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}
.rootfw__list li{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:16px;align-items:start;background:var(--night);padding:clamp(16px,2vw,24px)}
.rootfw__list b{font-size:clamp(2rem,3.4vw,3rem);font-weight:900;line-height:.9;color:var(--yellow)}
.rootfw__list h3{font-size:clamp(1.05rem,1.6vw,1.35rem);text-transform:uppercase}
.rootfw__list p{margin-top:6px;font-size:.9375rem;line-height:1.5;opacity:.82}
.rootfw__media{justify-self:center}
.rootfw__media .vid video{max-height:78vh;width:auto;max-width:100%}

.topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(22px,2.6vw,34px)}
.topics li{padding:9px 14px;background:var(--white);border:1px solid var(--line-ink);font-size:.8125rem;font-weight:700}
.stage-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);align-items:start;margin-top:clamp(40px,5vw,72px)}

.quotes-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(36px,4.6vw,64px)}
.quotes-row .quote{border-left-color:var(--yellow)}

/* ---------- ABOUT --------------------------------------------------------- */
.a-hero{padding-block:calc(var(--nav-h) + clamp(32px,5vw,80px)) var(--section-y)}
.a-hero h1{font-size:clamp(2.6rem,6.2vw,6.4rem);line-height:.9;max-width:13ch}
.a-hero h1 em{font-style:normal;color:var(--blue)}
.a-hero__text{display:grid;gap:16px;margin-top:clamp(24px,3vw,40px);max-width:50ch;font-size:var(--fs-lead);line-height:1.55}
.a-hero__text p:first-child{font-weight:700}
.a-hero__photo{justify-self:end;margin:0}
.a-hero__photo img{max-height:84vh;width:auto;max-width:100%}

.cred3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.6vw,64px);margin-top:clamp(40px,5vw,72px)}
.cred3 h3{font-size:var(--fs-label);letter-spacing:.22em;color:var(--yellow);padding-bottom:14px;border-bottom:1px solid var(--line-light)}
.cred3 ul{display:grid}
.cred3 li{padding:16px 0;border-bottom:1px solid var(--line-light);display:grid;gap:4px}
.cred3 li strong{font-size:1.0625rem;line-height:1.3}
.cred3 li span{font-size:.8125rem;opacity:.7;line-height:1.4}

/* ---------- RESPONSIVE ---------------------------------------------------- */
@media (max-width:1100px){
  .nums ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .case2__body{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1000px){
  .nav__cta{display:none}
  .h-hero__grid,.roots2__grid,.voices2__grid,.split,.teaser,.sig,.a-hero .split{grid-template-columns:minmax(0,1fr)}
  .h-hero__photo,.a-hero__photo{justify-self:start}
  .h-hero__photo img{height:auto;width:100%;max-height:none}
  .a-hero__photo img{max-height:none;width:100%}
  .why__list,.offers3,.org-offers,.cred3,.quotes-row{grid-template-columns:minmax(0,1fr)}
  .trust__top{grid-template-columns:minmax(0,1fr)}
  .voices2__video .vid video,.rootfw__media .vid video{max-height:none;width:100%}
  .rootfw__media{justify-self:stretch}
  .sec-head--row{grid-template-columns:minmax(0,1fr);row-gap:20px}
}
@media (max-width:640px){
  .nums ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps4{grid-template-columns:minmax(0,1fr)}
  .jump{grid-template-columns:minmax(0,1fr)}
  .jump a{border-right:0;border-bottom:1px solid var(--line-light);padding-left:0!important}
  .case2 summary{grid-template-columns:minmax(0,1fr) auto}
  .case2__tag{grid-column:1 / -1}
  .case2__body{grid-template-columns:minmax(0,1fr)}
  .teaser__steps div{grid-template-columns:minmax(0,1fr);gap:6px}
  .sig__media{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stage-media{grid-template-columns:minmax(0,1fr)}
  .pair{grid-template-columns:minmax(0,1fr)}
  .reel__item .vid video{height:auto;width:72vw;max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .js [data-up]{opacity:1;transform:none;transition:none}
}
/* Arabic credential line */
.ar-cred{font-family:"GE SS Dinar","Noto Kufi Arabic","Tahoma",var(--font-sans);letter-spacing:0;text-align:right}
.creds2 .ar-cred{display:inline-flex;gap:6px;align-items:baseline}
.cred3 li.ar-cred{text-align:right}

/* ---------- ACCREDITATION BAND — a moving line of credentials ----------- */
.trust{padding-top:0;padding-bottom:clamp(28px,3.6vw,48px)}
.credband{display:flex;align-items:stretch;background:var(--ink);color:var(--paper);border-bottom:1px solid rgba(255,255,255,.08)}
.credband__label{
  flex:none;display:flex;flex-direction:column;justify-content:center;gap:2px;
  padding:clamp(18px,2.2vw,28px) clamp(18px,2.4vw,36px);
  background:var(--blue) url("img/blue-texture.jpg") center/cover;color:var(--white);
  font-size:clamp(.95rem,1.4vw,1.2rem);line-height:1;letter-spacing:-.01em;position:relative;z-index:2;
}
.credband__label span + span{color:var(--yellow)}
.credband__label::after{                      /* torn, angular edge into the band */
  content:"";position:absolute;top:0;bottom:0;right:-18px;width:18px;
  background:inherit;clip-path:polygon(0 0,100% 18%,45% 40%,100% 62%,30% 84%,100% 100%,0 100%);
}
.credband__viewport{
  position:relative;flex:1;overflow:hidden;display:flex;align-items:center;
  -webkit-mask:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
          mask:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
}
.credband__track{display:flex;width:max-content;animation:credband 46s linear infinite}
.credband:hover .credband__track{animation-play-state:paused}
.credband__list{display:flex;align-items:center;flex:none}
.credband__list li{
  display:flex;align-items:center;gap:12px;white-space:nowrap;
  padding:clamp(20px,2.4vw,30px) clamp(22px,2.6vw,38px);
  font-size:clamp(.95rem,1.25vw,1.125rem);font-weight:800;letter-spacing:-.005em;
}
.credband__list li small{font-weight:500;font-size:.8125em;opacity:.62}
.credband__list li::after{content:"";width:8px;height:8px;background:var(--yellow);margin-left:clamp(22px,2.6vw,38px);transform:rotate(45deg);flex:none}
.credband__list li{padding-right:0}
.credband .flag{width:28px;height:19px;outline:1px solid rgba(255,255,255,.25)}
@keyframes credband{to{transform:translateX(-50%)}}
.trust .proof{margin-top:clamp(28px,3.6vw,48px)}
@media (max-width:640px){
  .credband{flex-direction:column}
  .credband__label{flex-direction:row;gap:6px;padding:14px var(--gutter)}
  .credband__label::after{display:none}
  .credband__track{animation-duration:34s}
}
@media (prefers-reduced-motion:reduce){
  .credband__track{animation:none;width:auto}
  .credband__list[aria-hidden]{display:none}
  .credband__list{flex-wrap:wrap}
}

/* ---------- HERO v3: award badge · ticket (start here) · 3-step path ---- */
.h-hero__badge{
  display:inline-flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:clamp(18px,2vw,26px);
  padding:8px 14px 8px 8px;border:1px solid rgba(255,208,108,.45);font-size:.8125rem;line-height:1.3;opacity:.95;
}
.h-hero__badge span{padding:5px 9px;background:var(--yellow);color:var(--ink);font-size:.6875rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.h-hero__lead{max-width:38ch}

.ticket{
  display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:clamp(28px,3.2vw,42px);max-width:580px;
  color:var(--white);text-decoration:none;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.35));
  transition:transform .35s var(--ease);
}
.ticket:hover{transform:translateY(-3px)}
.ticket__main{
  position:relative;display:grid;gap:8px;padding:clamp(20px,2.2vw,26px) clamp(20px,2.2vw,28px);
  background:#14131a;border:1px solid rgba(255,208,108,.55);border-right:0;
  /* square notches where the ticket tears */
  clip-path:polygon(0 0,calc(100% - 9px) 0,calc(100% - 9px) 14px,100% 14px,100% calc(100% - 14px),calc(100% - 9px) calc(100% - 14px),calc(100% - 9px) 100%,0 100%);
}
.ticket__main::after{content:"";position:absolute;top:22px;bottom:22px;right:0;border-right:2px dashed rgba(255,208,108,.55)}
.ticket__tag{justify-self:start;padding:5px 9px;background:var(--blue);font-size:.6875rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;line-height:1}
.ticket__title{margin-top:4px;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:900;text-transform:uppercase;letter-spacing:-.035em;line-height:.95}
.ticket__meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.8125rem;font-weight:700;color:var(--yellow)}
.ticket__meta span + span::before{content:"·";margin-right:14px;opacity:.6}
.ticket__why{font-size:.9375rem;line-height:1.45;opacity:.82;max-width:40ch}
.ticket__cta{
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;
  min-width:clamp(120px,12vw,150px);padding:20px;background:var(--yellow);color:var(--ink);
  font-size:.75rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;text-align:center;
  clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,9px calc(100% - 14px),0 calc(100% - 14px),0 14px,9px 14px);
  transition:background-color .3s;
}
.ticket:hover .ticket__cta{background:var(--white)}
.ticket__cta .arrow{width:40px}
.ticket:hover .ticket__cta .arrow{transform:translateX(6px)}

.path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(22px,2.4vw,30px);max-width:580px;padding:0;list-style:none}
.path li{position:relative;display:grid;gap:3px;padding:16px 12px 0 0;border-top:2px solid rgba(255,255,255,.18)}
.path li.is-on{border-top-color:var(--yellow)}
.path li::before{content:"";position:absolute;top:-6px;left:0;width:10px;height:10px;background:var(--night);border:2px solid rgba(255,255,255,.35)}
.path li.is-on::before{background:var(--yellow);border-color:var(--yellow)}
.path b{font-size:.6875rem;letter-spacing:.2em;opacity:.55}
.path span{font-size:.9375rem;font-weight:800}
.path i{font-style:normal;font-size:.75rem;opacity:.6;line-height:1.35}
.path li.is-on i{color:var(--yellow);opacity:1}
.h-hero__org{margin-top:clamp(24px,2.6vw,32px)}

@media (max-width:640px){
  .ticket{grid-template-columns:minmax(0,1fr)}
  .ticket__main{border-right:1px solid rgba(255,208,108,.55);border-bottom:0;clip-path:none}
  .ticket__main::after{top:auto;bottom:0;left:18px;right:18px;border-right:0;border-bottom:2px dashed rgba(255,208,108,.55)}
  .ticket__cta{flex-direction:row;justify-content:space-between;clip-path:none;padding:18px 20px}
  .path i{display:none}
}
.mo-companion.is-away{opacity:0!important;transform:translateY(24px) scale(.9)!important;pointer-events:none;transition:opacity .4s,transform .4s}
/* headline: "Panadol again? / Or the root." */
.h-hero__title{font-size:clamp(2.5rem,5.4vw,5.6rem)}
.h-hero__lead{max-width:44ch}
.h-hero__title > span{white-space:normal}
.h-hero__title{font-size:clamp(2.5rem,5.2vw,5.4rem);max-width:11ch}
.ticket__meta small{font-weight:600;opacity:.75;font-size:.95em}
/* the promise */
.h-hero__promise{margin-top:18px;padding-left:16px;border-left:3px solid var(--yellow);max-width:44ch;font-size:clamp(.98rem,1.2vw,1.1rem);line-height:1.45}
.h-hero__promise span{opacity:.88}
.h-hero__promise b{color:var(--yellow);font-weight:800}
.h-hero__title{font-size:clamp(2.3rem,4.4vw,4.7rem);max-width:none}
@media (min-width:1001px){.h-hero__title > span{white-space:nowrap}}

/* ---------- HERO: less yellow, Mō blue for the action ------------------- */
.h-hero__badge{border-color:rgba(255,255,255,.22)}
.h-hero__badge span{background:var(--white);color:var(--ink)}
.ticket__main{border-color:rgba(255,255,255,.18)}
.ticket__main::after{border-right-color:rgba(255,255,255,.28)}
.ticket__tag{background:var(--white);color:var(--blue)}
.ticket__meta{color:var(--white)}
.ticket__meta small{opacity:.6}
.ticket__cta{background:var(--blue) url("img/blue-texture.jpg") center/cover;color:var(--white)}
.ticket:hover .ticket__cta{background:var(--white);color:var(--blue)}
.path li.is-on{border-top-color:var(--blue)}
.path li.is-on::before{background:var(--blue);border-color:var(--blue)}
.path li.is-on i{color:var(--white);opacity:.85}
.h-hero__promise{border-left-color:var(--blue)}
.nav__cta{background:var(--blue);color:var(--white)}
.nav__cta:hover{background:var(--white);color:var(--blue)}
@media (max-width:640px){
  .ticket__main{border-right-color:rgba(255,255,255,.18)}
  .ticket__main::after{border-bottom-color:rgba(255,255,255,.28)}
}
/* balance: yellow kept for the award and the Discovery title */
.h-hero__badge{border-color:rgba(255,208,108,.45)}
.h-hero__badge span{background:var(--yellow);color:var(--ink)}
.ticket__title{color:var(--yellow)}

/* =====================================================================
   COLOUR SYSTEM (final pass)
   Blue  = every action (buttons, links that book).
   Yellow = only three small signals: the award, the Discovery offer, the brand dot.
   White/grey = everything else. Calm on the eye, one clear focal point per screen.
   ===================================================================== */
.h-hero__promise b{color:var(--white)}
.nums strong i{color:var(--blue-60)}
.credband__label span + span{color:var(--white);opacity:.75}
.credband__list li::after{background:var(--blue-60)}
.quote{border-left-color:var(--blue)}
.is-night .quote,.is-ink .quote{border-left-color:var(--blue-60)}
.steps4 b i{color:var(--white);opacity:.6}
/* primary buttons: blue on light/dark, white on blue sections */
.btn--yellow{background:var(--blue);color:var(--white)}
.btn--yellow:hover{background:var(--white);color:var(--blue)}
.is-blue .btn--yellow{background:var(--white);color:var(--blue)}
.is-blue .btn--yellow:hover{background:var(--ink);color:var(--white)}
.offer3:hover .offer3__n{color:var(--blue-40)}
.jump b{color:var(--white);opacity:.6}
.jump a:hover span{color:var(--white);text-decoration:underline;text-underline-offset:6px}
.vid__btn--sound{background:var(--white);color:var(--ink)}

/* =====================================================================
   HERO — centred text over the stage photo
   ===================================================================== */
.h-hero{min-height:100vh;min-height:100svh;display:grid;align-items:center;isolation:isolate}
.h-hero > .wrap{position:static}
.h-hero__grid{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.h-hero__grid > div{display:flex;flex-direction:column;align-items:center;max-width:820px}
.h-hero__photo{position:absolute;inset:0;z-index:-2;margin:0;justify-self:stretch}
.h-hero__photo img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:62% 22%}
.h-hero__photo figcaption{position:absolute;right:var(--gutter);bottom:18px;margin:0;z-index:1}
/* veil: keeps the photo visible at the edges, quiet behind the words */
.h-hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 70% at 50% 48%, rgba(5,4,9,.86) 0%, rgba(5,4,9,.7) 55%, rgba(5,4,9,.35) 100%),
    linear-gradient(180deg, rgba(5,4,9,.55) 0%, rgba(5,4,9,0) 22%, rgba(5,4,9,0) 70%, rgba(5,4,9,.9) 100%);
}
.h-hero__title{max-width:none}
.h-hero__lead{margin-inline:auto;max-width:48ch}
.h-hero__promise{border-left:0;padding-left:0;margin-inline:auto;max-width:48ch}
.h-hero__promise::before{content:"";display:block;width:40px;height:2px;background:var(--blue);margin:0 auto 14px}
.ticket{margin-inline:auto;width:100%;text-align:left}
.path{margin-inline:auto;width:100%;text-align:left}
.h-hero__org{align-self:center}
.nums{text-align:left}
@media (max-width:1000px){
  .h-hero__photo img{object-position:50% 18%}
  .h-hero::before{background:linear-gradient(180deg, rgba(5,4,9,.6) 0%, rgba(5,4,9,.82) 35%, rgba(5,4,9,.9) 100%)}
}
/* full photo, never cropped: anchored right at its own proportion, fading into the night */
.h-hero__photo{display:flex;justify-content:flex-end;align-items:flex-start;overflow:hidden}
.h-hero__photo img{width:auto;height:100%;max-width:none;object-fit:contain;object-position:right top}
.h-hero__photo figcaption{display:none}
.h-hero::before{
  background:
    linear-gradient(90deg, rgba(5,4,9,1) 0%, rgba(5,4,9,.92) 38%, rgba(5,4,9,.55) 62%, rgba(5,4,9,.25) 100%),
    linear-gradient(180deg, rgba(5,4,9,0) 60%, rgba(5,4,9,.95) 100%);
}
@media (max-width:1000px){
  .h-hero__photo{justify-content:center}
  .h-hero__photo img{width:100%;height:auto;max-height:none}
  .h-hero::before{background:linear-gradient(180deg, rgba(5,4,9,.55) 0%, rgba(5,4,9,.78) 30%, rgba(5,4,9,.96) 62%, rgba(5,4,9,1) 100%)}
}
@media (min-width:1001px){
  .h-hero__photo img{height:100vh;height:100svh;min-height:760px}
  .h-hero::before{
    background:
      linear-gradient(90deg, rgba(5,4,9,1) 0%, rgba(5,4,9,.94) 42%, rgba(5,4,9,.6) 62%, rgba(5,4,9,.12) 82%, rgba(5,4,9,0) 100%),
      linear-gradient(180deg, rgba(5,4,9,0) 55%, rgba(5,4,9,1) 92%);
  }
}
@media (max-width:1000px){
  .h-hero::before{background:linear-gradient(180deg, rgba(5,4,9,.3) 0%, rgba(5,4,9,.7) 28%, rgba(5,4,9,.95) 58%, rgba(5,4,9,1) 100%)}
}
/* fixes: face comes through, text reads as a tight block */
.h-hero__lead{max-width:40ch;font-size:clamp(1.05rem,1.35vw,1.25rem)}
.h-hero__promise{max-width:none}
.h-hero__promise span,.h-hero__promise b{display:block}
.h-hero__promise b{margin-top:4px;font-size:1.0625em;letter-spacing:.01em}
@media (min-width:1001px){
  .h-hero::before{
    background:
      radial-gradient(ellipse 34% 62% at 50% 50%, rgba(5,4,9,.72) 0%, rgba(5,4,9,.45) 60%, rgba(5,4,9,0) 100%),
      linear-gradient(90deg, rgba(5,4,9,1) 0%, rgba(5,4,9,.9) 34%, rgba(5,4,9,.35) 58%, rgba(5,4,9,0) 72%),
      linear-gradient(180deg, rgba(5,4,9,0) 58%, rgba(5,4,9,1) 94%);
  }
}
@media (max-width:1000px){
  .h-hero::before{background:linear-gradient(180deg, rgba(5,4,9,.12) 0%, rgba(5,4,9,.55) 26%, rgba(5,4,9,.92) 56%, rgba(5,4,9,1) 100%)}
}
/* restored by request: yellow "& Certified" and yellow "+" */
.credband__label span + span{color:var(--yellow);opacity:1}
.nums strong i{color:var(--yellow)}
.h-hero__lead{max-width:60ch}
/* Mō blue, lifted for dark backgrounds — same hue, readable on night (5.3:1) */
:root{--blue-bright:#3D7BFF}
.h-hero__title > span + span{color:var(--blue-bright)}
.h-hero__promise b{color:var(--blue-bright)}
.h-hero__promise::before{background:var(--blue-bright)}
/* hero colours as chosen: yellow headline line + promise, blue dot + award */
.h-hero__title > span + span{color:var(--yellow)}
.h-hero__title > span + span .dot{background:var(--blue)}
.h-hero__promise b{color:var(--yellow)}
.h-hero__promise::before{background:var(--blue)}
.h-hero__badge{border-color:rgba(0,68,195,.9)}
.h-hero__badge span{background:var(--blue);color:var(--white)}
/* back to the original hero colours */
.h-hero__title > span + span{color:var(--blue)}
.h-hero__title > span + span .dot{background:var(--yellow)}
.h-hero__badge{border-color:rgba(255,208,108,.45)}
.h-hero__badge span{background:var(--yellow);color:var(--ink)}
.h-hero__promise b{color:var(--yellow)}
.h-hero__promise::before{background:var(--blue)}
.ticket__title{color:var(--blue)}

/* =====================================================================
   FEATURED ENGAGEMENT — Mō × Lesaffre at Hyatt Regency Aqaba Ayla
   Quiet luxury: night ground, hairlines, generous space, one gold accent.
   ===================================================================== */
.feat{padding-block:clamp(96px,11vw,168px)}
.feat__top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:clamp(22px,2.6vw,32px);border-bottom:1px solid rgba(255,255,255,.12)}
.feat__kicker{font-size:var(--fs-label);font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:var(--yellow)}
.feat__venue{display:flex;align-items:center;gap:14px}
.feat__venue-label{font-size:.6875rem;letter-spacing:.24em;text-transform:uppercase;opacity:.55}
.feat__venue img{height:clamp(64px,6vw,84px);width:auto;padding:10px 14px;background:var(--white)}
.feat__title{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.15em .3em;margin-top:clamp(30px,4vw,56px);
  font-size:clamp(3rem,9.4vw,9.4rem);line-height:.86;letter-spacing:-.05em;
}
.feat__title i{font-style:normal;font-weight:300;color:var(--yellow);font-size:.6em;transform:translateY(-.12em)}
.feat__sub{margin-top:clamp(14px,1.6vw,20px);font-size:clamp(.95rem,1.3vw,1.15rem);letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.feat__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(28px,4.4vw,80px);margin-top:clamp(44px,5.6vw,84px);align-items:start}
.feat__film{margin:0;position:sticky;top:calc(var(--nav-h) + 20px)}
.feat__film .vid video{width:100%;height:auto;max-height:calc(100vh - var(--nav-h) - 80px);object-fit:contain;background:#000}
.feat__film figcaption{margin-top:12px;font-size:.8125rem;font-style:italic;opacity:.6}
.feat__body{display:grid;gap:clamp(36px,4.4vw,60px)}
.feat__label{font-size:var(--fs-label);font-weight:800;letter-spacing:.24em;text-transform:uppercase;opacity:.55}
.feat__name{margin-top:14px;font-size:clamp(2rem,4vw,3.8rem);line-height:.92}
.feat__name em{font-style:normal;color:var(--blue)}
.feat__text{margin-top:18px;max-width:46ch;font-size:var(--fs-lead);line-height:1.5;opacity:.88}
.feat__time{display:grid;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.12)}
.feat__time li{display:grid;grid-template-columns:5.5rem minmax(0,1fr);column-gap:18px;row-gap:2px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.feat__time b{grid-row:span 2;font-size:.9375rem;font-weight:800;letter-spacing:.04em;color:var(--yellow);padding-top:2px}
.feat__time span{font-size:clamp(1.02rem,1.4vw,1.2rem);font-weight:800}
.feat__time small{font-size:.875rem;opacity:.6}
.feat__pair{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,2.4vw,36px);align-items:end}
.feat__clip{margin:0}
.feat__clip figcaption b{color:var(--white)}
.feat__out ul{display:grid;gap:14px;margin-top:16px;padding:0;list-style:none}
.feat__out li{position:relative;padding-left:22px;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.45}
.feat__out li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--blue)}
@media (max-width:1000px){
  .feat__grid{grid-template-columns:minmax(0,1fr)}
  .feat__film{position:relative;top:auto;max-width:440px}
  .feat__pair{grid-template-columns:minmax(0,1fr)}
  .feat__clip{max-width:360px}
}
@media (max-width:640px){
  .feat__top{flex-direction:column;align-items:flex-start}
  .feat__time li{grid-template-columns:4.2rem minmax(0,1fr)}
}
.feat__mo{height:.74em;width:auto;aspect-ratio:538/292;color:var(--white);align-self:baseline;transform:translateY(.02em)}
.feat__venue img{height:clamp(96px,9vw,128px);padding:12px 18px}
.feat__film .vid{display:flex;justify-content:center;background:transparent}
.feat__film .vid video{width:auto;max-width:100%}
.feat__film figcaption{text-align:left}
/* compact head: kicker + title + venue on one block */
.feat{padding-top:clamp(56px,6vw,92px)}
.feat__head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(20px,3vw,48px);padding-bottom:clamp(22px,2.6vw,32px);border-bottom:1px solid rgba(255,255,255,.12)}
.feat__title{margin-top:clamp(12px,1.4vw,18px)}
.feat__venue{flex-direction:column;align-items:center;gap:10px}
.feat__venue img{height:clamp(84px,8vw,118px);width:auto;padding:0;background:none}
.feat__grid{margin-top:clamp(32px,4vw,56px)}
@media (max-width:640px){
  .feat__head{grid-template-columns:minmax(0,1fr)}
  .feat__venue{flex-direction:row;align-items:center;justify-self:start}
  .feat__venue img{height:72px}
}
/* iPhone: featured section in about 1.5 screens */
@media (max-width:640px){
  .feat{padding-block:48px 56px}
  .feat__title{font-size:clamp(2.4rem,12vw,3.4rem)}
  .feat__sub{font-size:.75rem;letter-spacing:.12em}
  .feat__head{padding-bottom:18px;gap:14px}
  .feat__venue img{height:56px}
  .feat__grid{margin-top:24px;gap:22px}
  .feat__film{max-width:none}
  .feat__film .vid video{max-height:46vh}
  .feat__film figcaption{display:none}
  .feat__body{gap:24px}
  .feat__name{font-size:1.9rem;margin-top:8px}
  .feat__text{font-size:1rem;margin-top:10px}
  .feat__time li{grid-template-columns:3.6rem minmax(0,1fr);padding:10px 0}
  .feat__time b{grid-row:auto;font-size:.8125rem}
  .feat__time span{font-size:.9375rem}
  .feat__time small{display:none}
  .feat__clip{display:none}
  .feat__out ul{gap:8px;margin-top:10px}
  .feat__out li{font-size:.9375rem}
}

/* =====================================================================
   FEATURED — SOCIAL AWARENESS & MENTAL HEALTH · the newspaper edition
   Newsprint, double rules, serif headline, yellow highlighter.
   ===================================================================== */
.news{
  background:#EDEBE4 radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.55),transparent 60%);
  color:#1d1c1f;padding-block:clamp(56px,7vw,104px);
}
.news .k,.news figcaption{color:#1d1c1f}
.news__mast{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;
  padding:12px 0;border-top:3px double #1d1c1f;border-bottom:3px double #1d1c1f;
  font-family:"Old Standard TT",Georgia,serif;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;
}
.news__mast span:last-child{text-align:right}
.news__paper{font-family:"UnifrakturMaguntia","Old English Text MT",serif;font-size:clamp(1.8rem,3.4vw,2.8rem);text-transform:none;letter-spacing:0;line-height:1}
.news__kicker{margin-top:clamp(22px,2.6vw,32px);text-align:center;font-size:var(--fs-label);font-weight:800;letter-spacing:.3em;text-transform:uppercase}
.news__head{
  margin:12px auto 0;max-width:20ch;text-align:center;
  font-family:"Old Standard TT",Georgia,serif;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:.98;
  font-size:clamp(2.2rem,5.6vw,5.4rem);
}
.news__deck{margin:16px auto 0;max-width:46ch;text-align:center;font-family:"Old Standard TT",Georgia,serif;font-size:clamp(1.05rem,1.6vw,1.4rem);font-style:italic}
.news__cols{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) minmax(0,.9fr);gap:0;
  margin-top:clamp(28px,3.4vw,44px);border-top:1px solid #1d1c1f;border-bottom:1px solid #1d1c1f;
}
.news__cols > *{padding:clamp(18px,2.2vw,30px);margin:0}
.news__cols > * + *{border-left:1px solid rgba(29,28,31,.35)}
.news__video .vid video{width:100%;height:auto;max-height:70vh;object-fit:contain;background:#000}
.news__video figcaption,.news__poster figcaption{margin-top:10px;font-family:"Old Standard TT",Georgia,serif;font-size:.875rem;font-style:italic}
.news__video figcaption b{display:block;font-family:var(--font-sans);font-style:normal;font-size:var(--fs-label);letter-spacing:.2em;text-transform:uppercase;margin-bottom:2px}
.news__story{display:grid;gap:clamp(18px,2.2vw,26px);align-content:start}
.news__lede{font-family:"Old Standard TT",Georgia,serif;font-size:clamp(1.08rem,1.4vw,1.25rem);line-height:1.5}
.news__drop{float:left;font-size:3.6em;line-height:.8;padding:6px 8px 0 0;font-weight:700}
.news mark{background:linear-gradient(transparent 52%,var(--yellow) 52%);color:inherit;padding:0 .08em}
.news__hl{font-family:"Old Standard TT",Georgia,serif;font-size:clamp(1.4rem,2.3vw,2rem);font-weight:700;line-height:1.2}
.news__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #1d1c1f;border-bottom:1px solid #1d1c1f;padding:0;list-style:none}
.news__facts li{padding:12px 10px;display:grid;gap:2px}
.news__facts li + li{border-left:1px solid rgba(29,28,31,.35)}
.news__facts b{font-family:"Old Standard TT",Georgia,serif;font-size:1.25rem}
.news__facts span{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.news__clip .vid video{max-height:44vh;width:auto;max-width:100%}
.news__clip figcaption b{color:#1d1c1f}
.news__poster img{width:100%;height:auto;box-shadow:0 14px 30px rgba(29,28,31,.22);transform:rotate(-1.4deg)}
.news__wall{margin-top:clamp(36px,4.6vw,64px)}
.news__walltitle{font-family:"Old Standard TT",Georgia,serif;font-size:clamp(1.5rem,2.8vw,2.4rem);font-weight:700;text-align:center}
.news__certs{display:flex;gap:10px;margin-top:20px;padding:0 0 12px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory}
.news__certs li{flex:none;scroll-snap-align:start}
.news__certs img{height:clamp(220px,26vw,300px);width:auto;filter:none;cursor:zoom-in}
.news__group{margin:clamp(22px,2.6vw,32px) 0 0}
.news__group img{width:100%;height:auto;cursor:zoom-in}
.news__group figcaption{margin-top:10px;text-align:center;font-family:"Old Standard TT",Georgia,serif;font-style:italic}
@media (max-width:1000px){
  .news__cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .news__story{grid-column:1 / -1;grid-row:1;border-left:0!important;border-bottom:1px solid rgba(29,28,31,.35)}
}
@media (max-width:640px){
  .news{padding-block:44px 52px}
  .news__mast{grid-template-columns:1fr;text-align:center;gap:4px}
  .news__mast span:first-child,.news__mast span:last-child{display:none}
  .news__head{font-size:2rem}
  .news__cols{grid-template-columns:minmax(0,1fr)}
  .news__cols > * + *{border-left:0;border-top:1px solid rgba(29,28,31,.35)}
  .news__story{grid-row:auto}
  .news__clip,.news__poster{display:none}
  .news__video .vid video{max-height:56vh}
  .news__certs img{height:200px}
}
.news__head{font-size:clamp(2rem,4.6vw,4.4rem);max-width:24ch}
.news__group{max-width:980px;margin-inline:auto}

/* newspaper × Mō: keep the newsprint mood, speak the brand */
.news{background:var(--paper-warm);color:var(--ink)}
.news__mast{border-top:3px solid var(--blue);border-bottom:1px solid var(--blue)}
.news__paper{display:inline-flex;align-items:center;gap:10px}
.news__mo{height:1.05em;width:auto;aspect-ratio:538/292;color:var(--blue)}
.news__paper i{font-style:normal;font-family:"UnifrakturMaguntia",serif;color:var(--ink)}
.news__kicker{color:var(--blue)}
.news__head{font-family:var(--font-sans);font-weight:900;letter-spacing:-.04em;line-height:.92;max-width:18ch}
.news__head::after{content:"";display:inline-block;width:.16em;height:.16em;margin-left:.04em;border-radius:50%;background:var(--yellow)}
.news__cols{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}
.news__drop{color:var(--blue);font-family:var(--font-sans);font-weight:900}
.news__hl{font-family:var(--font-sans);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.1}
.news__facts{border-color:var(--blue)}
.news__facts b{font-family:var(--font-sans);font-weight:900;color:var(--blue)}
.news__walltitle{font-family:var(--font-sans);font-weight:900;text-transform:uppercase;letter-spacing:-.03em}
.news__video figcaption b{color:var(--blue)}
.news__certs{scrollbar-color:var(--blue) transparent}

/* =====================================================================
   FEATURED — MŌ × THE OFFICE (their black + yellow, our type)
   ===================================================================== */
.office{padding-block:clamp(64px,8vw,120px)}
.office__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:clamp(20px,3vw,56px);align-items:end;padding-bottom:clamp(22px,2.6vw,32px);border-bottom:1px solid rgba(255,255,255,.14)}
.office__kicker{font-size:var(--fs-label);font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:var(--yellow)}
.office__title{display:flex;align-items:center;flex-wrap:wrap;gap:.25em .35em;margin-top:16px;font-size:clamp(2.6rem,6vw,5.6rem);line-height:1}
.office__mo{height:.78em;width:auto;aspect-ratio:538/292;color:var(--white)}
.office__title i{font-style:normal;font-weight:300;color:var(--yellow);font-size:.6em}
.office__title img{height:1.05em;width:auto}
.office__lead{font-size:var(--fs-lead);line-height:1.5;opacity:.85;max-width:44ch}
.office__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,4.4vw,80px);margin-top:clamp(32px,4vw,56px);align-items:start}
.office__film{margin:0;position:sticky;top:calc(var(--nav-h) + 20px)}
.office__film .vid{display:flex;justify-content:center}
.office__film .vid video{width:auto;max-width:100%;max-height:calc(100vh - var(--nav-h) - 80px);background:#000}
.office__film figcaption{margin-top:10px;font-size:.8125rem;opacity:.6}
.office__body{display:grid;gap:clamp(36px,4.4vw,60px)}
.office__label{font-size:var(--fs-label);font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--yellow)}
.office__name{margin-top:12px;font-size:clamp(2rem,4vw,3.6rem);line-height:.92}
.office__layers{display:grid;margin-top:clamp(18px,2.2vw,26px);padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.14)}
.office__layers li{display:grid;grid-template-columns:3.4rem minmax(0,1fr);column-gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.office__layers b{grid-row:span 2;font-size:1.5rem;font-weight:900;color:var(--blue-60);line-height:1}
.office__layers span{font-size:clamp(1.05rem,1.4vw,1.2rem);font-weight:800}
.office__layers small{font-size:.9rem;opacity:.65}
.office__ba-text{margin-top:12px;font-size:var(--fs-lead);line-height:1.5;max-width:46ch;opacity:.9}
.office mark{background:linear-gradient(transparent 55%,rgba(255,208,108,.9) 55%);color:inherit;padding:0 .08em}
.office__sheets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:20px}
.office__sheets figure{margin:0}
.office__sheets img{width:100%;height:auto;cursor:zoom-in;box-shadow:0 16px 34px rgba(0,0,0,.4)}
.office__sheets figure:first-child img{transform:rotate(-1.5deg)}
.office__sheets figure:last-child img{transform:rotate(1.5deg)}
.office__sheets figcaption{margin-top:10px;font-size:var(--fs-label);font-weight:800;letter-spacing:.2em;text-transform:uppercase;opacity:.7}
@media (max-width:1000px){
  .office__head,.office__grid{grid-template-columns:minmax(0,1fr)}
  .office__film{position:relative;top:auto;max-width:440px}
}
@media (max-width:640px){
  .office{padding-block:48px 56px}
  .office__title{font-size:2.4rem}
  .office__lead{font-size:1rem}
  .office__film .vid video{max-height:56vh}
  .office__layers small{display:none}
  .office__layers li{padding:10px 0}
  .office__body{gap:28px}
}
.office mark{background:var(--yellow);color:var(--ink);padding:0 .25em;font-weight:700}
@media (max-width:640px){.office__sheets img{max-height:300px;width:auto;margin-inline:auto;display:block}}

/* The Office on white — their real logo colours, between two other sections */
.office{background:var(--white);color:var(--ink)}
.office__head{border-bottom-color:var(--line-ink)}
.office__kicker,.office__label{color:var(--blue)}
.office__mo{color:var(--blue)}
.office__title i{color:#E8C400}
.office__lead{opacity:.8}
.office__layers{border-top-color:var(--line-ink)}
.office__layers li{border-bottom-color:var(--line-ink)}
.office__layers b{color:var(--blue)}
.office__film figcaption{opacity:.65}
.office__sheets img{box-shadow:0 16px 34px rgba(39,37,40,.22)}
.office mark{background:var(--yellow);color:var(--ink)}

/* ===== HOME · THREE PATHS (Business / Individuals / On Stage) ===== */
.paths{padding-block:clamp(56px,8vw,112px)}
.ways__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.way{display:flex;flex-direction:column;align-items:flex-start;padding:0 clamp(20px,3vw,44px);border-left:1px solid rgba(39,37,40,.16)}
.way:first-child{padding-left:0;border-left:0}
.way__n{display:flex;align-items:center;gap:18px;margin:0 0 22px;font-size:.875rem;font-weight:800;letter-spacing:.24em;color:var(--ink)}
.way__n::after{content:"";width:56px;height:2px;background:var(--ink)}
.way__title{margin:0 0 20px;font-size:clamp(2.4rem,3.6vw,3.4rem);white-space:nowrap;font-weight:800;line-height:.95;letter-spacing:-.03em;text-transform:uppercase;color:var(--ink)}
.way__title .dot{color:var(--yellow)}
.way__mo{display:block;height:.62em;width:auto;color:var(--ink);margin-bottom:.08em}
.way__tag{margin:0 0 14px;font-size:1.125rem;font-weight:800;line-height:1.3;color:var(--ink)}
.way__text{margin:0 0 18px;font-size:1.0625rem;line-height:1.6;color:#4a484c;max-width:36ch}
.way__proof{margin:0 0 28px;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.way__cta{margin-top:auto;display:inline-flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:2px solid var(--ink);font-size:.8125rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.way__cta .arrow{width:34px;height:10px;transition:transform .2s}
.way__cta:hover{color:var(--blue);border-color:var(--blue)}
.way__cta:hover .arrow{transform:translateX(4px)}
@media (max-width:900px){
  .ways__grid{grid-template-columns:1fr}
  .way{padding:40px 0;border-left:0;border-top:1px solid rgba(39,37,40,.16)}
  .way:first-child{padding-top:0;border-top:0}
  .way:last-child{padding-bottom:0}
}

/* hero numbers: 6 items now (12 years added) */
.nums ul{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1100px){.nums ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.nums ul{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =====================================================================
   FOR INDIVIDUALS page
   ===================================================================== */
/* hero */
.ind-hero{padding-block:calc(var(--nav-h) + clamp(28px,4vw,64px)) clamp(48px,6vw,88px);overflow:hidden}
.ind-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,4vw,64px);align-items:end}
.ind-hero__kicker{margin:0 0 22px;font-size:.75rem;font-weight:800;letter-spacing:.24em;text-transform:uppercase;color:var(--yellow)}
.ind-hero__title{margin:0;font-size:clamp(2.8rem,6.4vw,6rem);font-weight:900;line-height:.92;letter-spacing:-.045em;text-transform:uppercase}
.ind-hero__title span{display:block}
.ind-hero__title span + span{color:var(--blue-60)}
.ind-hero__lead{margin:clamp(20px,2.4vw,30px) 0 clamp(26px,3vw,38px);max-width:52ch;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.6;opacity:.88}
.ind-hero .ticket{max-width:620px}
.ind-hero__facts{display:flex;flex-wrap:wrap;gap:12px clamp(24px,3vw,44px);margin:clamp(26px,3vw,40px) 0 0;padding:clamp(18px,2vw,24px) 0 0;border-top:1px solid rgba(255,255,255,.16);list-style:none}
.ind-hero__facts li{display:grid;gap:4px}
.ind-hero__facts b{font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:900;letter-spacing:-.03em;line-height:1}
.ind-hero__facts b i{font-style:normal;color:var(--yellow)}
.ind-hero__facts span{font-size:.8125rem;opacity:.7}
.ind-hero__photo{margin:0;justify-self:end}
.ind-hero__photo img{display:block;width:auto;max-width:100%;height:min(78vh,760px);object-fit:contain}
@media (max-width:900px){
  .ind-hero__grid{grid-template-columns:1fr}
  .ind-hero__photo{justify-self:start;order:-1}
  .ind-hero__photo img{height:auto;max-height:52vh}
}

/* sound familiar */
.says__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin:clamp(28px,3.4vw,48px) 0 0;padding:0;list-style:none}
.say{display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:210px;padding:clamp(22px,2.4vw,32px);background:var(--white);border:1px solid rgba(39,37,40,.12)}
.say__q{margin:0;font-size:clamp(1.3rem,1.9vw,1.7rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
.say__why{margin:0;display:grid;gap:6px;font-size:.9375rem;line-height:1.45;color:#5a585c}
.say__why b{font-size:.75rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--blue)}
.says__end{margin:clamp(26px,3vw,40px) 0 0;font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.5}
.says__end b{color:var(--blue)}
@media (max-width:1000px){.says__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.says__grid{grid-template-columns:1fr}.say{min-height:0}}

/* the app */
.app{padding-block:clamp(64px,9vw,128px)}
.app__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(36px,5vw,88px);align-items:center}
.app__badge{display:inline-block;margin:0 0 24px;padding:8px 12px;background:var(--yellow);color:var(--ink);font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.app__title{margin:0;font-size:clamp(2.2rem,4.4vw,4.2rem);font-weight:900;line-height:.98;letter-spacing:-.04em;text-transform:uppercase}
.app__title em{display:block;margin-top:.12em;font-style:normal;color:var(--blue-60)}
.app__lead{margin:clamp(20px,2.4vw,30px) 0 0;max-width:54ch;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.6;opacity:.88}
.app__lead b{color:var(--yellow);font-weight:800}
.app__list{display:grid;gap:0;margin:clamp(28px,3.4vw,44px) 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.14)}
.app__list li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.app__n{font-size:.8125rem;font-weight:900;letter-spacing:.18em;color:var(--yellow);padding-top:4px}
.app__list h3{margin:0 0 4px;font-size:1.125rem;font-weight:800;letter-spacing:-.01em}
.app__list p{margin:0;font-size:.9375rem;line-height:1.5;opacity:.72;max-width:54ch}
.app__phone{margin:0;justify-self:center;display:grid;gap:14px;justify-items:center}
.app__phone figcaption{font-size:.75rem;opacity:.55;text-align:center;max-width:30ch}
.phone{width:min(330px,82vw);padding:18px 14px 20px;border:10px solid #1b1a1e;border-radius:38px;background:var(--paper);color:var(--ink);box-shadow:0 30px 80px rgba(0,68,195,.28);display:grid;gap:10px}
.phone__bar{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 8px}
.phone__bar svg{height:20px;width:auto;color:var(--blue)}
.phone__bar span{font-size:.6875rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6a686c}
.phone__card{padding:12px 14px;background:var(--white);border-radius:14px;display:grid;gap:5px}
.phone__card small{font-size:.625rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8a888c}
.phone__card p{margin:0;font-size:.9375rem;font-weight:700;line-height:1.35}
.phone__card--root{background:var(--blue);color:var(--white)}
.phone__card--root small{color:rgba(255,255,255,.7)}
.phone__todo{margin:2px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.phone__todo li{position:relative;padding-left:24px;font-size:.8125rem;line-height:1.35}
.phone__todo li::before{content:"";position:absolute;left:0;top:1px;width:14px;height:14px;border:2px solid var(--blue);border-radius:4px}
.phone__todo li.is-done::before{background:var(--blue)}
.phone__todo li.is-done::after{content:"";position:absolute;left:5px;top:3px;width:4px;height:8px;border:solid var(--white);border-width:0 2px 2px 0;transform:rotate(45deg)}
.phone__bars{display:flex;align-items:flex-end;gap:8px;height:64px;padding-top:4px}
.phone__bars i{flex:1;height:var(--h);background:var(--blue-40);border-radius:4px 4px 0 0}
.phone__bars i:last-child{background:var(--blue)}
.phone__next{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;background:var(--yellow);font-size:.8125rem}
.phone__next span{font-weight:700}
.phone__next b{font-weight:900}
@media (max-width:900px){.app__grid{grid-template-columns:1fr}}

/* how it works */
.how__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:clamp(28px,3.4vw,48px) 0 0;padding:0;list-style:none;counter-reset:none}
.how__steps li{display:flex;flex-direction:column;gap:10px;padding:0 clamp(18px,2.6vw,36px);border-left:1px solid rgba(39,37,40,.16)}
.how__steps li:first-child{padding-left:0;border-left:0}
.how__steps b{font-size:clamp(2.6rem,4vw,3.6rem);font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--blue)}
.how__steps h3{margin:6px 0 0;font-size:1.375rem;font-weight:900;text-transform:uppercase;letter-spacing:-.01em}
.how__steps p{margin:0;font-size:1rem;line-height:1.55;color:#4a484c;max-width:32ch}
.how__steps span{margin-top:4px;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.how__steps li:first-child span{color:var(--blue)}
@media (max-width:800px){
  .how__steps{grid-template-columns:1fr}
  .how__steps li{padding:26px 0;border-left:0;border-top:1px solid rgba(39,37,40,.16)}
  .how__steps li:first-child{padding-top:0;border-top:0}
}

/* packages: Discovery is the first, full-width line */
.ind-pk .packages__grid--5{grid-template-columns:repeat(4,minmax(0,1fr))}
.ind-pk .pkg--discovery{grid-column:1/-1;display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.4vw,40px);border:2px solid var(--yellow);background:rgba(255,208,108,.08)}
.ind-pk .pkg--discovery .pkg__badge{position:static;margin:0;justify-self:start}
.ind-pk .pkg--discovery .pkg__desc{margin:0;max-width:44ch}
.ind-pk .pkg--discovery .pkg__cta{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.ind-pk .pkg--discovery .pkg__cta:hover{background:var(--white);border-color:var(--white)}
@media (max-width:1100px){
  .ind-pk .packages__grid--5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ind-pk .pkg--discovery{grid-template-columns:repeat(3,auto);justify-content:start}
  .ind-pk .pkg--discovery .pkg__desc{grid-column:1/-1}
  .ind-pk .pkg--discovery .pkg__cta{grid-column:1/-1;justify-self:start}
}
@media (max-width:640px){
  .ind-pk .packages__grid--5{grid-template-columns:1fr}
  .ind-pk .pkg--discovery{grid-template-columns:1fr}
}

/* inside a session */
.tools__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.4vw,18px);margin:clamp(28px,3.4vw,48px) 0 0;padding:0;list-style:none}
.tools__grid li{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2vw,26px);border-top:3px solid var(--blue);background:var(--white)}
.tools__grid li:first-child{background:var(--blue);color:var(--white);border-top-color:var(--yellow)}
.tools__grid b{font-size:.75rem;font-weight:900;letter-spacing:.2em;color:var(--blue)}
.tools__grid li:first-child b{color:var(--yellow)}
.tools__grid h3{margin:0;font-size:1.125rem;font-weight:900;line-height:1.2;letter-spacing:-.01em}
.tools__grid p{margin:0;font-size:.9375rem;line-height:1.5;opacity:.78}
@media (max-width:1100px){.tools__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools__grid li:first-child{grid-column:1/-1}}
@media (max-width:560px){.tools__grid{grid-template-columns:1fr}}

/* on air */
.onair__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:clamp(12px,1.6vw,22px);align-items:start;margin-top:clamp(28px,3.4vw,44px)}
.onair__grid .frame{margin:0}
@media (max-width:900px){.onair__grid{grid-template-columns:1fr}}

/* voices */
.voices__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,40px);margin-top:clamp(28px,3.4vw,44px)}
.voices__grid .quote p{font-size:clamp(1.125rem,1.6vw,1.45rem);font-weight:700;line-height:1.4;margin:0 0 10px}
@media (max-width:760px){.voices__grid{grid-template-columns:1fr}}

/* faq */
.faq__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:start}
.faq__grid h2{margin:0}
.faq__list{border-top:1px solid rgba(39,37,40,.18)}
.faq__item{border-bottom:1px solid rgba(39,37,40,.18)}
.faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:1.125rem;font-weight:800;cursor:pointer;list-style:none}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary span{position:relative;width:16px;height:16px;flex:none}
.faq__item summary span::before,.faq__item summary span::after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;background:var(--blue)}
.faq__item summary span::after{transform:rotate(90deg)}
.faq__item[open] summary span::after{display:none}
.faq__item p{margin:0 0 22px;max-width:60ch;font-size:1rem;line-height:1.6;color:#4a484c}
@media (max-width:800px){.faq__grid{grid-template-columns:1fr}}
/* individuals fixes */
.ind-hero__title{font-size:clamp(2.6rem,5.6vw,5.4rem)}
@media (min-width:641px){.ind-hero__title span{white-space:nowrap}}
.ind-pk .pkg--discovery{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px clamp(24px,3vw,48px);padding-top:clamp(34px,3vw,40px)}
.ind-pk .pkg--discovery .pkg__badge{position:absolute;top:-1px;left:clamp(20px,2.2vw,28px);transform:translateY(-50%);margin:0;background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.ind-pk .pkg--discovery .pkg__tier{flex:none;color:var(--yellow);opacity:1}
.ind-pk .pkg--discovery .pkg__price{flex:none;border-top:0;padding-top:0}
.ind-pk .pkg--discovery .pkg__desc{flex:1 1 260px}
.ind-pk .pkg--discovery .pkg__cta{flex:none;margin:0 0 0 auto}
@media (max-width:1100px){.ind-pk .pkg--discovery .pkg__cta{margin-left:0}}
.ind-hero__title span{white-space:nowrap}
@media (max-width:900px){.ind-hero__photo{order:0}.ind-hero__photo img{max-height:56vh}}
.ind-hero__title .dot{display:inline-block;color:var(--yellow)}

/* individuals v2: blue paper hero + surface/root visual + two ways */
.ind-hero.is-blue .ind-hero__kicker{color:var(--white);opacity:.8}
.ind-hero.is-blue .ind-hero__title span + span{color:var(--ink)}
.ind-hero.is-blue .ind-hero__title .dot{color:var(--yellow)}
.ind-hero.is-blue .ticket__main{background:rgba(5,4,9,.22);border-color:rgba(255,255,255,.35)}
.ind-hero.is-blue .ticket__title{color:var(--white)}
.ind-hero.is-blue .ticket__tag{background:var(--white);color:var(--blue)}
.ind-hero.is-blue .ticket__cta{background:var(--white);color:var(--blue)}
.ind-hero.is-blue .ticket:hover .ticket__cta{background:var(--ink);color:var(--white)}
.ind-hero.is-blue .ind-hero__facts{border-top-color:rgba(255,255,255,.3)}
.ind-hero.is-blue .ind-hero__facts span{opacity:.85}
.ind-hero__grid{align-items:center}
.berg{justify-self:end;width:min(460px,100%);padding:clamp(26px,3vw,40px);background:var(--paper);color:var(--ink);box-shadow:0 24px 60px rgba(5,4,9,.25)}
.berg__label{margin:0 0 10px;font-size:.6875rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#8a888c}
.berg__say{margin:0;font-size:clamp(2.2rem,3.6vw,3.2rem);font-weight:900;letter-spacing:-.03em;line-height:1}
.berg__line{position:relative;margin:clamp(22px,2.6vw,32px) 0;border-top:2px dashed var(--blue)}
.berg__line span{position:absolute;right:0;top:-.75em;padding-left:10px;background:var(--paper);font-size:.6875rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.berg__label--under{color:var(--blue)}
.berg__roots{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.berg__roots li{padding-left:18px;border-left:3px solid var(--blue);font-size:1.0625rem;font-weight:700;line-height:1.35}
.berg__roots li:nth-child(2){margin-left:18px;border-left-color:var(--blue-60)}
.berg__roots li:nth-child(3){margin-left:36px;border-left-color:var(--yellow)}
.berg__end{margin:clamp(22px,2.6vw,30px) 0 0;padding-top:16px;border-top:1px solid rgba(39,37,40,.14);font-size:.8125rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}
.berg__end .dot{display:inline-block}
@media (max-width:900px){.berg{justify-self:stretch;width:auto}}

.twoways__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);margin-top:clamp(28px,3.4vw,44px)}
.tw{display:flex;flex-direction:column;gap:14px;padding:clamp(26px,3vw,40px);background:var(--white);color:var(--ink);text-decoration:none;border:1px solid rgba(39,37,40,.12);transition:transform .2s}
.tw:hover{transform:translateY(-3px)}
.tw--main{background:var(--blue) url("img/blue-texture.jpg") center/cover;color:var(--white);border-color:transparent}
.tw__n{font-size:.75rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.tw--main .tw__n{color:var(--yellow)}
.tw h3{margin:0;font-size:clamp(1.9rem,3vw,2.8rem);font-weight:900;text-transform:uppercase;letter-spacing:-.03em;line-height:1}
.tw p{margin:0;font-size:1.0625rem;line-height:1.55;max-width:46ch;opacity:.85}
.tw ul{margin:4px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.tw li{position:relative;padding-left:22px;font-size:.9375rem;font-weight:700}
.tw li::before{content:"";position:absolute;left:0;top:.6em;width:12px;height:2px;background:var(--blue)}
.tw--main li::before{background:var(--white)}
.tw__cta{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:14px;font-size:.8125rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.tw__cta .arrow{width:34px;height:10px}
@media (max-width:760px){.twoways__grid{grid-template-columns:1fr}}

/* individuals: handwritten notes */
.pull{padding-block:clamp(48px,6vw,88px)}
.pull__grid{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:clamp(24px,4vw,64px);align-items:center}
.pull__note{margin:0;transform:rotate(-2deg);box-shadow:0 18px 40px rgba(39,37,40,.18)}
.pull__note img{display:block;width:100%;height:auto}
.pull__q{margin:0;padding-left:clamp(18px,2vw,28px);border-left:3px solid var(--yellow)}
.pull__q p{margin:0;font-size:clamp(1.5rem,2.8vw,2.6rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--ink)}
.pull__q mark{background:none;color:var(--blue)}
.pull__q .pull__ar{margin-top:18px;font-size:clamp(1rem,1.3vw,1.2rem);font-weight:600;line-height:1.7;color:#6a686c;letter-spacing:0}
.pull__q footer{margin-top:20px;font-size:.75rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#6a686c}
.pull__q footer a{color:var(--blue)}
@media (max-width:760px){.pull__grid{grid-template-columns:1fr}.pull__note{width:62%;justify-self:center}}

.notes__sub{margin:14px 0 0;max-width:60ch;font-size:1rem;line-height:1.55;color:#5a585c}
.notes__wall{columns:3 280px;column-gap:clamp(16px,2vw,28px);margin-top:clamp(28px,3.4vw,44px)}
.note{break-inside:avoid;margin:0 0 clamp(16px,2vw,28px);background:var(--white);padding:12px 12px 18px;box-shadow:0 10px 26px rgba(39,37,40,.10)}
.note:nth-child(odd){transform:rotate(-.8deg)}
.note:nth-child(even){transform:rotate(.8deg)}
.note img{display:block;width:100%;height:auto;cursor:zoom-in}
.note figcaption{margin-top:14px;padding:0 4px;font-size:1.0625rem;font-weight:700;line-height:1.45;color:var(--ink)}
.note:first-child figcaption{color:var(--blue)}

.tw__q{margin:6px 0 0;padding-left:14px;border-left:3px solid var(--yellow);font-size:1.0625rem;font-weight:800;line-height:1.4}
.tw__q small{display:block;margin-top:4px;font-size:.6875rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.6}

/* individuals v3 — hero colours, the difference, notes cards */
.ind-hero.is-blue .ind-hero__title span + span{color:var(--blue-20)}
.ind-hero.is-blue .ind-hero__lead{opacity:.92}

.diff__top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,4vw,64px);align-items:end}
.diff__top h2{margin-top:14px}
.diff__lead{margin:0;font-size:clamp(1.0625rem,1.4vw,1.3rem);line-height:1.6;color:#4a484c}
.diff__lead b{color:var(--blue)}
.diff__bridge{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;margin-top:clamp(36px,4.4vw,60px)}
.diff__side{padding:clamp(22px,2.6vw,34px);background:var(--white);border:1px solid rgba(39,37,40,.12)}
.diff__side span{display:block;font-size:.75rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.diff__side p{margin:10px 0 0;font-size:1.125rem;font-weight:700;line-height:1.4;color:var(--ink)}
.diff__mid{display:grid;place-content:center;gap:6px;padding:0 clamp(18px,2.4vw,36px);background:var(--blue) url("img/blue-texture.jpg") center/cover;color:var(--white);text-align:center}
.diff__mid b{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1}
.diff__mid small{font-size:.6875rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.diff__why{margin:clamp(24px,3vw,36px) 0 0;max-width:68ch;font-size:clamp(1.0625rem,1.4vw,1.3rem);line-height:1.6;color:#4a484c}
.diff__why b{color:var(--ink)}
.diff__method{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,1.8vw,24px);margin-top:clamp(32px,4vw,52px)}
.diff__k{margin:0 0 18px;font-size:.75rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.diff__roots{padding:clamp(24px,3vw,40px);background:var(--blue) url("img/blue-texture.jpg") center/cover;color:var(--white)}
.diff__roots .diff__k{color:var(--yellow)}
.diff__roots ol{margin:0;padding:0;list-style:none;display:grid;gap:0}
.diff__roots li{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:baseline;padding:14px 0;border-top:1px solid rgba(255,255,255,.22)}
.diff__roots li b{font-size:clamp(1.4rem,2.2vw,1.9rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.diff__roots li span{font-size:1rem;opacity:.88}
.diff__tools{padding:clamp(24px,3vw,40px);background:var(--white);border:1px solid rgba(39,37,40,.12)}
.diff__tools .diff__k{color:var(--blue)}
.diff__tools ul{margin:0;padding:0;list-style:none}
.diff__tools li{display:grid;gap:4px;padding:14px 0;border-top:1px solid rgba(39,37,40,.12)}
.diff__tools li b{font-size:1.0625rem;font-weight:900;color:var(--ink)}
.diff__tools li span{font-size:.9375rem;line-height:1.5;color:#5a585c}
@media (max-width:900px){
  .diff__top,.diff__method{grid-template-columns:1fr}
  .diff__bridge{grid-template-columns:1fr}
  .diff__mid{padding:18px}
}
@media (max-width:480px){.diff__roots li{grid-template-columns:1fr;gap:2px}}

/* notes as readable cards on blue */
.notes .eyebrow{color:var(--white)}
.notes__sub{color:rgba(255,255,255,.82)}
.notes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);margin-top:clamp(28px,3.4vw,44px)}
.notes .note{display:flex;flex-direction:column;justify-content:space-between;gap:22px;margin:0;padding:clamp(22px,2.4vw,32px);background:var(--paper);color:var(--ink);box-shadow:0 18px 40px rgba(5,4,9,.18);transform:none;border-top:4px solid var(--yellow)}
.notes .note blockquote{margin:0;font-size:clamp(1.2rem,1.7vw,1.5rem);font-weight:800;line-height:1.3;letter-spacing:-.015em}
.notes .note figcaption{display:flex;align-items:center;gap:14px;margin:0;padding:0;font-size:.6875rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#6a686c}
.notes .note figcaption small{font-size:.625rem;letter-spacing:.12em;color:var(--blue)}
.note__thumb{flex:none;width:64px;transform:rotate(-3deg);box-shadow:0 6px 14px rgba(39,37,40,.2)}
.note__thumb img{display:block;width:100%;height:auto;cursor:zoom-in}
@media (max-width:1000px){.notes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.notes__grid{grid-template-columns:1fr}}
.diff__roots li{grid-template-columns:minmax(150px,auto) 1fr}
.berg__say{color:var(--blue)}
.notes .sec-head h2{color:var(--white)}

/* individuals v4 — shorter flow */
.hq{justify-self:end;width:min(480px,100%);margin:0;padding:clamp(28px,3.2vw,44px);background:var(--paper);color:var(--blue);box-shadow:0 24px 60px rgba(5,4,9,.25);border-top:4px solid var(--yellow)}
.hq blockquote{margin:0}
.hq p{margin:0;font-size:clamp(1.5rem,2.4vw,2.2rem);font-weight:900;line-height:1.15;letter-spacing:-.025em}
.hq .hq__b{margin-top:16px;font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:700;line-height:1.4;letter-spacing:0;color:#4a484c}
.hq figcaption{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:.6875rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#6a686c}
.hq__line{width:28px;height:2px;background:var(--yellow)}
@media (max-width:900px){.hq{justify-self:stretch;width:auto}}

.ind-ctarow{margin-top:clamp(28px,3.4vw,44px);display:flex;flex-wrap:wrap;gap:12px}

.voices2__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);margin:clamp(28px,3.4vw,44px) 0 0;padding:0;list-style:none}
.voice{display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:clamp(22px,2.4vw,32px);background:var(--paper);color:var(--ink);border-top:4px solid var(--yellow)}
.voice p{margin:0;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:800;line-height:1.3;letter-spacing:-.015em;color:var(--blue)}
.voice small{font-size:.6875rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#6a686c}
.voices2 .eyebrow{color:var(--white)}
.voices2 .sec-head h2{color:var(--white)}
@media (max-width:1000px){.voices2__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.voices2__grid{grid-template-columns:1fr}}

.final3{text-align:center}
.final3 h2{margin:0 auto;max-width:18ch}
.final3 p{margin:16px auto 0;max-width:46ch;font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.55;color:#4a484c}
.final3 .btns{justify-content:center;margin-top:28px}
.final3 .final3__small{font-size:.8125rem;color:#6a686c}
.btn--ghost-ink{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--ghost-ink:hover{background:var(--ink);color:var(--white)}
.final3 h2{font-size:clamp(2.2rem,4.4vw,4rem);font-weight:900;line-height:.98;letter-spacing:-.04em;text-transform:uppercase;color:var(--ink)}
/* Arabic originals beside the translations */
.voice__ar,.hq .hq__ar{font-family:"AC Safe","Noto Kufi Arabic","Geeza Pro","Segoe UI",Tahoma,sans-serif;text-align:right;letter-spacing:0}
.voice .voice__ar{margin-top:-6px;padding-top:14px;border-top:1px solid rgba(39,37,40,.12);font-size:1.0625rem;font-weight:700;line-height:1.75;color:var(--ink)}
.hq .hq__ar{margin-top:18px;padding-top:16px;border-top:1px solid rgba(39,37,40,.12);font-size:1.0625rem;font-weight:700;line-height:1.8;color:var(--ink)}
/* individuals hero: Discovery ticket in yellow */
.ind-hero.is-blue .ticket__main{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.ind-hero.is-blue .ticket__main::after{border-color:rgba(39,37,40,.35)}
.ind-hero.is-blue .ticket__tag{background:var(--blue);color:var(--white)}
.ind-hero.is-blue .ticket__title{color:var(--ink)}
.ind-hero.is-blue .ticket__meta{color:var(--ink)}
.ind-hero.is-blue .ticket__meta small{opacity:.7}
.ind-hero.is-blue .ticket__why{color:var(--ink);opacity:.85}
.ind-hero.is-blue .ticket__cta{background:var(--white);color:var(--blue)}
/* feedback right after the blue hero: separate it from the hero */
.ind-hero + .voices2{border-top:1px solid rgba(255,255,255,.18)}
/* feedback on paper (follows the blue hero) */
.voices2.is-paper .eyebrow{color:var(--ink)}
.voices2.is-paper .sec-head h2{color:var(--ink)}
.voices2.is-paper .voice{background:var(--white);box-shadow:0 12px 30px rgba(39,37,40,.08);border:1px solid rgba(39,37,40,.08);border-top:4px solid var(--yellow)}

/* =====================================================================
   FOR BUSINESS page
   ===================================================================== */
.paris{justify-self:end;width:min(460px,100%);padding:clamp(28px,3.2vw,44px);background:var(--paper);color:var(--ink);box-shadow:0 24px 60px rgba(5,4,9,.25);border-top:4px solid var(--yellow)}
.paris__k{margin:0 0 18px;font-size:.6875rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#6a686c}
.paris__tri{position:relative;display:grid;justify-items:center;gap:4px;padding:clamp(34px,4vw,48px) 12px clamp(26px,3vw,34px);font-size:clamp(1.3rem,2vw,1.75rem);font-weight:900;letter-spacing:.04em;color:var(--blue);line-height:1.15}
.paris__tri::before{content:"";position:absolute;inset:0;background:var(--white);clip-path:polygon(50% 0,100% 100%,0 100%);z-index:0}
.paris__tri span{position:relative;z-index:1}
.paris__tri span:first-child{margin-top:18px}
.paris__more{margin-top:20px;border-top:1px solid rgba(39,37,40,.14);padding-top:16px}
.paris__more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.paris__more summary::-webkit-details-marker{display:none}
.paris__more summary::after{content:"↓"}
.paris__more[open] summary::after{content:"↑"}
.paris__more p{margin:14px 0 0;font-size:1.0625rem;line-height:1.55;color:#4a484c}
.paris__more p b{color:var(--ink)}
@media (max-width:900px){.paris{justify-self:stretch;width:auto}}

.bproj{padding-block:clamp(24px,3vw,36px)}
.bproj__row{display:flex;flex-wrap:wrap;align-items:center;gap:14px clamp(16px,2vw,28px)}
.bproj__k{margin:0;font-size:.75rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#6a686c}
.bproj__chip{display:flex;align-items:center;gap:18px;padding:14px 20px;background:var(--white);border:1px solid rgba(39,37,40,.12);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.bproj__chip:hover{border-color:var(--blue);transform:translateY(-2px)}
.bproj__mo{display:flex;align-items:center;gap:10px}
.bproj__mo svg{height:22px;width:auto;color:var(--blue)}
.bproj__mo i{font-style:normal;font-weight:900;color:#8a888c}
.bproj__mo img{height:18px;width:auto}
.bproj__mo img.bproj__tall{height:34px}
.bproj__go{display:grid;gap:2px;padding-left:18px;border-left:1px solid rgba(39,37,40,.12);font-size:.8125rem;color:#5a585c}
.bproj__go b{display:inline-flex;align-items:center;gap:8px;font-size:.6875rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}
.bproj__go .arrow{width:24px;height:8px}

.topics__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);margin:clamp(28px,3.4vw,44px) 0 0;padding:0;list-style:none}
.topics__grid li{display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2vw,24px);background:var(--white);border:1px solid rgba(39,37,40,.10)}
.topics__grid h3{margin:0;font-size:1.0625rem;font-weight:900;line-height:1.2;color:var(--ink)}
.topics__grid p{margin:0;font-size:.9375rem;line-height:1.45;color:#5a585c}
.topics__grid .topics__sig{background:var(--blue) url("img/blue-texture.jpg") center/cover;border-color:transparent;color:var(--white)}
.topics__sig span{font-size:.6875rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow)}
.topics__grid .topics__sig h3{color:var(--white)}
.topics__grid .topics__sig p{color:rgba(255,255,255,.85)}
.topics__more{margin:clamp(22px,2.6vw,32px) 0 0;font-size:1rem;color:#4a484c}
.topics__more a{display:inline-flex;align-items:center;gap:8px;margin-left:6px;font-weight:900;color:var(--blue)}
.topics__more .arrow{width:26px;height:8px}
@media (max-width:1000px){.topics__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.topics__grid{grid-template-columns:1fr}}

.bhow__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:clamp(28px,3.4vw,44px) 0 0;padding:0;list-style:none}
.bhow__steps li{display:flex;flex-direction:column;gap:8px;padding:0 clamp(16px,2vw,28px);border-left:1px solid rgba(255,255,255,.16)}
.bhow__steps li:first-child{padding-left:0;border-left:0}
.bhow__steps b{font-size:clamp(2.2rem,3.4vw,3rem);font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--yellow)}
.bhow__steps h3{margin:6px 0 0;font-size:1.25rem;font-weight:900;text-transform:uppercase}
.bhow__steps p{margin:0;font-size:.9375rem;line-height:1.5;opacity:.78}
@media (max-width:900px){
  .bhow__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .bhow__steps li:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:520px){.bhow__steps{grid-template-columns:1fr}.bhow__steps li{padding-left:0;border-left:0}}
.bproj__row{display:grid;grid-template-columns:auto repeat(2,minmax(0,1fr));align-items:stretch}
.bproj__k{grid-row:span 2;align-self:center;padding-right:10px}
.bproj__chip{justify-content:flex-start}
.bproj__mo img[alt="GLG — Gerson Lehrman Group"]{height:22px}
@media (max-width:1000px){.bproj__row{grid-template-columns:1fr}.bproj__k{grid-row:auto}}
.bproj__mo,.bproj__mo svg,.bproj__mo img{flex:none}
@media (max-width:560px){
  .bproj__chip{flex-direction:column;align-items:flex-start;gap:12px}
  .bproj__go{padding-left:0;padding-top:12px;border-left:0;border-top:1px solid rgba(39,37,40,.12);width:100%}
}
.bproj__chip--static:hover{border-color:rgba(39,37,40,.12);transform:none}.bproj__note{color:#6a686c!important}

/* ===== HOME · FEATURED: Mō × AL-AMAN FUND ===== */
.aman__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:end}
.aman__kicker{margin:0 0 18px;font-size:.75rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--blue)}
.aman__title{display:flex;align-items:center;gap:clamp(14px,2vw,26px);margin:0}
.aman__mo{height:clamp(48px,6vw,84px);width:auto;color:var(--blue)}
.aman__title i{font-style:normal;font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:300;color:#8a888c}
.aman__title img{height:clamp(84px,10vw,140px);width:auto}
.aman__name{margin:0 0 10px;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}
.aman__lead p{margin:0;font-size:1.0625rem;line-height:1.55;color:#4a484c}
.aman__lead .aman__name{color:var(--ink)}
.aman__lead .aman__ar{margin-top:10px;font-family:"AC Safe","Noto Kufi Arabic","Geeza Pro",Tahoma,sans-serif;font-weight:700;color:var(--blue);text-align:left}
.aman__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,48px);margin-top:clamp(32px,4vw,56px);align-items:start}
.aman__film{margin:0}
.aman__film figcaption{margin-top:10px;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6a686c}
.aman__label{margin:0 0 10px;font-size:.75rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.aman__h{margin:0;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:900;line-height:1;letter-spacing:-.03em;text-transform:uppercase}
.aman__text{margin:14px 0 0;font-size:1.0625rem;line-height:1.55;color:#4a484c;max-width:48ch}
.aman__steps{margin:22px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.aman__steps li{display:grid;gap:4px;padding:16px 18px;background:var(--white);border-left:4px solid var(--blue)}
.aman__steps li:nth-child(1){border-left-color:var(--yellow)}
.aman__steps b{font-size:.6875rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#6a686c}
.aman__steps span{font-size:1.0625rem;font-weight:800;line-height:1.3;color:var(--ink)}
.aman__pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;align-items:start}
.aman__pics .frame,.aman__row .frame{margin:0}
.aman__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:clamp(20px,2.4vw,32px);align-items:start}
@media (max-width:900px){
  .aman__head,.aman__grid{grid-template-columns:1fr}
  .aman__row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:480px){.aman__steps{grid-template-columns:1fr}}
.aman__row{grid-template-columns:repeat(3,minmax(0,1fr));max-width:900px}
.aman__ar2{margin:10px 0 0;font-family:"AC Safe","Noto Kufi Arabic","Geeza Pro",Tahoma,sans-serif;font-size:clamp(1.2rem,1.8vw,1.6rem);font-weight:800;color:var(--blue);text-align:left}

/* ===== THE TWIST — experiential window ===== */
.twist{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgba(5,4,9,.62);opacity:0;transition:opacity .25s}
.twist.is-open{opacity:1}
.twist[hidden]{display:none}
html.twist-on{overflow:hidden}
.twist__card{position:relative;width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:clamp(26px,4vw,44px);background:var(--paper);color:var(--ink);border-top:6px solid var(--yellow);box-shadow:0 30px 80px rgba(0,0,0,.4);transform:translateY(12px);transition:transform .3s}
.twist.is-open .twist__card{transform:none}
.twist__x{position:absolute;top:10px;right:12px;width:40px;height:40px;font-size:1.6rem;line-height:1;color:#6a686c;background:none;border:0;cursor:pointer}
.twist__k{margin:0 0 14px;font-size:.6875rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--blue)}
.twist__q{margin:0;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:900;line-height:1.1;letter-spacing:-.02em}
.twist__q b{color:var(--blue)}
.twist__text{margin:20px 0 0;padding:20px;background:var(--white);font-size:clamp(1rem,1.8vw,1.2rem);font-weight:800;line-height:1.5;letter-spacing:.04em;color:var(--ink)}
.twist__tri{margin:20px auto 0;max-width:340px}
.twist__picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}
.twist__picks--2{grid-template-columns:1fr 1fr}
.twist__picks button{padding:14px 10px;font:inherit;font-size:1rem;font-weight:900;color:var(--blue);background:var(--white);border:2px solid var(--blue);cursor:pointer;transition:background .15s,color .15s}
.twist__picks button:hover:not(:disabled){background:var(--blue);color:var(--white)}
.twist__picks button:disabled{cursor:default;opacity:.45}
.twist__picks button.is-right{opacity:1;background:var(--blue);color:var(--white)}
.twist__picks button.is-wrong{opacity:1;border-color:#8a888c;color:#8a888c;text-decoration:line-through}
.twist__reveal{display:none;margin-top:22px;padding-top:20px;border-top:1px solid rgba(39,37,40,.14)}
.twist.is-revealed .twist__reveal{display:block}
.twist__verdict{margin:0 0 8px;font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#6a686c}
.twist__msg{margin:0;font-size:1.0625rem;line-height:1.55;color:#4a484c}
.twist__msg b{color:var(--ink)}
.twist__land{margin:14px 0 20px;font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;text-transform:uppercase;color:var(--blue)}
.twist__land .dot{display:inline-block}
@media (max-width:420px){.twist__picks{grid-template-columns:repeat(2,minmax(0,1fr))}.twist__picks--2{grid-template-columns:1fr}}
.ind-hero__try{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:0 0 4px;font:inherit;font-size:.75rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--white);background:none;border:0;border-bottom:1px solid rgba(255,255,255,.6);cursor:pointer}
.ind-hero__try::before{content:"?";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:.75rem}
.ind-hero__try:hover{border-bottom-color:var(--yellow)}
@media (prefers-reduced-motion:reduce){.twist,.twist__card{transition:none}}

/* =====================================================================
   ON STAGE page
   ===================================================================== */
.award{justify-self:end;width:min(460px,100%);margin:0;padding:12px 12px 20px;background:var(--paper);color:var(--ink);box-shadow:0 24px 60px rgba(5,4,9,.25);border-top:4px solid var(--yellow)}
.award img{display:block;width:100%;height:auto}
.award figcaption{display:grid;gap:4px;padding:16px 10px 0}
.award b{font-size:1.25rem;font-weight:900;letter-spacing:-.01em;color:var(--blue);text-transform:uppercase}
.award span{font-size:.8125rem;font-weight:700;color:#5a585c}
@media (max-width:900px){.award{justify-self:stretch;width:auto;max-width:460px}}
.watch__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);margin-top:clamp(28px,3.4vw,44px);align-items:start}
.watch__grid .frame,.stages__grid .frame{margin:0}
.stages__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);margin-top:clamp(28px,3.4vw,44px);align-items:start}
@media (max-width:900px){.watch__grid{grid-template-columns:1fr 1fr}.stages__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.watch__grid{grid-template-columns:1fr}}
.talks__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,16px);margin:clamp(28px,3.4vw,44px) 0 0;padding:0;list-style:none}
.talks__grid li{display:flex;flex-direction:column;gap:8px;padding:clamp(18px,2vw,24px);background:var(--white);border:1px solid rgba(39,37,40,.10);border-top:3px solid var(--blue)}
.talks__grid li:last-child{background:var(--blue) url("img/blue-texture.jpg") center/cover;color:var(--white);border-color:transparent;border-top-color:var(--yellow)}
.talks__grid h3{margin:0;font-size:1.0625rem;font-weight:900;line-height:1.2}
.talks__grid p{margin:0;font-size:.9375rem;line-height:1.45;opacity:.78}
.talks__formats{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:clamp(22px,2.6vw,32px) 0 0}
.talks__formats b{margin-right:8px;font-size:.75rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.talks__formats span{padding:8px 12px;background:var(--white);border:1px solid rgba(39,37,40,.14);font-size:.8125rem;font-weight:800}
@media (max-width:1000px){.talks__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.talks__grid{grid-template-columns:1fr}}
/* twist v2: ready → look → answer → reveal */
.twist__ready,.twist__flash,.twist__answer,.twist__reveal{display:none}
.twist[data-stage="ready"] .twist__ready{display:block}
.twist[data-stage="look"] .twist__flash{display:block}
.twist[data-stage="answer"] .twist__answer,.twist[data-stage="reveal"] .twist__answer{display:block}
.twist[data-stage="reveal"] .twist__reveal{display:block}
.twist[data-stage="reveal"] .twist__answer .twist__q{display:none}
.twist__hint{margin:10px 0 22px;font-size:1rem;line-height:1.5;color:#5a585c}
.twist__flash{margin-top:6px}
.twist__flash .twist__text{margin-top:10px}
.twist__bar{height:4px;margin-top:14px;background:rgba(0,68,195,.15)}
.twist__bar i{display:block;height:100%;width:100%;background:var(--blue)}
.twist__answer .twist__q{margin-top:8px;font-size:clamp(1.3rem,2.6vw,1.8rem)}
.twist__picks--6{grid-template-columns:repeat(6,minmax(0,1fr))}
.twist__text--marked{margin:12px 0 14px;font-size:1rem}
.twist__text mark,.twist__tri mark{background:var(--yellow);color:var(--ink);padding:0 2px}
.twist__tri--small{margin:12px auto 14px;max-width:260px;font-size:1.2rem;padding-top:26px;padding-bottom:18px}
@media (max-width:420px){.twist__picks--6{grid-template-columns:repeat(3,minmax(0,1fr))}}
.twist{z-index:10000}html.twist-on .mo-companion{visibility:hidden}

/* On Stage · main stages */
.mains__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:clamp(12px,1.6vw,20px);margin-top:clamp(28px,3.4vw,44px);align-items:stretch}
.mstage{display:flex;flex-direction:column;background:var(--white);border:1px solid rgba(39,37,40,.10)}
.mstage figure{margin:0;background:var(--night);aspect-ratio:3/4;display:grid;place-items:center;overflow:hidden}
.mstage figure img{width:100%;height:100%;object-fit:contain;display:block}
.mstage__body{display:flex;flex-direction:column;gap:6px;padding:16px 18px 20px}
.mstage__logo{height:26px;width:auto;align-self:flex-start;margin-bottom:6px}
.mstage__tag{font-size:.6875rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.mstage h3{margin:0;font-size:1.125rem;font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:-.01em}
.mstage p{margin:0;font-size:.9375rem;line-height:1.45;color:#5a585c}
.mstage p b{color:var(--ink)}
.mstage--lead{border-top:4px solid var(--yellow)}
.mstage--lead h3{font-size:1.4rem}
.mains__screens{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:clamp(20px,2.4vw,28px) 0 0}
.mains__screens b{margin-right:8px;font-size:.75rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.mains__screens span{padding:8px 12px;background:var(--white);border:1px solid rgba(39,37,40,.14);font-size:.8125rem;font-weight:800}
@media (max-width:1000px){.mains__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mains__grid{grid-template-columns:1fr}.mstage figure{aspect-ratio:4/5}}

/* On Stage · build your stage (inquiry) */
.sform__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,64px);align-items:start}
.sform .eyebrow{color:var(--white)}
.sform h2{margin:14px 0 0;color:var(--white)}
.sform__lead{margin:14px 0 0;font-size:1.0625rem;line-height:1.55;opacity:.9;max-width:52ch}
.sform__form{margin-top:clamp(24px,3vw,36px);display:grid;gap:12px}
.sform__form fieldset{margin:0;padding:18px 20px;border:1px solid rgba(255,255,255,.22);background:rgba(5,4,9,.12);display:grid;gap:12px}
.sform__form legend{padding:0 6px;font-size:.75rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.sform__form legend b{color:var(--yellow);margin-right:6px}
.sform__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sform__row label{display:grid;gap:6px}
.sform__row span{font-size:.6875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.8}
.sform__row input{width:100%;padding:12px 12px;font:inherit;font-size:1rem;color:var(--ink);background:var(--white);border:2px solid transparent;border-radius:0}
.sform__row input:focus{outline:none;border-color:var(--yellow)}
.chips3{display:flex;flex-wrap:wrap;gap:8px}
.chips3 button{padding:10px 14px;font:inherit;font-size:.875rem;font-weight:800;color:var(--white);background:transparent;border:1.5px solid rgba(255,255,255,.55);cursor:pointer;transition:background .15s,color .15s}
.chips3 button:hover{border-color:var(--white)}
.chips3 button[aria-pressed="true"]{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
@media (max-width:900px){.sform__grid{grid-template-columns:1fr}.sform__row{grid-template-columns:1fr}}
.pass{position:sticky;top:calc(var(--nav-h) + 20px);padding:clamp(22px,2.6vw,30px);background:var(--paper);color:var(--ink);border-top:6px solid var(--yellow);box-shadow:0 24px 60px rgba(5,4,9,.25)}
.pass__top{display:flex;justify-content:space-between;align-items:center}
.pass__top svg{height:26px;width:auto;color:var(--blue)}
.pass__top span{font-size:.6875rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#6a686c}
.pass__live{margin:22px 0 4px;font-size:.75rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.pass__event{margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;word-break:break-word}
.pass__meta{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;margin:20px 0 0}
.pass__meta div{display:grid;gap:2px}
.pass__meta dt{font-size:.625rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#8a888c}
.pass__meta dd{margin:0;font-size:.9375rem;font-weight:800}
.pass__topic{display:grid;gap:4px;margin:16px 0 0;padding:12px 14px;background:var(--blue);color:var(--white)}
.pass__topic span{font-size:.625rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;opacity:.75}
.pass__topic b{font-size:1.0625rem}
.pass__tear{margin:20px -30px;border-top:2px dashed rgba(39,37,40,.25)}
.pass__send{display:grid;gap:12px;justify-items:start}
.pass__mail{font-size:.8125rem;font-weight:800;color:var(--blue)}
.pass__small{margin:12px 0 0;font-size:.75rem;color:#6a686c}
@media (max-width:900px){.pass{position:static}}

/* =====================================================================
   ABOUT page
   ===================================================================== */
.ab-hero__mo{justify-self:end;width:min(500px,100%);margin:0;box-shadow:0 24px 60px rgba(5,4,9,.3);border-top:4px solid var(--yellow)}
.ab-hero__mo img{display:block;width:100%;height:auto}
.ab-hero__role{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.ab-hero__role span{padding:8px 12px;border:1.5px solid rgba(255,255,255,.55);font-size:.8125rem;font-weight:800;letter-spacing:.04em}
@media (max-width:900px){.ab-hero__mo{justify-self:start;max-width:420px}}
.ab-nums{padding-block:clamp(28px,3.4vw,44px)}
.ab-nums__list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ab-nums__list li{display:grid;gap:6px;padding-left:16px;border-left:3px solid var(--blue)}
.ab-nums__list b{font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--ink)}
.ab-nums__list b i{font-style:normal;color:var(--blue)}
.ab-nums__list span{font-size:.8125rem;color:#5a585c}
@media (max-width:800px){.ab-nums__list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}}
.story__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin:clamp(28px,3.4vw,44px) 0 0;padding:0;list-style:none}
.story__steps li{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.2vw,28px);background:var(--white);border-top:3px solid var(--blue)}
.story__steps li:last-child{border-top-color:var(--yellow)}
.story__steps b{font-size:2rem;font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--blue)}
.story__steps h3{margin:0;font-size:1.125rem;font-weight:900;text-transform:uppercase}
.story__steps p{margin:0;font-size:.9375rem;line-height:1.55;color:#4a484c}
.story__steps strong{color:var(--ink)}
@media (max-width:1000px){.story__steps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.story__steps{grid-template-columns:1fr}}
.ab-roots__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.ab-roots .eyebrow{color:var(--white)}
.ab-roots h2{margin:14px 0 0;color:var(--white)}
.ab-roots__lead{margin:16px 0 0;font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.55;opacity:.92;max-width:44ch}
.ab-roots__based{margin:18px 0 0;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow)}
.ab-roots__steps{margin:0;padding:0;list-style:none}
.ab-roots__steps li{display:grid;grid-template-columns:minmax(150px,auto) 1fr;gap:14px;align-items:baseline;padding:16px 0;border-top:1px solid rgba(255,255,255,.25)}
.ab-roots__steps b{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.ab-roots__steps span{font-size:1.0625rem;opacity:.9}
@media (max-width:900px){.ab-roots__grid{grid-template-columns:1fr}}
.believe__list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:clamp(28px,3.4vw,44px) 0 0;padding:0;list-style:none;border-top:1px solid rgba(39,37,40,.14)}
.believe__list li{display:flex;gap:16px;align-items:baseline;padding:22px 20px 22px 0;border-bottom:1px solid rgba(39,37,40,.14);font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:900;line-height:1.15;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}
.believe__list b{flex:none;font-size:.8125rem;letter-spacing:.18em;color:var(--blue)}
@media (max-width:760px){.believe__list{grid-template-columns:1fr}}
.cred3 .flag{width:20px;height:auto;margin-right:6px;vertical-align:-2px}
.ab-hero .ind-hero__title{font-size:clamp(2.4rem,4.6vw,4.4rem)}
.ab-hero .ind-hero__title span{white-space:normal}
.sform h2{font-size:clamp(2.4rem,5vw,4.4rem);font-weight:900;line-height:.95;letter-spacing:-.04em;text-transform:uppercase}
.pass .btn--yellow{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.pass .btn--yellow:hover{background:var(--blue);color:var(--white);border-color:var(--blue)}
.mstage figure{display:block;position:relative}.mstage figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}

/* Home hero · where I work */
.h-hero__where{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:10px 0 0;font-size:.8125rem;font-weight:800;letter-spacing:.06em}
.h-hero__where span{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.35)}
.h-hero__where .flag{width:20px;height:auto}
.h-hero__where small{font-size:.75rem;font-weight:600;opacity:.75;letter-spacing:.02em}

/* Home · "So… what brought you here?" guide */
.guide{position:fixed;right:clamp(12px,2vw,28px);bottom:clamp(12px,2vw,28px);z-index:9000;width:min(400px,calc(100vw - 24px));padding:22px 22px 20px;background:var(--paper);color:var(--ink);border-top:5px solid var(--yellow);box-shadow:0 24px 70px rgba(5,4,9,.35);opacity:0;transform:translateY(16px);transition:opacity .3s,transform .3s}
.guide.is-open{opacity:1;transform:none}
.guide[hidden]{display:none}
.guide__x{position:absolute;top:8px;right:10px;width:36px;height:36px;font-size:1.5rem;line-height:1;color:#6a686c;background:none;border:0;cursor:pointer}
.guide__k{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.6875rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.guide__why{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:.8125rem;letter-spacing:0}
.guide__q{margin:0 0 14px;font-size:1.5rem;font-weight:900;line-height:1.1;letter-spacing:-.02em}
.guide__opts{display:grid;gap:6px}
.guide__opts a,.guide__opts button{display:grid;gap:2px;width:100%;padding:11px 14px;text-align:left;font:inherit;color:var(--ink);text-decoration:none;background:var(--white);border:1.5px solid rgba(39,37,40,.12);cursor:pointer;transition:border-color .15s,background .15s}
.guide__opts a:hover,.guide__opts button:hover{border-color:var(--blue);background:#fff}
.guide__opts b{font-size:.9375rem;font-weight:900;color:var(--blue)}
.guide__opts span{font-size:.8125rem;color:#5a585c}
.guide__opts button b{color:var(--ink)}
.guide__bye{display:none;margin:4px 0 0;font-size:1.25rem;font-weight:900;line-height:1.2;color:var(--blue)}
.guide__bye .dot{display:inline-block}
.guide.is-browsing .guide__ask{display:none}
.guide.is-browsing .guide__bye{display:block}
html.twist-on .guide{display:none}
@media (prefers-reduced-motion:reduce){.guide{transition:none}}
/* On Stage hero photo: blue on blue, no white frame */
.award--blue{padding:0;background:transparent;border-top:4px solid var(--yellow);box-shadow:0 24px 60px rgba(5,4,9,.3)}
.award--blue figcaption{padding:14px 16px;background:rgba(5,4,9,.25)}
.award--blue b{color:var(--white)}
.award--blue span{color:rgba(255,255,255,.8)}
.stage-badge{margin-bottom:18px}
.mains__grid{grid-template-columns:1.3fr 1fr 1fr}
@media (max-width:1000px){.mains__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mains__grid{grid-template-columns:1fr}}

/* =====================================================================
   CONTACT page
   ===================================================================== */
.ct2-card{justify-self:end;width:min(440px,100%);padding:clamp(22px,2.6vw,32px);background:var(--paper);color:var(--ink);border-top:4px solid var(--yellow);box-shadow:0 24px 60px rgba(5,4,9,.25)}
.ct2-card__k{margin:0 0 10px;font-size:.6875rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:#6a686c}
.ct2-line{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:baseline;padding:14px 0;border-top:1px solid rgba(39,37,40,.12);color:var(--ink);text-decoration:none}
.ct2-line span{font-size:.6875rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.ct2-line b{font-size:1.0625rem;font-weight:800;word-break:break-word}
.ct2-line small{font-weight:600;color:#5a585c}
.ct2-line:hover b{color:var(--blue)}
@media (max-width:900px){.ct2-card{justify-self:stretch;width:auto}}
.routes__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);margin-top:clamp(28px,3.4vw,44px)}
.route{display:flex;flex-direction:column;gap:10px;padding:clamp(20px,2.4vw,30px);background:var(--white);border:1px solid rgba(39,37,40,.12);color:var(--ink);text-decoration:none;transition:transform .2s,border-color .2s}
.route:hover{transform:translateY(-3px);border-color:var(--blue)}
.route--main{background:var(--blue) url("img/blue-texture.jpg") center/cover;color:var(--white);border-color:transparent}
.route__n{font-size:.6875rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.route--main .route__n{color:var(--yellow)}
.route h3{margin:0;font-size:1.375rem;font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:-.02em}
.route p{margin:0;font-size:.9375rem;line-height:1.5;opacity:.8}
.route__go{margin-top:auto;padding-top:10px;display:inline-flex;align-items:center;gap:10px;font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.route__go .arrow{width:28px;height:9px}
@media (max-width:1000px){.routes__grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.routes__grid{grid-template-columns:1fr}}
.msg__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:start}
.msg h2{margin:14px 0 0}
.msg__lead{margin:16px 0 0;font-size:1.0625rem;line-height:1.55;color:#4a484c;max-width:44ch}
.msg__form{display:grid;gap:16px;padding:clamp(22px,2.6vw,32px);background:var(--white);border-top:4px solid var(--blue)}
.msg__form label{display:grid;gap:6px}
.msg__form label span,.msg__lbl{display:block;margin-bottom:6px;font-size:.6875rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:#6a686c}
.msg__form input,.msg__form textarea{width:100%;padding:12px;font:inherit;font-size:1rem;color:var(--ink);background:var(--paper);border:2px solid transparent;border-radius:0;resize:vertical}
.msg__form input:focus,.msg__form textarea:focus{outline:none;border-color:var(--blue)}
.chips4{display:flex;flex-wrap:wrap;gap:8px}
.chips4 button{padding:9px 13px;font:inherit;font-size:.875rem;font-weight:800;color:var(--blue);background:transparent;border:1.5px solid var(--blue);cursor:pointer}
.chips4 button[aria-pressed="true"]{background:var(--blue);color:var(--white)}
.msg__send{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.msg__mail{font-size:.8125rem;font-weight:800;color:var(--blue)}
@media (max-width:900px){.msg__grid{grid-template-columns:1fr}}
/* thin "based in" strip under the Home hero */
.where-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:12px 16px;background:var(--blue) url("img/blue-texture.jpg") center/cover;color:var(--white);font-size:.8125rem;font-weight:800;letter-spacing:.04em}
.where-strip span{display:inline-flex;align-items:center;gap:8px}
.where-strip .flag{width:20px;height:auto}
.where-strip i{font-style:normal;opacity:.5}
.where-strip__k{font-size:.6875rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow)}
.where-strip__on{opacity:.85}
/* packages: keep buttons inside the card on phones */
.pkg__cta{max-width:100%;white-space:normal;text-align:center}
@media (max-width:640px){.ind-pk .pkg--discovery .pkg__cta{width:100%;justify-content:center}}

/* =====================================================================
   COURSE page — Knowing isn't changing
   ===================================================================== */
.khero__know{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.khero__know li{padding-left:16px;border-left:3px solid rgba(255,255,255,.4);font-size:1.0625rem;line-height:1.45;opacity:.9}
.khero .ind-hero__lead b{color:var(--yellow)}
.kbuybox{display:grid;gap:10px;justify-items:start;margin-top:8px}
.kbuybox p{margin:0;font-size:.8125rem;opacity:.8}
.kbuy{background:var(--yellow);color:var(--ink);border-color:var(--yellow);font-size:.875rem}
.kbuy:hover{background:var(--white);color:var(--blue);border-color:var(--white)}
.kcover{justify-self:end;width:min(380px,100%);margin:0;transform:rotate(3deg);box-shadow:0 30px 70px rgba(5,4,9,.4)}
.kcover img{display:block;width:100%;height:auto}
@media (max-width:900px){.kcover{justify-self:center;width:min(300px,80%);transform:rotate(2deg)}}
.ktry{text-align:center}
.ktry__in{max-width:760px}
.ktry__k{margin:0 0 14px;font-size:.75rem;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--yellow)}
.ktry__q{margin:0;font-size:clamp(2.6rem,6vw,5rem);font-weight:900;line-height:1;letter-spacing:-.04em;text-transform:uppercase}
.ktry__btn{margin-top:28px}
.ktry__a{display:none;margin-top:28px}
.ktry.is-on .ktry__btn{display:none}
.ktry.is-on .ktry__a{display:block}
.ktry__big{margin:0;font-size:clamp(2.4rem,5vw,4rem);font-weight:900;color:var(--yellow)}
.ktry__a p{margin:12px auto 0;max-width:56ch;font-size:1.0625rem;line-height:1.6;opacity:.9}
.ktry__a p b{color:var(--yellow)}
.ktry__a .ktry__land{margin-top:20px;font-size:clamp(1.3rem,2.4vw,1.8rem);font-weight:900;text-transform:uppercase;opacity:1}
.ktry__land .dot{display:inline-block}
.kget__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:start}
.kget__lead{margin:16px 0 0;font-size:1.0625rem;line-height:1.6;color:#4a484c}
.kget__list{margin:0;padding:0;list-style:none;display:grid;gap:0;border-top:1px solid rgba(39,37,40,.14)}
.kget__list li{position:relative;padding:16px 0 16px 38px;border-bottom:1px solid rgba(39,37,40,.14);font-size:1.0625rem;font-weight:700;line-height:1.4}
.kget__list li::before{content:"✓";position:absolute;left:0;top:14px;display:grid;place-items:center;width:24px;height:24px;background:var(--blue);color:var(--white);font-size:.8125rem;font-weight:900}
.kget__list li:nth-child(6){color:var(--blue)}
@media (max-width:900px){.kget__grid{grid-template-columns:1fr}}
.kparts__list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:clamp(28px,3.4vw,44px) 0 0;padding:0;list-style:none}
.kparts__list li{display:flex;flex-direction:column;gap:8px;padding:18px 14px;background:var(--white);border-top:3px solid var(--blue)}
.kparts__list li:first-child{border-top-color:#8a888c}
.kparts__list li:last-child{background:var(--blue) url("img/blue-texture.jpg") center/cover;color:var(--white);border-top-color:var(--yellow)}
.kparts__list b{display:grid;place-items:center;width:36px;height:36px;background:var(--yellow);color:var(--ink);font-size:1rem;font-weight:900}
.kparts__list h3{margin:0;font-size:1rem;font-weight:900;text-transform:uppercase}
.kparts__list p{margin:0;font-size:.8125rem;line-height:1.4;opacity:.75}
@media (max-width:1100px){.kparts__list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.kparts__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
.krhythm{margin-top:clamp(22px,2.6vw,32px);padding:20px 22px;background:var(--white);border:1px solid rgba(39,37,40,.12)}
.krhythm__k{margin:0 0 10px;font-size:.6875rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.krhythm__steps{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.krhythm__steps span{padding:7px 11px;background:var(--paper);font-size:.8125rem;font-weight:800}
.krhythm__steps span:not(:last-child)::after{content:" →";color:#8a888c}
.krhythm__time{margin:14px 0 0;font-size:.9375rem;color:#4a484c}
.krhythm__time b{color:var(--ink)}
.kinside__row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:clamp(28px,3.4vw,44px)}
.kpage{margin:0}
.kpage img{display:block;width:100%;height:auto;box-shadow:0 10px 26px rgba(39,37,40,.16);cursor:zoom-in}
.kpage figcaption{margin-top:10px;font-size:.8125rem;font-weight:700;line-height:1.35;color:#4a484c}
@media (max-width:1000px){.kinside__row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.kinside__row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kfit{padding-top:0}
.kfit__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kfit__yes,.kfit__no{padding:clamp(20px,2.4vw,30px);background:var(--white);border-top:4px solid var(--blue)}
.kfit__no{border-top-color:#8a888c}
.kfit__k{margin:0 0 8px;font-size:.75rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.kfit__no .kfit__k{color:#6a686c}
.kfit p:not(.kfit__k){margin:0;font-size:1.0625rem;line-height:1.55}
@media (max-width:760px){.kfit__grid{grid-template-columns:1fr}}
.kprice__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:center}
.kprice .eyebrow,.kprice h2{color:var(--white)}
.kprice h2{margin:14px 0 0}
.kprice__lead{margin:16px 0 0;font-size:1.0625rem;line-height:1.6;opacity:.9;max-width:52ch}
.kprice__q{margin:24px 0 0;padding-left:16px;border-left:3px solid var(--yellow);font-size:1.25rem;font-weight:800;line-height:1.35}
.kprice__q small{display:block;margin-top:6px;font-size:.75rem;font-weight:700;opacity:.7}
.kticket{padding:clamp(22px,2.6vw,32px);background:var(--paper);color:var(--ink);border-top:6px solid var(--yellow);box-shadow:0 24px 60px rgba(5,4,9,.25);display:grid;gap:14px}
.kticket__k{margin:0;font-size:1.4rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.kticket__cmp{margin:0;display:grid;gap:0}
.kticket__cmp div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(39,37,40,.14)}
.kticket__cmp dt{font-size:.9375rem;color:#5a585c}
.kticket__cmp dd{margin:0;font-weight:900}
.kticket__cmp div:first-child dd{color:#8a888c}
.kticket__cmp .is-this dt{color:var(--ink);font-weight:800}
.kticket__cmp .is-this dd{font-size:1.6rem;color:var(--blue)}
.kticket .kbuy{justify-content:center}
.kticket__small{margin:0;font-size:.8125rem;color:#6a686c}
.kticket__up{display:inline-flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:800;color:var(--blue)}
.kticket__up .arrow{width:26px;height:8px}
@media (max-width:900px){.kprice__grid{grid-template-columns:1fr}}
/* link to the course from For Individuals */
.kband{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:clamp(14px,1.8vw,24px);padding:16px 22px;background:var(--white);border:1px solid rgba(39,37,40,.12);border-left:4px solid var(--yellow);color:var(--ink);text-decoration:none;transition:transform .2s}
.kband:hover{transform:translateY(-3px)}
.kband img{width:64px;height:auto;box-shadow:0 6px 16px rgba(39,37,40,.2);transform:rotate(-3deg)}
.kband__txt{display:grid;gap:4px}
.kband__txt b{font-size:1.4rem;font-weight:900;text-transform:uppercase;letter-spacing:-.02em}
.kband__txt span:last-child{font-size:.9375rem;color:#5a585c}
.kband .tw__cta{margin:0;padding:0;color:var(--blue)}
@media (max-width:700px){.kband{grid-template-columns:auto 1fr}.kband .tw__cta{grid-column:1/-1}}
.btn.kbuy{background:var(--yellow)!important;color:var(--ink)!important;border-color:var(--yellow)!important}
.btn.kbuy:hover{background:var(--ink)!important;color:var(--white)!important;border-color:var(--ink)!important}
.kprice h2,.faq__grid h2{font-size:clamp(2rem,4vw,3.6rem);font-weight:900;line-height:1;letter-spacing:-.04em;text-transform:uppercase}

/* nav: the course */
.nav__links a.nav__new i{display:inline-block;margin-left:6px;padding:2px 6px;background:var(--yellow);color:var(--ink);font-style:normal;font-size:.5625rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;vertical-align:2px}
[dir="rtl"] .nav__links a.nav__new i{margin-left:0;margin-right:6px}
/* Home · the course */
.hcourse__grid{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,1.45fr);gap:clamp(28px,5vw,80px);align-items:center}
.hcourse__cover{display:block;transform:rotate(-3deg);box-shadow:0 30px 70px rgba(0,68,195,.35);transition:transform .3s}
.hcourse__cover:hover{transform:rotate(0)}
.hcourse__cover img{display:block;width:100%;height:auto}
.hcourse__k{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 16px;font-size:.8125rem;font-weight:800;letter-spacing:.06em;color:rgba(255,255,255,.8)}
.hcourse__k span{padding:4px 8px;background:var(--yellow);color:var(--ink);font-size:.6875rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.hcourse__t{margin:0;font-size:clamp(2.2rem,4.6vw,4.4rem);font-weight:900;line-height:.98;letter-spacing:-.04em;text-transform:uppercase}
.hcourse__t em{font-style:normal;color:var(--yellow)}
.hcourse__lead{margin:18px 0 0;max-width:54ch;font-size:clamp(1.0625rem,1.3vw,1.2rem);line-height:1.6;opacity:.9}
.hcourse__pts{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.hcourse__pts li{position:relative;padding-left:28px;font-weight:700}
.hcourse__pts li::before{content:"✓";position:absolute;left:0;top:1px;display:grid;place-items:center;width:18px;height:18px;background:var(--yellow);color:var(--ink);font-size:.6875rem;font-weight:900}
.hcourse__btns{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:26px}
.hcourse__btns span{font-size:.8125rem;opacity:.75}
@media (max-width:800px){.hcourse__grid{grid-template-columns:1fr}.hcourse__cover{width:min(260px,70%);justify-self:center}}
[dir="rtl"] .hcourse__pts li{padding-left:0;padding-right:28px}[dir="rtl"] .hcourse__pts li::before{left:auto;right:0}
.kband__btn{white-space:nowrap}
@media (max-width:700px){.kband__btn{grid-column:1/-1;justify-self:start}}

/* Home · course pop-up */
.promo{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:16px;background:rgba(5,4,9,.66);opacity:0;transition:opacity .25s}
.promo.is-open{opacity:1}
.promo[hidden]{display:none}
.promo__card{position:relative;width:min(620px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:clamp(26px,4vw,44px);background:var(--night);color:var(--white);border-top:6px solid var(--yellow);box-shadow:0 30px 90px rgba(0,0,0,.5);transform:translateY(14px) scale(.98);transition:transform .3s}
.promo.is-open .promo__card{transform:none}
.promo__x{position:absolute;top:10px;right:12px;width:40px;height:40px;font-size:1.6rem;line-height:1;color:rgba(255,255,255,.6);background:none;border:0;cursor:pointer}
.promo__k{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.75rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--yellow)}
.promo__k span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:var(--yellow);color:var(--ink);font-size:.6875rem;letter-spacing:.12em}
.promo__q{margin:0;font-size:clamp(1.7rem,3.6vw,2.6rem);font-weight:900;line-height:1.1;letter-spacing:-.03em}
.promo__q em{font-style:normal;color:var(--yellow)}
.promo__picks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
.promo__picks button{padding:16px 12px;font:inherit;font-size:1rem;font-weight:900;cursor:pointer;border:2px solid var(--yellow);transition:background .15s,color .15s}
.promo__picks [data-promo-yes]{background:var(--yellow);color:var(--ink)}
.promo__picks [data-promo-yes]:hover{background:var(--white);border-color:var(--white)}
.promo__picks [data-promo-no]{background:transparent;color:rgba(255,255,255,.75);border-color:rgba(255,255,255,.3)}
.promo__yes,.promo__no{display:none}
.promo[data-step="yes"] .promo__ask,.promo[data-step="no"] .promo__ask{display:none}
.promo[data-step="yes"] .promo__yes{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center}
.promo[data-step="no"] .promo__no{display:block}
.promo__cover{width:100%;height:auto;transform:rotate(-4deg);box-shadow:0 18px 40px rgba(0,68,195,.45)}
.promo__t{margin:0;font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:900;line-height:1;letter-spacing:-.03em;text-transform:uppercase}
.promo__t .dot{display:inline-block}
.promo__msg{margin:14px 0 0;font-size:1.0625rem;line-height:1.55;opacity:.9}
.promo__msg b{color:var(--yellow)}
.promo__go{margin-top:20px}
.promo__small{margin:12px 0 0;font-size:.75rem;opacity:.65}
.promo__no .btn{margin-top:20px}
@media (max-width:520px){.promo[data-step="yes"] .promo__yes{grid-template-columns:1fr}.promo__cover{width:120px}.promo__picks{grid-template-columns:1fr}}
[dir="rtl"] .promo__x{right:auto;left:12px}
@media (prefers-reduced-motion:reduce){.promo,.promo__card{transition:none}}
.promo__go{white-space:nowrap}

/* ===== Home hero v4 — calm, direct ===== */
.h-hero .h-hero__lead{max-width:46ch;font-size:clamp(1.0625rem,1.4vw,1.3rem)}
.h-hero__go{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(24px,3vw,36px)}
.h-hero__go .btn--yellow{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.h-hero__go .btn--yellow:hover{background:var(--white);border-color:var(--white)}
.h-hero__start{display:inline-block;margin-top:20px;font-size:.875rem;color:rgba(255,255,255,.75);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:3px}
.h-hero__start b{color:var(--white)}
.h-hero__start:hover{color:var(--white);border-bottom-color:var(--yellow)}

/* ===== "Start here" block — no ticket look, anywhere ===== */
.ticket{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;max-width:560px;background:none!important;box-shadow:none!important;transform:none!important;border:0!important;text-decoration:none;color:inherit}
.ticket:hover{transform:none!important}
.ticket .ticket__main{display:grid;gap:6px;padding:2px 0 2px 18px!important;background:none!important;border:0!important;border-left:3px solid var(--yellow)!important;clip-path:none!important;color:inherit!important;box-shadow:none!important}
.ticket .ticket__main::before,.ticket .ticket__main::after{display:none!important}
.ticket .ticket__tag{justify-self:start;padding:0!important;background:none!important;color:var(--yellow)!important;font-size:.6875rem;letter-spacing:.2em}
.ticket .ticket__title{margin:0;color:inherit!important;font-size:clamp(1.3rem,2vw,1.7rem)}
.ticket .ticket__meta,.ticket .ticket__why{color:inherit!important;opacity:.85}
.ticket .ticket__meta small{opacity:.7}
.ticket .ticket__cta{justify-self:start;display:inline-flex!important;flex-direction:row!important;align-items:center;gap:14px;padding:16px 26px!important;clip-path:none!important;background:var(--yellow)!important;color:var(--ink)!important;border:0!important;font-size:.8125rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.ticket:hover .ticket__cta{background:var(--white)!important;color:var(--blue)!important}
.ticket .ticket__cta .arrow{width:34px}
[dir="rtl"] .ticket .ticket__main{padding:2px 18px 2px 0!important;border-left:0!important;border-right:3px solid var(--yellow)!important}

/* Home hero v5 */
.h-hero .h-hero__title{font-size:clamp(2.2rem,5.4vw,5rem)}
.h-hero .h-hero__lead b{color:var(--yellow);font-weight:800}
.doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:780px;margin:clamp(26px,3vw,36px) auto 0;text-align:left}
.door{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);color:var(--white);text-decoration:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .2s,border-color .2s,transform .2s}
.door:hover{background:rgba(255,255,255,.12);border-color:var(--yellow);transform:translateY(-2px)}
.door__ico{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--blue);color:var(--white);font-weight:900;font-size:1.1rem}
.door__cover{width:36px;height:auto;transform:rotate(-5deg);box-shadow:0 6px 16px rgba(0,0,0,.4)}
.door__txt{display:grid;gap:2px}
.door__txt small{font-size:.75rem;font-weight:700;color:var(--yellow);letter-spacing:.02em}
.door__txt b{font-size:1rem;font-weight:900}
.door__txt i{font-style:normal;font-size:.75rem;opacity:.7}
.door .arrow{width:28px;height:9px;color:var(--yellow)}
.door--course{border-color:rgba(255,208,108,.5)}
@media (max-width:700px){.doors{grid-template-columns:1fr}}
[dir="rtl"] .doors{text-align:right}
/* Home hero v5.1 — slogan fits, doors catchier */
.h-hero .h-hero__title{font-size:clamp(2.2rem,4.3vw,4.6rem);line-height:.95}
.door{padding:18px 20px;border-width:1px}
.door--course{background:linear-gradient(135deg,rgba(255,208,108,.16),rgba(255,208,108,.04));border-color:rgba(255,208,108,.7)}
.door--course .door__txt b{color:var(--yellow)}
.door__txt b{font-size:1.08rem}
.door .arrow{transition:transform .2s}
.door:hover .arrow{transform:translateX(4px)}
[dir="rtl"] .door{text-align:right}
@media (max-width:640px){.doors{grid-template-columns:1fr}.h-hero__who{font-size:.625rem}}
[dir="rtl"] .door:hover .arrow{transform:scaleX(-1) translateX(4px)}
/* Home hero v6 — "Understand the person. Change the business." */
.h-hero .h-hero__lead{font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.5;max-width:46ch;margin-inline:auto}
.h-hero .h-hero__lead b{color:var(--white);font-weight:800}
.h-hero .h-hero__lead em{font-style:normal;font-weight:800;color:var(--yellow)}
.h-hero__sign{margin:12px auto 0;color:var(--yellow);font-weight:900;font-size:clamp(1rem,1.3vw,1.2rem);letter-spacing:.14em;text-transform:uppercase}
.h-hero__sign .dot{background:var(--blue)}
[dir="rtl"] .h-hero__sign{letter-spacing:0;font-size:clamp(1.1rem,1.5vw,1.35rem)}
@media (max-width:520px){.h-hero__sign{font-size:.875rem;letter-spacing:.08em;white-space:nowrap}[dir="rtl"] .h-hero__sign{font-size:1.1rem}}

/* ===== Packages: no prices, Discovery first ===== */
.packages__first{max-width:760px;margin:22px auto 0;padding:22px 24px;border-left:3px solid var(--yellow);background:rgba(255,255,255,.05);text-align:left;display:grid;gap:12px;justify-items:start}
[dir="rtl"] .packages__first{text-align:right;border-left:0;border-right:3px solid var(--yellow)}
.packages__first-k{margin:0;color:var(--yellow);font-weight:900;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase}
.packages__first p{margin:0;color:rgba(255,255,255,.88);line-height:1.6}
.packages__first b{color:var(--white)}
.pkg__price small{font-size:.55em;opacity:.75;font-weight:700}
.pkg__after{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}

/* ===== On Stage hero photo ===== */
.award--stage img{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}

/* ===== Discovery page ===== */
.dh__in{max-width:900px;text-align:center;margin-inline:auto}
.dh .ind-hero__lead{margin-inline:auto}
.dh__meta{display:flex;justify-content:center;gap:clamp(12px,3vw,40px);margin:clamp(24px,3vw,36px) 0 0;padding:0;list-style:none}
.dh__meta li{display:grid;gap:2px;min-width:96px;padding:14px 18px;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.8);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
.dh__meta b{font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;color:var(--white);text-transform:none}
.dh__meta li:last-child{border-color:var(--yellow)}
.dh__meta li:last-child b{color:var(--yellow)}
.dsteps__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);margin:0;padding:0;list-style:none}
.dsteps__list li{padding:clamp(20px,2.4vw,30px);background:var(--white);border-top:4px solid var(--blue)}
.dsteps__list b{color:var(--blue);font-size:.875rem;font-weight:900;letter-spacing:.14em}
.dsteps__list h3{margin:10px 0 8px;font-size:clamp(1.2rem,1.7vw,1.45rem)}
.dsteps__list p{margin:0;line-height:1.6;color:#4a484c}
.dwhy__in{max-width:860px}
.dwhy__in h2{font-size:clamp(1.7rem,3.2vw,2.7rem)}
.dwhy__in p:last-child{font-size:1.125rem;line-height:1.7;max-width:62ch}
.dbook__head{text-align:center;margin-bottom:clamp(24px,3vw,40px)}
.dbook__head h2{color:var(--white)}
.dbook__tz{color:rgba(255,255,255,.7);margin:10px 0 0}
.dbook__tz b{color:var(--yellow)}
.dcal{max-width:860px;margin:0 auto;padding:clamp(18px,3vw,36px);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.14)}
.dcal__k{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-weight:900;color:var(--white);font-size:.875rem;letter-spacing:.12em;text-transform:uppercase}
.dcal__k span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:.8125rem;letter-spacing:0}
.dcal__days{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;margin-bottom:22px;scrollbar-width:thin}
.dday{flex:none;display:grid;justify-items:center;gap:2px;width:84px;padding:12px 6px;background:transparent;border:1px solid rgba(255,255,255,.22);color:var(--white);cursor:pointer;font:inherit;transition:border-color .15s,background .15s}
.dday small{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;opacity:.75}
.dday b{font-size:1.6rem;font-weight:900;line-height:1}
.dday i{font-style:normal;font-size:.6875rem;color:var(--yellow);font-weight:700;margin-top:4px}
.dday:hover:not([disabled]){border-color:var(--yellow)}
.dday.is-on{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.dday.is-on i{color:var(--ink)}
.dday[disabled]{opacity:.35;cursor:not-allowed}
.dday[disabled] i{color:rgba(255,255,255,.6)}
.dcal__times{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.dcal__hint{color:rgba(255,255,255,.6);margin:0}
.dslot{display:grid;gap:2px;padding:12px 8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);color:var(--white);font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.dslot b{font-size:1.05rem;font-weight:800}
.dslot small{font-size:.6875rem;opacity:.65}
.dslot:hover:not([disabled]){border-color:var(--yellow);background:rgba(255,208,108,.12)}
.dslot[disabled]{opacity:.3;cursor:not-allowed;text-decoration:line-through}
.dslot[disabled] small{text-decoration:none}
.dcal__form{display:grid;gap:14px}
.dcal__picked{display:grid;grid-template-columns:1fr auto;gap:2px 14px;align-items:center;padding:16px 18px;border-left:3px solid var(--yellow);background:rgba(255,208,108,.08);margin-bottom:8px}
[dir="rtl"] .dcal__picked{border-left:0;border-right:3px solid var(--yellow)}
.dcal__picked small{grid-column:1;color:var(--yellow);font-weight:800;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}
.dcal__picked b{grid-column:1;color:var(--white);font-size:1.15rem}
.dcal__picked span{grid-column:1;color:rgba(255,255,255,.65);font-size:.8125rem}
.dcal__change{grid-column:2;grid-row:1/4;background:none;border:1px solid rgba(255,255,255,.35);color:var(--white);padding:8px 14px;font:inherit;font-size:.8125rem;cursor:pointer}
.dcal__f{display:grid;gap:6px;color:rgba(255,255,255,.8);font-size:.875rem;font-weight:700}
.dcal__f i{font-style:normal;opacity:.6;font-weight:400}
.dcal__f input,.dcal__f textarea{width:100%;padding:13px 14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.25);color:var(--white);font:inherit;font-size:1rem}
.dcal__f input:focus,.dcal__f textarea:focus{outline:2px solid var(--yellow);outline-offset:1px}
.dcal__go,.dcal__pay{justify-self:start;margin-top:6px}
.dcal__small{margin:0;color:rgba(255,255,255,.55);font-size:.8125rem}
.dcal__done{display:grid;gap:12px}
.dcal__done h3{margin:0;color:var(--white);font-size:clamp(1.5rem,2.6vw,2.1rem)}
.dcal__sum{margin:0;color:rgba(255,255,255,.85);line-height:1.6}
.dbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px max(16px,calc((100vw - 1240px)/2));background:rgba(5,4,9,.94);border-top:2px solid var(--yellow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:dbarIn .3s ease}
.dbar[hidden]{display:none}
.dbar p{margin:0;display:grid;color:var(--white)}
.dbar p b{font-size:1rem}
.dbar p span{font-size:.8125rem;opacity:.7}
.dbar .btn{padding:14px 22px}
@keyframes dbarIn{from{transform:translateY(100%)}to{transform:none}}
@media (max-width:760px){
  .dsteps__list{grid-template-columns:1fr}
  .dh__meta li{min-width:0;padding:12px 12px}
  .dbar p span{display:none}
  .dcal__times{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.packages__first{margin:22px 0 0}
.packages__first .btn{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.packages__first .btn:hover{background:var(--white);color:var(--blue)}
.dbook__head{max-width:860px;margin-inline:auto;text-align:left}
[dir="rtl"] .dbook__head{text-align:right}
.dcal .btn,.dbar .btn{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.dcal .btn:hover,.dbar .btn:hover{background:var(--white);color:var(--blue)}
.dbook__head h2{margin-top:12px}
@media (max-width:640px){.dh .ind-hero__title{font-size:clamp(2rem,10vw,3rem)}.dh .ind-hero__title > span{white-space:normal}}

/* ===== Audience bar (always visible, phone + desktop) ===== */
:root{--aud-h:42px;--nav-h:126px}
@media (max-width:1000px){:root{--nav-h:114px}}
.nav{height:auto}
.nav__inner{height:calc(var(--nav-h) - var(--aud-h))}
.aud{display:flex;justify-content:center;height:var(--aud-h);background:var(--blue);border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:3}
.aud__a{display:flex;align-items:center;gap:7px;padding:0 clamp(14px,3vw,34px);color:rgba(255,255,255,.88);font-size:.875rem;font-weight:700;letter-spacing:.01em;white-space:nowrap;transition:background .2s,color .2s}
.aud__a:hover{color:var(--white);background:rgba(255,255,255,.08)}
.aud__a[aria-current="page"]{background:var(--paper);color:var(--blue)}
.aud__k{background:var(--yellow);color:var(--ink)}
.aud__k i{font-style:normal;font-size:.8em;display:inline-block;animation:audSpark 3.2s ease-in-out infinite}
.aud__k:hover{background:var(--white);color:var(--blue)}
.aud__k[aria-current="page"]{background:var(--paper);color:var(--blue)}
@keyframes audSpark{0%,80%,100%{transform:none}88%{transform:rotate(90deg) scale(1.25)}}
@media (prefers-reduced-motion:reduce){.aud__k i{animation:none}}
@media (max-width:420px){.aud__a{padding:0 12px;font-size:.8125rem}}
[dir="rtl"] .aud__a{letter-spacing:0;font-size:.9375rem}
/* audience bar v2: three real tabs */
.aud{gap:3px;padding:5px 5px 0;background:#0b0a10;border-bottom:0}
.aud__a{flex:0 1 210px;justify-content:center;background:var(--blue);color:var(--white);border-radius:6px 6px 0 0;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.aud__a::after{content:"›";font-weight:900;opacity:.7;transition:transform .2s}
.aud__a:hover{background:#1a5be0;color:var(--white)}
.aud__a:hover::after{transform:translateX(3px)}
[dir="rtl"] .aud__a::after{content:"‹"}
[dir="rtl"] .aud__a:hover::after{transform:translateX(-3px)}
.aud__k{background:var(--yellow);color:var(--ink)}
.aud__k:hover{background:#ffe09c;color:var(--ink)}
.aud__a[aria-current="page"]{background:var(--paper);color:var(--blue);box-shadow:none}
@media (max-width:640px){.aud__a{flex:1 1 0;padding:0 6px;gap:5px}}

/* ===== On Stage hero: photo melts into the blue ===== */
.stage-hero{position:relative;isolation:isolate}
.stage-hero .award--stage{position:absolute;top:0;bottom:0;right:0;width:52%;margin:0;padding:0;border:0;box-shadow:none;background:none;z-index:-1}
[dir="rtl"] .stage-hero .award--stage{right:auto;left:0}
.stage-hero .award--stage img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:55% 12%;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 38%),linear-gradient(to top,transparent 0%,#000 22%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0%,#000 38%),linear-gradient(to top,transparent 0%,#000 22%);mask-composite:intersect}
[dir="rtl"] .stage-hero .award--stage img{-webkit-mask-image:linear-gradient(to left,transparent 0%,#000 38%),linear-gradient(to top,transparent 0%,#000 22%);mask-image:linear-gradient(to left,transparent 0%,#000 38%),linear-gradient(to top,transparent 0%,#000 22%)}
.stage-hero .award--stage figcaption{position:absolute;right:clamp(16px,3vw,48px);bottom:clamp(20px,3vw,44px);padding:0;background:none;text-align:right}
[dir="rtl"] .stage-hero .award--stage figcaption{right:auto;left:clamp(16px,3vw,48px);text-align:left}
.stage-hero .award--stage figcaption b{font-size:.75rem;letter-spacing:.18em;color:var(--yellow)}
.stage-hero .award--stage figcaption span{font-size:.8125rem;color:rgba(255,255,255,.85)}
@media (max-width:1000px){
  .stage-hero .award--stage{position:relative;width:auto;height:min(78vw,420px);margin:-8px calc(-1 * var(--gutter)) 0;order:-1;z-index:0}
  .stage-hero .ind-hero__grid{display:flex;flex-direction:column}
  .stage-hero .award--stage img{object-position:50% 15%;-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 35%);mask-image:linear-gradient(to top,transparent 0%,#000 35%)}
  [dir="rtl"] .stage-hero .award--stage img{-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 35%);mask-image:linear-gradient(to top,transparent 0%,#000 35%)}
}
/* ===== Business inquiry block ===== */
.binq{display:grid;gap:10px;justify-items:start;margin-top:clamp(22px,3vw,34px);padding:4px 0 4px 20px;border-left:3px solid var(--yellow);max-width:560px}
[dir="rtl"] .binq{padding:4px 20px 4px 0;border-left:0;border-right:3px solid var(--yellow)}
.binq__tag{margin:0;color:var(--yellow);font-size:.6875rem;font-weight:900;letter-spacing:.2em;text-transform:uppercase}
.binq__title{margin:0;color:var(--white);font-weight:900;font-size:clamp(1.3rem,2vw,1.7rem);text-transform:uppercase;letter-spacing:-.01em}
.binq__why{margin:0;color:rgba(255,255,255,.85);line-height:1.55}
.binq__go{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
/* ===== Course price line ===== */
.kbuybox__price{margin:12px 0 0!important;color:var(--white)!important;opacity:1!important;font-size:1rem!important}
.kbuybox__price b{color:var(--yellow);font-size:1.25rem}
.kticket__cmp dd small{display:block;font-size:.75rem;font-weight:700;opacity:.75}
@media (max-width:1000px){.stage-hero .ind-hero__grid{align-items:stretch}.stage-hero .award--stage{align-self:stretch;width:auto;max-width:none}.stage-hero .award--stage img{-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 35%),linear-gradient(to right,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to top,transparent 0%,#000 35%)}}
.nav__links a{white-space:nowrap}
@media (min-width:1001px) and (max-width:1480px){.nav__links{gap:clamp(16px,2vw,32px)}.nav__inner{gap:clamp(20px,3vw,48px)}}
.binq .btn--yellow{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.binq .btn--yellow:hover{background:var(--white);color:var(--blue)}
.dcal__months{display:flex;gap:8px;margin:0 0 14px}
.dmonth{padding:9px 18px;background:transparent;border:1px solid rgba(255,255,255,.3);color:var(--white);font:inherit;font-weight:800;font-size:.875rem;cursor:pointer}
.dmonth.is-on{background:var(--white);color:var(--ink);border-color:var(--white)}
.dmonth:hover:not(.is-on){border-color:var(--yellow)}
.dday[hidden]{display:none}

/* mobile nav: logo far left, language + menu far right */
@media (max-width:1000px){
  .nav__inner{gap:0}
  .nav .nav__lang{margin-inline-start:auto}
  .nav .nav__lang ~ .nav__toggle,[dir="rtl"] .nav .nav__lang ~ .nav__toggle{margin-inline-start:10px;margin-inline-end:-10px}
}
/* international prices with flags */
.p3{display:inline-flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.p3 > span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-weight:800}
.p3 .flag,.p3s .flag{width:18px;height:12px;flex:none;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.door .p3{gap:2px 10px;font-size:.75rem;opacity:.9}
.door .p3 .flag{width:15px;height:10px}
.kbuybox__price .p3{font-size:1.05rem;gap:6px 16px}
.kbuybox__price .p3 > span:first-child{color:var(--yellow);font-size:1.2rem}
.p3--sm{font-size:.75rem;gap:2px 10px;justify-content:flex-end;margin-top:4px}
.p3--sm .flag{width:14px;height:9px}
.p3--pkg{display:flex;font-size:.75rem;margin:6px 0 2px;color:rgba(255,255,255,.85)}
.p3--pkg .flag{width:14px;height:9px}
.dh__meta .p3s{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:.75rem;letter-spacing:.04em}
.dh__meta li:last-child{gap:4px}
.ticket__meta .p3{gap:2px 10px}
.dbar .p3{font-size:.8125rem;opacity:.9}
.dcal__small .p3{font-size:.8125rem;color:rgba(255,255,255,.8)}
@media (max-width:760px){.dbar .p3{display:none}}

/* prices v2: one tidy stacked list — flag + price per line */
.p3{display:inline-grid;grid-auto-flow:row;gap:3px;justify-items:start}
.p3 > span{gap:8px;font-variant-numeric:tabular-nums}
.door .p3{gap:1px;margin-top:4px;font-size:.75rem}
.kbuybox__price .p3{gap:5px}
.kbuybox__price .p3 > span{font-size:1rem}
.kbuybox__price .p3 > span:first-child{font-size:1.25rem}
.p3--pkg{display:grid;gap:2px;margin:8px 0 4px}
.ticket__meta .p3{gap:1px}
.dcal__small .p3{gap:2px}
/* course price card: everyday comparison */
.kticket__life{margin:0;padding:0;list-style:none;display:grid}
.kticket__life li{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid rgba(39,37,40,.12);color:#6a686c;font-size:.9375rem}
.kticket__life b{color:var(--ink);font-weight:700;text-decoration:line-through;text-decoration-color:rgba(39,37,40,.35)}
.kticket__life span{font-style:italic}
.kticket__this{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;background:var(--blue);color:var(--white);margin-top:4px}
.kticket__this small{display:block;color:var(--yellow);font-weight:800;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase}
.kticket__this b{display:block;font-size:1.15rem;font-weight:900;text-transform:uppercase;margin:3px 0}
.kticket__this > div > span{font-size:.8125rem;opacity:.85}
.p3--card{flex:none;gap:4px}
.p3--card > span{font-size:.875rem}
.p3--card > span:first-child{font-size:1.25rem;color:var(--yellow)}
.kbuy{font-size:.9375rem!important;padding:20px 28px!important}
@media (max-width:520px){.kticket__this{flex-direction:column;align-items:flex-start}}

/* prices v3: JD is the price; AED + USD sit quietly underneath */
.p3{display:inline-grid;gap:4px;justify-items:start;grid-auto-flow:row}
.p3 > b{font-weight:900;white-space:nowrap}
.alt{display:inline-flex;align-items:center;gap:10px;font-size:.8125rem;font-weight:700;opacity:.78;white-space:nowrap;font-variant-numeric:tabular-nums}
.alt > span{display:inline-flex;align-items:center;gap:6px}
.alt .flag{width:16px;height:11px;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.alt__sep{width:1px;height:12px;background:currentColor;opacity:.4}
/* home doors: price as its own column, right side */
.door{grid-template-columns:auto 1fr auto auto}
.p3--door{justify-items:end;text-align:right;padding-inline:8px 4px;border-inline-start:1px solid rgba(255,255,255,.14);padding-inline-start:16px}
[dir="rtl"] .p3--door{justify-items:start;text-align:left}
.p3--door > b{font-size:1.25rem;color:var(--white)}
.door--course .p3--door > b{color:var(--yellow)}
.p3--door .alt{font-size:.75rem;gap:8px}
.p3--door .alt .flag{width:14px;height:10px}
/* course hero / card / discovery */
.kbuybox__price .p3 > b{font-size:1.6rem;color:var(--yellow)}
.kbuybox__price .alt{font-size:.9375rem;opacity:.85}
.p3--card{justify-items:end}
.p3--card > b{font-size:1.5rem;color:var(--yellow)}
.p3--card .alt{font-size:.8125rem}
.dh__meta li:last-child .alt{justify-content:center;font-size:.75rem;letter-spacing:0;text-transform:none}
.p3--pkg{display:block;margin:8px 0 4px}
.p3--pkg .alt{font-size:.75rem;color:var(--white)}
.ticket__meta .p3{grid-auto-flow:column;align-items:center;gap:10px}
.ticket__meta .p3 > b{font-weight:800}
.dbar .p3{grid-auto-flow:column;align-items:center;gap:10px}
.dcal__small .p3{grid-auto-flow:column;align-items:center;gap:10px;color:var(--white)}
.p3--sm{display:none}
@media (max-width:520px){
  .door{grid-template-columns:auto 1fr auto}
  .p3--door{grid-column:2 / -1;grid-row:2;justify-items:start;text-align:left;border:0;padding:8px 0 0;grid-auto-flow:column;align-items:baseline;gap:12px}
  [dir="rtl"] .p3--door{text-align:right}
  .door > .arrow{grid-row:1}
}
.doors{max-width:920px}
.door{gap:16px;padding:16px 20px}
.door__txt b{white-space:nowrap}
@media (max-width:900px){.door__txt b{white-space:normal}}
@media (max-width:520px){
  .door .door__ico,.door .door__cover{grid-column:1;grid-row:1}
  .door .door__txt{grid-column:2;grid-row:1}
  .door > .arrow{grid-column:3;grid-row:1}
  .p3--door{grid-column:2 / 4;grid-row:2;justify-content:start;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}
}
.doors{max-width:1000px}
.door__txt{min-width:0}
.door__txt b{white-space:normal}
.door > .arrow{flex:none}
@media (max-width:520px){.p3--door{column-gap:16px!important;display:grid}}
/* doors: price row under the text on every screen — calmer */
.door{grid-template-columns:auto 1fr auto}
.door .door__ico,.door .door__cover{grid-column:1;grid-row:1}
.door .door__txt{grid-column:2;grid-row:1}
.door > .arrow{grid-column:3;grid-row:1}
.p3--door{grid-column:2 / 4;grid-row:2;display:grid;grid-auto-flow:column;justify-content:start;align-items:center;column-gap:16px;padding:10px 0 0;border:0;border-top:1px solid rgba(255,255,255,.12);text-align:left}
[dir="rtl"] .p3--door{text-align:right}
.p3--door > b{font-size:1.15rem}
.door .p3--door{column-gap:18px;margin-top:2px}
.ticket__meta .p3 span::before{content:none!important;margin:0!important}
.ticket__meta .p3{display:inline-flex;gap:12px;align-items:center}
.ticket__meta .alt{opacity:.8}
.pkg__price .p3--pkg{display:block;margin:8px 0 4px;opacity:1}
.pkg__price .alt{display:inline-flex;margin:0;opacity:.85;gap:10px}
.pkg__price .alt > span{display:inline-flex;margin:0;opacity:1;font-size:.8125rem;font-weight:700}
.pkg__price .alt__sep{display:inline-block;margin:0;width:1px;height:12px}
.kbuybox__price .alt{opacity:.9}
.kbuybox__price .alt::before{content:"or";font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-inline-end:2px}
[lang="ar"] .kbuybox__price .alt::before{content:"أو";letter-spacing:0}
@media (max-width:520px){.p3--card{justify-items:start}}

/* Individuals hero: attendee video instead of the written quote */
.ind-vid{justify-self:end;width:min(360px,100%);margin:0;background:var(--night);border-top:4px solid var(--yellow);box-shadow:0 24px 60px rgba(5,4,9,.35)}
[dir="rtl"] .ind-vid{justify-self:start}
.ind-vid .vid,.ind-vid video{display:block;width:100%;height:auto}
.ind-vid figcaption{display:grid;gap:3px;padding:14px 16px;color:var(--white)}
.ind-vid figcaption b{font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow)}
.ind-vid figcaption span{font-size:.8125rem;opacity:.8}
@media (max-width:1000px){.ind-vid{justify-self:center;width:min(340px,100%)}}
@media (min-width:1001px){.ind-vid{width:min(320px,100%);align-self:center}}

/* ===== Course: an introduction, not the whole method ===== */
.kintro{margin:22px 0 0;display:inline-block;padding:8px 14px;border:1px solid rgba(255,255,255,.35);font-size:.9375rem;color:rgba(255,255,255,.9)}
.kintro b{color:var(--yellow)}
.kparts__note{margin:12px 0 0;max-width:60ch;color:#5a585c}
.kpath__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,20px);margin:0;padding:0;list-style:none;counter-reset:none}
.kpath__steps li{position:relative;display:grid;align-content:start;gap:8px;padding:clamp(20px,2.4vw,30px);border:1px solid rgba(255,255,255,.18);color:var(--white)}
.kpath__steps li:not(:last-child)::after{content:"";position:absolute;top:50%;right:calc(-1 * clamp(12px,2vw,20px));width:clamp(12px,2vw,20px);height:1px;background:rgba(255,255,255,.35)}
[dir="rtl"] .kpath__steps li:not(:last-child)::after{right:auto;left:calc(-1 * clamp(12px,2vw,20px))}
.kpath__steps li.is-here{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.kpath__n{font-size:.6875rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;opacity:.75}
.kpath__steps h3{margin:0;font-size:clamp(1.25rem,1.8vw,1.5rem)}
.kpath__steps p{margin:0;line-height:1.55;opacity:.9}
.kpath__tag{justify-self:start;margin-top:6px;padding:6px 10px;border:1px solid currentColor;font-size:.75rem;font-weight:800;letter-spacing:.06em;color:inherit}
a.kpath__tag:hover{background:var(--white);color:var(--ink);border-color:var(--white)}
@media (max-width:760px){.kpath__steps{grid-template-columns:1fr}.kpath__steps li:not(:last-child)::after{display:none}}
.kby{display:flex;align-items:center;gap:18px;margin-top:14px}
.kby__img{width:88px;height:88px;border-radius:50%;object-fit:cover;object-position:50% 20%;border:3px solid var(--yellow);flex:none}
.kby h2{margin:0;font-size:clamp(1.6rem,2.8vw,2.4rem)}
.kby__role{margin:4px 0 0;color:rgba(255,255,255,.8)}
.kby__nums{display:flex;flex-wrap:wrap;gap:clamp(18px,3vw,36px);margin:24px 0 0;padding:0;list-style:none}
.kby__nums li{display:grid}
.kby__nums b{font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:900;line-height:1}
.kby__nums b i{font-style:normal;color:var(--yellow)}
.kby__nums span{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-top:4px}
.kby__creds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:24px 0 0;padding:0;list-style:none}
.kby__creds li{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:rgba(255,255,255,.08);border-left:2px solid var(--yellow)}
[dir="rtl"] .kby__creds li{border-left:0;border-right:2px solid var(--yellow)}
.kby__creds .flag{width:20px;height:14px;flex:none;margin-top:2px;border-radius:2px}
.kby__creds span{display:grid;gap:2px;font-size:.75rem;opacity:.85;line-height:1.35}
.kby__creds b{font-size:.875rem;opacity:1}
@media (max-width:640px){.kby__creds{grid-template-columns:1fr}}
.kpath .sec-head{margin-bottom:clamp(24px,3vw,40px)}
/* keep "12+" / "2,000+" reading left-to-right inside Arabic pages */
[dir="rtl"] .nums strong,[dir="rtl"] .ab-nums b,[dir="rtl"] .kby__nums b,[dir="rtl"] .nums b{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* email chooser */
.mailpick{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgba(5,4,9,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.mailpick[hidden]{display:none}
.mailpick__card{position:relative;width:min(380px,100%);display:grid;gap:8px;padding:26px 22px 22px;background:var(--paper);color:var(--ink);border-top:4px solid var(--yellow);box-shadow:0 24px 60px rgba(5,4,9,.4)}
.mailpick__x{position:absolute;top:8px;inset-inline-end:10px;width:36px;height:36px;font-size:1.5rem;line-height:1;color:var(--ink);background:none;border:0;cursor:pointer}
.mailpick__k{margin:0;font-size:.6875rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}
.mailpick__to{margin:0 0 8px;font-weight:800;font-size:1.05rem}
.mailpick__opt{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;background:var(--white);border:1px solid rgba(39,37,40,.14);color:var(--ink);font:inherit;font-weight:700;font-size:.9375rem;text-align:start;cursor:pointer;text-decoration:none;transition:border-color .15s,background .15s}
.mailpick__opt:hover,.mailpick__opt:focus-visible{border-color:var(--blue);background:#eef3ff}
.mailpick__opt b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:var(--white);font-size:.8125rem;flex:none}
/* phones: hero text never wider than the screen */
.ind-hero__grid > *{min-width:0}
@media (max-width:640px){
  .ind-hero__title > span{white-space:normal}
  .khero .ind-hero__title{font-size:clamp(2.1rem,10.5vw,3rem)}
  .kbuy{white-space:normal;text-align:left;line-height:1.3}
}
.dh__go{margin-top:clamp(24px,3vw,34px);padding:20px 34px;font-size:.9375rem}
.dh .dh__go{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.dh .dh__go:hover{background:var(--white);color:var(--blue)}
.dh__note{margin:12px 0 0;font-size:.8125rem;color:rgba(255,255,255,.75)}
html{scroll-behavior:smooth}
#book{scroll-margin-top:calc(var(--nav-h) + 8px)}