/* Lavish, Sensatype Studio. Website licence, order #xwc9hxagp7ujzcw, 14 September 2026, one website, @font-face embedding permitted */
@font-face{font-family:"Lavish";src:url("fonts/lavish.woff") format("woff"),url("fonts/lavish.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
/* ============================================================
   POSITIVE IMPACT HUB
   Site stylesheet. Rebuilt 2026-09-10 on Roberta's rulings:
   LIGHT ground, and the visual identity of A2Z's 5 January design.

   Palette per PIH-Brand Guidelines 2025: black, white, gold #D1913C
   to #FFD194 as primary; the seven pillar colours as secondary.
   The light gold #FFD194 is the accent block colour, as in January.
   Do not introduce colours that are not in this file.

   Fonts: headline LAVISH (Sensatype Studio, paid, not yet licensed;
   Source Serif 4 stands in). Body ARCHIVO (open licence, replaces
   Acumin, which has no perpetual web licence and is not used).

   Tidied 2026-09-15 (Creative Production, round 5): the sixteen places
   where the day's appended blocks declared the same property three or
   more times were collapsed to the winning declaration, dead rules were
   removed, and the round 5 fixes were applied. The rendering is the same
   except where a round 5 item says otherwise. The order of the blocks is
   unchanged, so later blocks still win where they did before.
   ============================================================ */

:root{
  --bg:#FBF7F1;
  --bg-2:#FFFFFF;
  --dark:#1A1717;
  --dark-2:#232020;
  --ink:#1A1717;
  --ink-2:#5C5652;
  --ink-3:#6E6862; /* Round 5, item 6: 5.5:1 on white, 5.1:1 on the cream ground; was #8A837D at 3.7 and 3.5 */
  --line:rgba(26,23,23,.12);
  --line-strong:rgba(26,23,23,.26);
  --on-dark:#FFF3E4;
  --on-dark-2:#BDB4AA;
  --on-dark-3:#8E8880;
  --line-dark:rgba(255,209,148,.16);

  --gold:#D1913C;
  --gold-light:#FFD194;
  --gold-text:#8C5F1E;
  --apricot:#FFD194;

  --ascend:#223F86; --gather:#EC2228; --amplify:#E55F00; --dive:#FF5300;
  --pulse:#43109F;  --ignite:#231F20; --rise:#A71F26;
  --ascend-t:#223F86; --gather-t:#B8161C; --amplify-t:#A84500; --dive-t:#B93D00;
  --pulse-t:#43109F;  --ignite-t:#7A5A1E; --rise-t:#A71F26;
  --ascend-d:#6687D8; --gather-d:#F05055; --amplify-d:#E55F00; --dive-d:#FF5300;
  --pulse-d:#9E70F1;  --ignite-d:#D1913C; --rise-d:#E15E65;

  --accent:var(--gold); --accent-text:var(--gold-text); --accent-dark:var(--gold);

  --display:"Lavish","Source Serif 4",Georgia,serif;
  --body:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --measure:64ch;
  --gut:clamp(20px,5vw,44px);
  --r:18px;
}
.t-ascend {--accent:var(--ascend); --accent-text:var(--ascend-t); --accent-dark:var(--ascend-d);}
.t-gather {--accent:var(--gather); --accent-text:var(--gather-t); --accent-dark:var(--gather-d);}
.t-amplify{--accent:var(--amplify);--accent-text:var(--amplify-t);--accent-dark:var(--amplify-d);}
.t-dive   {--accent:var(--dive);   --accent-text:var(--dive-t);   --accent-dark:var(--dive-d);}
.t-pulse  {--accent:var(--pulse);  --accent-text:var(--pulse-t);  --accent-dark:var(--pulse-d);}
.t-ignite {--accent:var(--ignite); --accent-text:var(--ignite-t); --accent-dark:var(--ignite-d);}
.t-rise   {--accent:var(--rise);   --accent-text:var(--rise-t);   --accent-dark:var(--rise-d);}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink-2);font-family:var(--body);font-size:17px;line-height:1.7;font-weight:400;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}

.wrap{max-width:1160px;margin:0 auto;padding:0 var(--gut)}
.narrow{max-width:760px;margin-left:auto;margin-right:auto}
.section{padding:clamp(56px,8vw,104px) 0}
.section--white{background:var(--bg-2)}
.section--dark{background:var(--dark);color:var(--on-dark-2)}
.section--dark h1,.section--dark h2,.section--dark h3{color:var(--on-dark)}
.section--dark p{color:var(--on-dark-2)}
.section--dark .eyebrow{color:var(--gold-light);border-color:var(--line-dark)}
.section--apricot{background:var(--apricot);color:var(--ink)}
.rule{height:1px;background:var(--line);border:0;margin:0}

h1,h2,h3,h4{font-family:var(--display);font-weight:300;color:var(--ink);letter-spacing:-.01em;margin:0 0 .5em;text-wrap:balance}
h1{font-size:clamp(38px,5.6vw,70px);line-height:1.04}
h2{font-size:clamp(30px,4.2vw,50px);line-height:1.08}
h3{font-size:clamp(22px,2.6vw,30px);line-height:1.2;font-weight:400}
h4{font-family:var(--body);font-size:15px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
p{margin:0 0 1.1em;max-width:var(--measure)}
p:last-child{margin-bottom:0}
strong{color:var(--ink);font-weight:600}
.eyebrow{display:inline-block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:600;border:1px solid var(--line-strong);border-radius:999px;padding:6px 14px;margin:0 0 22px}
.lead{font-size:clamp(18px,2vw,21px);line-height:1.6;color:var(--ink-2);max-width:56ch}
.small{font-size:14.5px;color:var(--ink-3)}
.attribution{font-size:13.5px;line-height:1.6;color:var(--ink-3);font-style:italic;border-left:2px solid var(--line-strong);padding-left:16px;margin-top:22px;max-width:62ch}
a{color:var(--gold-text);text-decoration:none;border-bottom:1px solid rgba(140,95,30,.35);transition:color .18s,border-color .18s}
a:hover,a:focus-visible{color:var(--ink);border-bottom-color:var(--ink)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px}
ul.plain,ol.plain{margin:0 0 1.1em;padding-left:22px;max-width:var(--measure)}
ul.plain li,ol.plain li{margin-bottom:.5em;padding-left:4px}
ul.plain li::marker{color:var(--accent-text)}

/* Round 5, item 2: calls to action and navigation scaled to the 18px body (were 13.5px and 13.5px) */
.btn{display:inline-flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.04em;font-weight:600;padding:13px 24px 13px 14px;border:1px solid transparent;background:var(--gold-light);color:var(--ink);border-radius:999px;transition:background .2s,border-color .2s}
.btn::before{content:"\2192";display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--gold-light);font-size:13px}
.btn:hover,.btn:focus-visible{background:var(--gold);color:var(--ink)}
.btn--ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}
.btn--ghost::before{background:var(--gold-light);color:var(--ink)}
.btn--ghost:hover,.btn--ghost:focus-visible{background:var(--bg-2);border-color:var(--ink)}
.section--dark .btn--ghost{border-color:var(--line-dark);color:var(--on-dark)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}

.masthead{position:sticky;top:0;z-index:60;background:rgba(251,247,241,.92);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}
.masthead__inner{max-width:1160px;margin:0 auto;padding:14px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;border-bottom:0}
.brand:hover{border-bottom:0}
.brand img{height:40px;width:auto}
.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav>a,.nav>details>summary{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:999px;padding:9px 16px;font-size:14.5px;font-weight:500;color:var(--ink);background:var(--bg-2);cursor:pointer;list-style:none}
.nav>a:hover,.nav>details>summary:hover,.nav>a[aria-current="page"]{background:var(--gold-light);border-color:var(--gold-light)}
.nav>details{position:relative}
.nav>details>summary::-webkit-details-marker{display:none}
.nav>details>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.nav>details[open]>summary::after{transform:rotate(225deg) translateY(-1px)}

.hero{padding:clamp(40px,6vw,72px) 0 clamp(48px,7vw,88px)}
.hero__block{background:var(--apricot);border-radius:var(--r);min-height:clamp(200px,32vw,380px);margin-bottom:clamp(32px,5vw,54px);position:relative;overflow:hidden}
.hero__block::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 80% 20%,rgba(255,255,255,.35),transparent 60%)}
.hero__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(24px,5vw,64px);align-items:end}
/* .hero h1 is the Contact page headline; the Home headline is .hero__line1 below */
.hero h1{margin:0;font-size:clamp(34px,3.4vw,50px);line-height:1.12;max-width:30ch}
.hero__side p{margin-bottom:22px;max-width:40ch}

.story{display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,6vw,80px);align-items:start}
.story h2{max-width:16ch}

.dial{display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:clamp(28px,5vw,72px);align-items:center;margin-top:clamp(30px,5vw,54px)}
.ringwrap{position:relative;width:100%;aspect-ratio:1;max-width:460px;margin:0 auto}
.ringwrap svg{width:100%;height:100%;display:block}
.dot{cursor:pointer}
.dot circle.core{transition:r .25s ease}
.dot text{font-family:var(--body);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;pointer-events:none}
.dot:focus-visible{outline:none}
.dot:focus-visible circle.halo{stroke:var(--gold);stroke-width:2}
.centre{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:20%;pointer-events:none}
.centre p{margin:0;font-size:clamp(13.5px,1.4vw,16px);line-height:1.55;color:#FFF3E4}
.dpanel img{height:56px;width:auto;margin-bottom:22px}
.dpanel .dname{font-family:var(--display);font-weight:300;font-size:clamp(34px,4.2vw,52px);line-height:1.05;color:var(--ink);margin:0 0 4px}
.dpanel .ddesc{font-size:14.5px;letter-spacing:.06em;color:var(--ink-3);margin:0 0 18px}
.status{display:inline-block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-3)}
.status.live{border-color:var(--accent-text);color:var(--accent-text)}
.dpanel .dbody{margin:20px 0 0;max-width:50ch;color:var(--ink-2)}
.dnav{display:flex;align-items:center;gap:12px;margin-top:28px}
.dnav button{background:none;border:1px solid var(--line-strong);color:var(--ink);width:42px;height:42px;border-radius:50%;cursor:pointer;font-size:17px;display:grid;place-items:center}
.dnav button:hover{border-color:var(--ink)}
.dcount{font-size:13px;letter-spacing:.12em;color:var(--ink-3)}
.dcount b{color:var(--ink);font-weight:500}
.dmore{margin-left:auto;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--accent-text);border-bottom:1px solid currentColor;padding-bottom:2px}
.dmore:hover{color:var(--ink);border-bottom-color:var(--ink)}
.dlist{display:none}

.trio{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,4vw,60px);align-items:center}
.bigword{font-family:var(--body);font-weight:700;font-size:clamp(26px,3.6vw,44px);line-height:1.15;color:var(--ink);letter-spacing:-.01em}
.bigword span{display:block}
.cards{display:grid;gap:18px}
/* Three ways in cards: one declaration each (was declared at four places for .card and five for .card p) */
.card{display:block;background:var(--apricot);border:1px solid rgba(26,23,23,.55);border-radius:var(--r);padding:clamp(16px,1.8vw,22px) clamp(18px,2vw,26px)}
.card .eyebrow{margin-bottom:12px;border-color:rgba(26,23,23,.25)}
.card h3{margin:0 0 10px;max-width:18ch}
.card p{font-size:clamp(16px,1.15vw,17.5px);line-height:1.55;color:var(--ink-2);max-width:none;margin:0}
.card .btn{align-self:center;white-space:nowrap;background:var(--bg-2)}
.card .btn:hover{background:var(--ink);color:var(--gold-light)}
.card .btn:hover::before{background:var(--gold-light);color:var(--ink)}

.program{border-top:1px solid var(--line);padding:40px 0}
.program__format{font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text);font-weight:600}
.program h3{margin:0 0 6px}
.program dl{margin:20px 0 0;display:grid;gap:14px 28px;grid-template-columns:minmax(150px,20%) 1fr}
.program dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding-top:4px}
.program dd{margin:0;max-width:60ch}
.catgroup__label{display:inline-block;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text);font-weight:600;margin:clamp(40px,6vw,70px) 0 0}

.pillhead{padding:clamp(48px,7vw,88px) 0 clamp(36px,5vw,56px)}
.pillhead img{height:60px;width:auto;margin-bottom:26px}
.pillhead .eyebrow{color:var(--accent-text);border-color:currentColor}
.grid{display:grid;gap:18px}
.grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.tile{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:28px 26px}
.tile h3{font-size:22px;margin-bottom:12px}
.tile p,.tile li{font-size:15.5px}
.status--light{display:inline-block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;padding:5px 12px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink-3)}
.status--light.live{border-color:var(--accent-text);color:var(--accent-text)}

.particulars{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:8px 28px 10px}
.particulars dl{margin:0}
.prow{display:grid;grid-template-columns:minmax(190px,32%) 1fr;gap:6px 28px;padding:16px 0;border-bottom:1px solid var(--line)}
.prow:last-child{border-bottom:0}
.prow dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding-top:3px;margin:0}
.prow dd{margin:0;color:var(--ink);font-weight:500}
.prow dd .sub{display:block;color:var(--ink-3);font-size:14px;margin-top:3px;font-weight:400}
.pill{display:inline-block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--ink);background:var(--gold-light);padding:4px 12px;border-radius:999px}
.panel{border:1px solid var(--line);background:var(--bg-2);border-radius:var(--r);padding:clamp(24px,4vw,36px)}
.panel h2,.panel h3{margin-top:0}

.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:28px 32px}
.stat__fig{font-family:var(--display);font-size:clamp(34px,4.4vw,48px);color:var(--ink);line-height:1.05;display:block;margin-bottom:6px;font-weight:300}
.stat__lab{font-size:14px;color:var(--ink-3);line-height:1.5;max-width:24ch}
.cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px 36px;margin:0}
.cgrid dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin:0 0 8px}
.cgrid dd{margin:0;color:var(--ink);font-size:17px}

.band{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:clamp(30px,5vw,56px);display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(20px,4vw,48px);align-items:center}
.band h2{margin:0 0 10px}

.sitefoot{background:var(--dark);color:var(--on-dark-2)}
/* .sitefoot__top is declared once, in the 2026-09-14 footer block below */
.sitefoot h3{color:var(--on-dark);font-family:var(--body);font-weight:600;font-size:clamp(20px,2.2vw,26px);line-height:1.3;max-width:22ch;margin:0 0 18px}
.sitefoot h4{color:var(--on-dark);margin:0 0 14px;font-size:12px}
.sitefoot ul{list-style:none;margin:0;padding:0}
.sitefoot li{margin:0}
.sitefoot li a{display:inline-block;padding:6px 0;border-bottom:0;color:var(--on-dark-2);font-size:15px}
.sitefoot li a:hover{color:var(--on-dark)}
.sitefoot__legal{border-top:1px solid var(--line-dark);padding:24px 0 52px;font-size:13.5px;line-height:1.7;color:var(--on-dark-3)}
.sitefoot__legal p{max-width:none}
.sitefoot__legal a{color:var(--on-dark-2);border-bottom-color:rgba(255,243,228,.3)}
.sitefoot__legal a:hover{color:var(--on-dark)}

.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--gold);color:var(--ink);padding:12px 20px;border-bottom:0}
.skip:focus{left:12px;top:12px}

@media (max-width:920px){
  .hero__grid,.story,.band{grid-template-columns:1fr}
  .trio{grid-template-columns:1fr}
  .bigword{display:flex;gap:18px;font-size:22px}
}
@media (max-width:760px){
  body{font-size:16px}
  .masthead__inner{flex-wrap:wrap;gap:12px}
  .brand img{height:34px}
  .nav{gap:6px}
  .dial{display:none}
  .dlist{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:26px}
  .dlist a{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;padding:16px;background:var(--bg-2);border-bottom:0;color:inherit;border-left:3px solid var(--a)}
  .dlist img{height:24px;width:auto}
  .dlist .n{font-family:var(--display);font-size:21px;color:var(--ink);line-height:1.1}
  .dlist .d{font-size:12.5px;color:var(--ink-3)}
  .dlist .s{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600;text-align:right}
  .program dl,.prow{grid-template-columns:1fr;gap:6px}
  .program dt{padding-top:12px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.001ms !important}}
@media print{
  .masthead,.btn-row,.skip,.dnav{display:none !important}
  body{background:#fff;color:#111}
  .section--dark,.sitefoot{background:#fff !important;color:#111 !important}
  .section--dark h2,.section--dark h3,.section--dark p,.sitefoot h3,.sitefoot h4,.sitefoot li a,.sitefoot__legal{color:#111 !important}
  .section{padding:18px 0}
}


/* ============================================================
   EXACT JANUARY. Added 2026-09-10 on Roberta's instruction to
   reproduce the 5 January Figma as it is. Image slots are held
   at the Figma framing for her exports; drop a file in and set
   background-image on the matching .ph element.
   ============================================================ */
.lang{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-strong);background:var(--bg-2);color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.06em;flex:none}
.lang:hover{background:var(--gold-light);border-color:var(--gold-light);color:var(--ink)}
.masthead__inner{gap:16px}
.masthead__inner .nav{margin-left:auto}

.ph{background:linear-gradient(135deg,#E9D9C3 0%,#D8B98F 45%,#C9A27A 100%);border-radius:var(--r);position:relative;overflow:hidden;background-size:cover;background-position:center}
.ph.has-img::after{display:none}
.ph--warm.has-img::after{display:block;background:linear-gradient(135deg,rgba(255,190,150,.42) 0%,rgba(255,209,148,.18) 55%,rgba(255,255,255,0) 100%);mix-blend-mode:multiply}
.ph::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 90% at 30% 20%,rgba(255,255,255,.35),transparent 60%)}
.ph--hero{aspect-ratio:3.4/1;margin-bottom:clamp(28px,4vw,44px)}
.ph--card{aspect-ratio:1.5/1;margin:22px 0 0;max-width:420px}
.ph--wide{aspect-ratio:1.55/1;margin:18px 0 16px}
.ph--tall{aspect-ratio:1/1.05;border-radius:var(--r)}
.ph--band{aspect-ratio:2.6/1;flex:1;min-width:240px}

.hero__side p{font-size:16.5px;color:var(--ink-2)}
.hero .btn-row .btn{background:var(--gold-light)}

.eco__head{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,5vw,72px);align-items:end}
.eco__head h2{max-width:14ch}
.eco__right{align-self:end;max-width:40ch;color:var(--ink-2)}
.dpanel .dname{margin-top:0}
.dpanel .ph--card{margin-top:26px}

.starline{text-align:center;font-size:14px;font-weight:600;color:var(--ink);letter-spacing:.02em;margin:0 0 clamp(26px,4vw,40px)}
.card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.card__top .eyebrow{margin:0}
.stars{color:var(--ink);font-size:14px;letter-spacing:.2em}
.card__row{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:10px 0 0}
.card__row h3{margin:0;max-width:16ch}
.card__row .btn{background:var(--bg-2);white-space:nowrap}

.rise{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.rise h2{margin-bottom:10px}
.rise > div > p{max-width:48ch;margin-bottom:26px}
.joinform{display:grid;gap:16px;max-width:420px}
.joinform label{display:grid;gap:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.joinform input,.joinform select{font:inherit;font-size:15px;font-weight:400;text-transform:none;letter-spacing:0;padding:11px 0;border:0;border-bottom:1px solid var(--line-strong);background:transparent;color:var(--ink);border-radius:0}
.joinform input::placeholder{color:var(--ink-3)}
.joinform input:focus,.joinform select:focus{outline:none;border-bottom-color:var(--ink)}
.joinform .btn{justify-self:start;margin-top:6px}

.band-amb{display:flex;align-items:center;gap:clamp(18px,4vw,48px);background:var(--apricot);border-radius:var(--r);padding:clamp(18px,3vw,28px)}
.band-amb .btn{background:var(--bg-2);flex:none}

.sitefoot h3{font-family:var(--body);font-weight:600;font-size:clamp(19px,2vw,24px);max-width:22ch;margin:0 0 22px}
.fsub{font-size:13px;color:var(--on-dark-2);margin:0 0 10px}
.newsletter{display:flex;max-width:340px;border:1px solid var(--line-dark);border-radius:999px;overflow:hidden;background:var(--dark-2)}
.newsletter input{flex:1;font:inherit;font-size:14px;padding:12px 16px;border:0;background:transparent;color:var(--on-dark)}
.newsletter input::placeholder{color:var(--on-dark-3)}
.newsletter button{border:0;background:var(--gold-light);color:var(--ink);width:44px;cursor:pointer;font-size:16px}
.social{list-style:none;margin:30px 0 0;padding:0;max-width:340px}
.social li a{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line-dark);color:var(--on-dark-2);font-size:14px}
.social li a:hover{color:var(--on-dark)}
.social li a b{font-weight:400}
.flinks h4{margin-bottom:12px}
.flinks__cols{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;max-width:420px}
.sitefoot__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 28px;align-items:center;padding:22px 0 10px;border-top:1px solid var(--line-dark);font-size:13px}
.sitefoot__legal a{border-bottom:0;color:var(--on-dark-2)}
.sitefoot__legal .totop{margin-left:auto}
.sitefoot__entity{font-size:12.5px;color:var(--on-dark-3);padding:0 0 44px;max-width:none}
.sitefoot__entity a{color:var(--on-dark-3);border-bottom-color:rgba(255,243,228,.25)}

@media (max-width:920px){
  .eco__head,.rise{grid-template-columns:1fr}
  .band-amb{flex-direction:column;align-items:stretch}
}


/* ============================================================
   28 JANUARY. Rebuilt 2026-09-10 to A2Z's final prototype.
   ============================================================ */
/* motion layer */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv:nth-child(2){transition-delay:.08s}.rv:nth-child(3){transition-delay:.16s}.rv:nth-child(4){transition-delay:.24s}.rv:nth-child(5){transition-delay:.32s}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
.founder-card{position:fixed;right:clamp(16px,3vw,40px);bottom:clamp(16px,3vw,40px);z-index:55;width:150px;height:150px;border-radius:14px;background-size:cover;background-position:center;border-bottom:0;box-shadow:0 18px 40px rgba(26,23,23,.22);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;padding:14px;color:#fff;text-decoration:none;opacity:0;transform:translateY(16px) scale(.96);transition:opacity .6s ease,transform .6s ease,box-shadow .25s}
.founder-card::before{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.62) 100%)}
.founder-card span{position:relative;font-family:var(--display);font-size:20px;line-height:1.05;text-align:center;letter-spacing:.01em}
.founder-card b{position:relative;width:34px;height:34px;border-radius:50%;background:var(--gold-light);color:var(--ink);display:grid;place-items:center;font-weight:400;transition:transform .25s}
.founder-card.show{opacity:1;transform:none}
.founder-card:hover{box-shadow:0 24px 54px rgba(26,23,23,.3);transform:translateY(-3px)}
.founder-card:hover b{transform:translateX(3px)}
@media (max-width:760px){.founder-card{width:112px;height:112px;padding:10px}.founder-card span{font-size:15px}.founder-card b{width:28px;height:28px}}

/* hero */
.hero28{padding:clamp(28px,5vw,56px) 0 clamp(36px,6vw,72px)}
.hero28 h1{font-size:clamp(40px,6.4vw,84px);line-height:1.02;max-width:14ch;margin:0 0 clamp(22px,3vw,34px)}
.hero28__img{aspect-ratio:2.1/1;border-radius:var(--r);background-size:cover;background-position:center 30%;margin-bottom:22px}
.hero28__sub{max-width:62ch;font-size:15.5px;color:var(--ink-2)}

/* vision */
.vision h2{font-size:clamp(34px,5vw,58px);margin-bottom:clamp(24px,4vw,44px)}
.vision__grid{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(24px,5vw,72px);align-items:start}
.statcards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}
.statcard{background:linear-gradient(135deg,#FFF 0%,#FFF 55%,var(--apricot) 140%);border:1px solid var(--line);border-radius:var(--r);padding:26px 26px 22px}
.statcard b{display:block;font-family:var(--body);font-weight:700;font-size:clamp(26px,3vw,38px);color:var(--ink);letter-spacing:-.01em;line-height:1.1}
.statcard span{display:block;font-size:14.5px;color:var(--ink-2);margin-top:6px}
.vision p{font-size:15px;max-width:56ch}

/* values */
.values__grid{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(24px,5vw,64px);align-items:start}
.values__intro h2{max-width:14ch}
.values__intro p{font-size:15px;max-width:44ch}
.vscroll{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;scrollbar-width:thin}
.vcard{flex:0 0 min(300px,72vw);aspect-ratio:3/4;border-radius:var(--r);background-size:cover;background-position:center;position:relative;overflow:hidden;color:#fff;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;padding:26px 24px;transition:transform .35s ease}
.vcard::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.05) 35%,rgba(0,0,0,.72) 100%)}
.vcard h3,.vcard p{position:relative;color:#fff;margin:0}
.vcard h3{font-family:var(--body);font-weight:600;font-size:22px}
.vcard p{font-size:14px;line-height:1.5}
.vcard:hover{transform:translateY(-6px)}

/* integrate */
.integrate h2{font-size:clamp(26px,3.2vw,36px);font-family:var(--body);font-weight:500;margin-bottom:clamp(24px,4vw,40px)}
.integrate__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,6vw,90px);align-items:start}
.ilist{list-style:none;margin:0;padding:0;display:grid;gap:clamp(40px,7vw,110px)}
.ilist li{font-family:var(--display);font-size:clamp(30px,4vw,50px);line-height:1.1;color:var(--ink);max-width:14ch}
.ilist li small{display:block;font-family:var(--body);font-size:11px;letter-spacing:.14em;color:var(--ink-2);margin-bottom:8px}
.integrate__img{aspect-ratio:3/4;border-radius:var(--r);background-size:cover;background-position:center;position:sticky;top:110px}

/* result */
.result{padding:clamp(40px,6vw,72px) 0}
.result__line{font-family:var(--body);font-weight:600;font-size:clamp(19px,2.4vw,27px);line-height:1.4;color:var(--ink);text-align:center;max-width:36ch;margin:0 auto}

/* ecosystem grid */
.eco28__head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,60px);align-items:end;margin-bottom:clamp(26px,4vw,44px)}
.eco28__head h2{font-family:var(--body);font-weight:600;font-size:clamp(24px,3vw,34px);max-width:16ch;margin:0}
.eco28__head p{font-size:15px;max-width:44ch;margin:0}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#000;max-width:1160px;margin:0 auto;border-radius:var(--r);overflow:hidden}
.gcell{aspect-ratio:1.45/1;background:#0D0B0B;display:grid;place-items:center;border-bottom:0;text-decoration:none;position:relative;overflow:hidden}
.gcell span{font-family:var(--display);font-size:clamp(28px,3.6vw,46px);color:#fff;letter-spacing:.01em;transition:transform .4s ease,color .3s}
.gcell::after{content:"";position:absolute;inset:0;background:var(--gold-light);opacity:0;transition:opacity .35s}
.gcell:hover::after{opacity:.12}.gcell:hover span{transform:scale(1.04);color:var(--gold-light)}
.gcell--photo{background-size:cover;background-position:center;transition:transform .6s ease}
.gcell--photo:hover{transform:scale(1.03)}

/* team */
.team__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,6vw,80px);align-items:center}
.portraits{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 30px;max-width:520px}
.portrait{aspect-ratio:1;border-radius:50%;background-size:cover;background-position:center;filter:grayscale(1);transition:transform .45s ease,filter .45s ease}
.portrait:nth-child(even){transform:translateY(28px)}
.portrait:hover{filter:grayscale(0);transform:translateY(-4px) scale(1.03)}
.portrait:nth-child(even):hover{transform:translateY(24px) scale(1.03)}
.team__text h2{max-width:14ch}
.team__text p{font-size:15px;max-width:44ch}

/* stories */
.stories h2{margin-bottom:clamp(22px,3vw,36px)}
.stories__row{display:grid;grid-template-columns:1fr 1.1fr 1.15fr 1fr;gap:16px;align-items:end}
.story{border-radius:var(--r);background-size:cover;background-position:center;transition:transform .5s ease}
.story:nth-child(1){aspect-ratio:3/4}.story:nth-child(2){aspect-ratio:1/1}.story:nth-child(3){aspect-ratio:1.05/1}.story:nth-child(4){aspect-ratio:3/4.4}
.story:hover{transform:translateY(-6px)}
.wrap.story{aspect-ratio:auto;border-radius:0;background:none;transition:none}
.wrap.story:hover{transform:none}

/* partners */
.partners{background:var(--apricot);border-radius:var(--r);padding:clamp(28px,4vw,48px) clamp(20px,4vw,48px) clamp(26px,3vw,38px)}
.partners h2{font-size:clamp(30px,4.2vw,48px);margin:8px 0 10px}
.partners p{font-size:15px;max-width:60ch;margin-bottom:30px}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee ul{display:flex;gap:clamp(40px,6vw,90px);list-style:none;margin:0;padding:6px 0;width:max-content;animation:mq 42s linear infinite}
.marquee:hover ul{animation-play-state:paused}
.marquee li{flex:none;display:grid;place-items:center;height:56px}
.marquee img{height:44px;width:auto;max-width:170px;object-fit:contain;filter:grayscale(1) contrast(1.05);opacity:.85;transition:filter .3s,opacity .3s}
.marquee img:hover{filter:none;opacity:1}
@keyframes mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee ul{animation:none;flex-wrap:wrap;width:auto}}

/* flows */
.flowhead{padding:clamp(40px,6vw,72px) 0 clamp(20px,3vw,36px)}
.flowhead h1{font-size:clamp(38px,5.8vw,72px);max-width:16ch;margin-bottom:clamp(20px,3vw,32px)}
.flowhead__img{aspect-ratio:2.2/1;border-radius:var(--r);background-size:cover;background-position:center;margin-bottom:26px}
.flowhead .lead{max-width:70ch;margin-bottom:12px}
.panel--apricot{background:var(--apricot);border-color:transparent}
.panel--apricot .eyebrow{border-color:rgba(26,23,23,.3)}
.stepbar{margin:26px 0 30px}
.stepline{height:2px;background:var(--line);border-radius:2px;margin:0 0 18px;overflow:hidden}
.stepline i{display:block;height:100%;width:14%;background:linear-gradient(90deg,var(--gold),var(--gold-light));transition:width .5s}
.steps{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.step{display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line-strong);font-size:13px;color:var(--ink-3)}
.step.on{background:var(--gold-light);border-color:var(--gold-light);color:var(--ink);font-weight:600}

@media (max-width:920px){
  .vision__grid,.values__grid,.integrate__grid,.team__grid,.eco28__head{grid-template-columns:1fr}
  .integrate__img{position:static;aspect-ratio:4/3}
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .stories__row{grid-template-columns:1fr 1fr}
  .portraits{max-width:none}
}
@media (max-width:560px){
  .pgrid{grid-template-columns:1fr}
  .statcards{grid-template-columns:1fr}
}


/* ============================================================
   28 JANUARY SUBPAGES
   ============================================================ */
/* mega menu with photo cards */
.mega{position:static}
.mega__panel{position:absolute;left:var(--gut);right:var(--gut);top:calc(100% + 10px);background:var(--bg-2);border-radius:var(--r);padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;box-shadow:0 24px 60px rgba(26,23,23,.16);z-index:70;max-width:1160px;margin:0 auto}
.mega__card{position:relative;aspect-ratio:1.55/1;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:grid;place-items:end center;padding:18px;text-decoration:none;background:var(--bg-2)}
.mega__card::before{content:"";position:absolute;inset:0;background-image:var(--img);background-size:cover;background-position:center;opacity:0;transition:opacity .35s ease}
.mega__card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.55));opacity:0;transition:opacity .35s}
.mega__card span{position:relative;font-family:var(--display);font-size:clamp(24px,2.6vw,32px);color:var(--ink);transition:color .3s}
.mega__card:hover::before,.mega__card:hover::after{opacity:1}
.mega__card:hover span{color:#fff}
.nav>details>summary.on{background:var(--gold-light);border-color:var(--gold-light)}

/* hero slideshow */
.slides{position:relative}
.slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.4s ease;border-radius:var(--r)}
.slide.on{opacity:1}
.slides__dots{position:absolute;right:18px;bottom:16px;display:flex;gap:6px;z-index:2}
.slides__dots i{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.55)}
.slides__dots i.on{background:#fff}
.hero .slides::after{display:none}
.hero .slides{margin-bottom:clamp(26px,4vw,44px)}

/* sidecards */
.sidecard small{display:block;font-family:var(--body);font-size:9.5px;letter-spacing:.14em;margin-top:4px;opacity:.9}
.founder-card span{display:flex;flex-direction:column;align-items:center}

/* full-bleed dark hero */
.hf{position:relative;min-height:clamp(480px,70vh,760px);background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff}
.hf::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.82) 100%)}
.hf__inner{position:relative;padding-top:60px;padding-bottom:clamp(40px,6vw,72px);max-width:1160px}
.hf h1{color:#fff;font-size:clamp(34px,4.6vw,58px);margin-bottom:10px}
.hf h1 em{font-style:normal;color:var(--gold-light)}
.hf__sub{color:#fff;font-size:clamp(16px,1.6vw,20px);margin:0}
.hf__line{color:rgba(255,255,255,.85);font-size:14.5px;margin:8px 0 0;max-width:60ch}
.hf .btn{background:var(--bg-2)}
.masthead + .founder-card + main .hf,.masthead + main .hf{margin-top:-1px}

/* statements */
.stmt{background:var(--bg-2);padding:clamp(40px,6vw,72px) 0}
.stmt__p{font-family:var(--body);font-weight:600;font-size:clamp(19px,2.3vw,27px);line-height:1.4;color:var(--ink);max-width:62ch;margin:0}

/* about block, dark over photo. The overlay gradient itself is declared once, in the round 4 block below (item 3, corrected) */
.ab{position:relative;background-size:cover;background-position:center;color:#fff;padding:clamp(48px,7vw,90px) 0;overflow:hidden}
.ab::before{content:"";position:absolute;inset:0}
.ab__inner{position:relative;max-width:1160px}
.ab__inner p{color:#fff;font-size:15.5px;max-width:52ch}
.ab__sym{position:absolute;right:clamp(16px,4vw,60px);top:50%;transform:translateY(-50%);height:96px;width:auto;opacity:.95}
.eyebrow--dark{color:#fff;border-color:rgba(255,255,255,.5)}

/* founder page */
.belief{background:var(--bg);padding:clamp(40px,6vw,72px) 0;text-align:center}
.spark{height:22px;width:auto;margin:0 auto 18px;opacity:.9}
.belief__p{font-family:var(--display);font-size:clamp(24px,3vw,38px);line-height:1.25;color:var(--ink);max-width:28ch;margin:0 auto}
.belief__p strong{font-family:var(--body);font-weight:600}
.fnd{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(24px,5vw,72px);align-items:center}
.fnd__photo{aspect-ratio:1/1.05;border-radius:var(--r);background-size:cover;background-position:center;position:relative}
.fnd__tag{position:absolute;left:24px;bottom:24px;background:var(--bg-2);border-radius:10px;padding:12px 16px;display:grid;gap:2px}
.fnd__tag small{font-size:11px;color:var(--ink-3)}
.fnd__tag span{font-family:var(--display);font-size:22px;color:var(--ink)}
.fnd2{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,5vw,72px);align-items:start;margin-top:clamp(40px,6vw,72px)}
.fnd2 h2{font-size:clamp(26px,3.2vw,38px)}
blockquote{margin:28px 0 0;padding-left:18px;border-left:2px solid var(--gold)}
blockquote p{font-weight:600;color:var(--ink);font-size:15px}
blockquote cite{display:block;font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-top:10px}
.fstats{display:grid;gap:16px}
.fstat{background:linear-gradient(135deg,#FFF 0%,#FFF 60%,var(--apricot) 150%);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.fstat b{display:block;font-family:var(--body);font-weight:700;font-size:34px;color:var(--ink);line-height:1}
.fstat span{display:block;font-size:14px;color:var(--ink-2);margin-top:6px}
.lens{background:var(--bg)}
.lens .spark{display:block}
.lens__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.lens__card{background:var(--bg-2);border-radius:var(--r);padding:34px 28px;text-align:center}
.lens__card i{font-style:normal;font-size:26px;color:var(--gold);display:block;margin-bottom:12px}
.lens__card h3{font-family:var(--body);font-weight:600;font-size:18px;margin-bottom:8px}
.lens__card p{font-size:14px;color:var(--ink-2);max-width:none}
.hub{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,72px);align-items:start}
.beliefs{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:b}
.beliefs li{counter-increment:b;font-size:15px;color:var(--ink)}
.beliefs li::before{content:counter(b);display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--gold-light);font-size:11px;font-weight:700;margin-right:10px}
.hub__lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ink);margin-bottom:12px}
.plat{display:grid;grid-template-columns:34px 1fr;gap:6px 14px;align-items:center;background:var(--c);color:#fff;border-radius:12px;padding:16px 18px;margin-bottom:12px;border-bottom:0;text-decoration:none}
.plat i{grid-row:span 2;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.7);display:grid;place-items:center;font-style:normal;font-family:var(--display)}
.plat b{font-family:var(--display);font-weight:400;font-size:20px}
.plat span{font-size:13.5px;opacity:.95}
.mov{position:relative;background-size:cover;background-position:center;color:#fff;padding:clamp(56px,8vw,100px) 0;text-align:center}
.mov::before{content:"";position:absolute;inset:0;background:rgba(10,20,40,.78)}
.mov__inner{position:relative;max-width:1160px}
.mov h2{color:#fff;font-size:clamp(34px,5vw,60px)}
.mov p{color:rgba(255,255,255,.85);margin:0 auto}
.mov__stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:640px;margin:30px auto}
.mov__stats div{border:1px solid rgba(255,255,255,.2);border-radius:var(--r);padding:26px}
.mov__stats b{display:block;font-family:var(--display);font-size:clamp(40px,5vw,64px);color:var(--gold-light);line-height:1}
.mov__stats span{display:block;font-size:13px;color:rgba(255,255,255,.75);margin-top:8px}
.mov__line{font-weight:600;color:#fff;font-size:clamp(17px,1.8vw,20px);max-width:52ch} /* Round 5, item 5: display size restored; the type floor had pulled it to 17.3px */
.work{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}
.work__c{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.work__c i{font-style:normal;font-size:24px;color:var(--ink);display:block;margin-bottom:10px}
.work__c h3{font-size:22px;margin-bottom:4px}
.work__c p{font-size:13.5px;color:var(--ink-2)}
.work__band{background:var(--apricot);border-radius:999px;padding:22px 34px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.work__band span{font-family:var(--display);font-size:clamp(22px,2.6vw,32px);color:var(--ink)}
.btn--dark{background:var(--bg-2)}
.note{background:var(--dark);color:#fff;padding:clamp(56px,8vw,96px) 0;text-align:center}
.note p{color:#fff;font-weight:600;font-size:clamp(19px,2vw,24px);line-height:1.45;max-width:60ch;margin:0 auto 18px} /* Round 5, item 5: the closing note is a display line again (was 17.3px under the floor) */
.note cite{display:block;font-style:normal;color:var(--gold-light);font-size:13px;letter-spacing:.06em}

/* development page */
.why__h{font-family:var(--display);color:#223F86;font-size:clamp(28px,3.8vw,46px);max-width:24ch;margin:0 auto 6px}
.why__sub{font-size:16px;color:var(--ink);max-width:none;margin:0 auto 34px}
.why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left}
.why__c{background:var(--bg-2);border-radius:var(--r);padding:28px;border:1px solid var(--line)}
.why__c i{font-style:normal;font-size:24px;color:#223F86;display:block;margin-bottom:14px}
.why__c h3{font-family:var(--body);font-weight:600;font-size:17px;margin-bottom:6px}
.why__c p{font-size:13.5px;color:var(--ink-2);max-width:none}
.prog__grid{display:grid;grid-template-columns:1fr 1.5fr;gap:clamp(20px,4vw,48px);align-items:stretch}
.prog__photo{border-radius:var(--r);background-size:cover;background-position:center;position:relative;min-height:420px;display:flex;align-items:flex-end;padding:26px;color:#fff;overflow:hidden}
.prog__photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(34,63,134,.35),rgba(34,63,134,.9));mix-blend-mode:multiply}
.prog__photo::after{content:"";position:absolute;inset:0;background:rgba(34,63,134,.35)}
.prog__photo p{position:relative;z-index:1;color:#fff;font-size:15px;max-width:26ch;margin:0}
.steps5{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.steps5 li{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:center;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px}
.steps5 b{font-family:var(--display);font-weight:300;font-size:56px;color:#223F86;line-height:1}
.steps5 h3{font-family:var(--body);font-weight:600;font-size:18px;margin-bottom:4px}
.steps5 p{font-size:13.5px;color:var(--ink-2);max-width:none}
.outc{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.ticks{list-style:none;margin:0;padding:0;display:grid}
.ticks li{padding:14px 0 14px 28px;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink);position:relative}
.ticks li::before{content:"\2197";position:absolute;left:0;top:14px;color:var(--gold)}
.ready{background:linear-gradient(90deg,var(--apricot) 0%,#FBF7F1 50%,#E9E4DE 100%);border-radius:var(--r);padding:clamp(30px,5vw,56px);text-align:center}
.ready h2{font-family:var(--display);font-size:clamp(26px,3.6vw,44px);letter-spacing:.04em;margin-bottom:8px}
.ready p{margin:0 auto;font-size:15px;max-width:56ch}

/* gather page */
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px}
.collage div{border-radius:14px;background-size:cover;background-position:center;min-height:180px}
.collage div:nth-child(2){grid-column:span 2}
.tiers__card{background:linear-gradient(160deg,#EC2228 0%,#F2794A 60%,#FFD194 130%);border-radius:var(--r);padding:clamp(24px,4vw,44px);color:#fff;display:grid;gap:26px;align-content:center;text-align:center}
.tiers__card h3{color:#fff;font-family:var(--body);font-weight:600;font-size:22px;margin-bottom:6px}
.tiers__card p{color:#fff;font-size:13.5px;max-width:36ch;margin:0 auto}
.evts{background:var(--bg-2);border-radius:var(--r);padding:clamp(24px,4vw,44px);max-width:1160px}
.evts__h{font-family:var(--display);color:#E55F00;font-size:clamp(28px,3.8vw,46px)}
.evts__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.evt{border:1px solid var(--line);border-radius:var(--r);padding:16px 18px 22px}
.evt__img{aspect-ratio:1.4/1;border-radius:12px;background-size:cover;background-position:center;margin-bottom:16px}
.evt h3{font-family:var(--body);font-weight:600;font-size:18px;margin-bottom:4px}
.evt p{font-size:13.5px;color:var(--ink-2);max-width:none}

/* ignite page */
.impact{background:linear-gradient(90deg,#C8A067 0%,#1A1717 45%,#1A1717 100%);padding:clamp(48px,7vw,84px) 0}
.impact__grid{display:grid;grid-template-columns:auto 1fr;gap:clamp(20px,4vw,60px);align-items:start;max-width:1160px}
.impact__cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ic{background:#000;border-radius:14px;padding:22px 24px;color:#fff}
.ic b{display:block;font-family:var(--display);font-weight:300;font-size:20px;color:var(--gold-light);margin-bottom:10px}
.ic p{color:#fff;font-size:13.5px;max-width:none}
.ic a{color:var(--gold-light);font-size:12px;border-bottom:0}
.attend{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center;max-width:1160px}
.expect{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,64px);align-items:start}
.expect__h{font-family:var(--display);font-size:clamp(30px,3.8vw,46px);background:linear-gradient(90deg,var(--gold),#7A5A1E);-webkit-background-clip:text;background-clip:text;color:transparent}
.expect__l{list-style:none;margin:0;padding:0;display:grid}
.expect__l li{padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px;color:var(--ink)}
.pband{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:34px}
.pband__gold{display:flex;align-items:center;gap:22px;background:linear-gradient(90deg,#8F6A2E 0%,#D1A46A 100%);border-radius:var(--r);padding:26px 28px;color:#fff}
.pband__gold img{height:56px;width:auto;flex:none}
.pband__gold p{color:#fff;font-weight:600;font-size:15px;max-width:none;margin:0}
.pband__cta{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);display:grid;place-items:center;padding:20px}

/* knowledge page */
.acc{border-top:1px solid var(--line);padding:18px 0}
.acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.acc summary::-webkit-details-marker{display:none}
.acc summary h3{margin:0;font-size:clamp(24px,3vw,34px)}
.acc[open] summary h3{color:#E55F00}
.acc summary i{font-style:normal;font-size:22px;color:#E55F00}
.acc__b{padding:12px 0 6px}
.acc__b p{font-size:14.5px;color:var(--ink-2)}
.acc__imgs{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:460px;margin-top:14px}
.acc__imgs div{aspect-ratio:1.15/1;background:var(--bg);border-radius:12px;border:1px solid var(--line)}
.eps{background:var(--dark);padding:clamp(40px,6vw,72px) 0}
.eps__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ep{aspect-ratio:1.6/1;border-radius:14px;background:#232020 url() center/cover;filter:grayscale(1)}
.ep:nth-child(3),.ep:nth-child(4){aspect-ratio:1.9/1}

/* contact page */
.cform{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:start}
.tript{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.tript div{aspect-ratio:1/2.1;border-radius:14px;background-size:300% auto;background-repeat:no-repeat}
.cf{display:grid;gap:12px;max-width:420px}
.cf input,.cf select,.cf textarea{font:inherit;font-size:14.5px;padding:14px 16px;border:1px solid var(--line-strong);border-radius:12px;background:var(--bg-2);color:var(--ink);width:100%}
.cf textarea{resize:vertical}
.cf .btn{justify-self:start;margin-top:6px}

@media (max-width:920px){
  .mega__panel{grid-template-columns:1fr}
  .fnd,.fnd2,.hub,.lens__grid,.work,.why__grid,.prog__grid,.outc,.tiers,.evts__grid,.impact__cards,.attend,.expect,.pband,.cform,.eps__grid{grid-template-columns:1fr}
  .impact__grid{grid-template-columns:1fr}
  .mov__stats{grid-template-columns:1fr}
  .ab__sym{display:none}
  .tript div{aspect-ratio:1/1.2}
}

/* Footer, 2026-09-14: three even columns, brand block on the left, no empty rows */
.sitefoot__top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px 48px;padding:clamp(44px,5vw,60px) 0 clamp(28px,3vw,36px);align-items:start}
.sitefoot__brand img{height:56px;width:auto;display:block;margin-bottom:22px}
.sitefoot__brand h3{margin:0 0 12px}
.sitefoot__brand .fsub{font-size:14px;max-width:42ch;margin:0 0 20px;color:var(--on-dark-2)}
.sitefoot__cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.sitefoot__cta .btn{background:var(--gold-light);color:var(--ink)}
.sitefoot__cta a:not(.btn){color:var(--on-dark-2);font-size:14px;border-bottom:0}
.sitefoot__cta a:not(.btn):hover{color:var(--on-dark)}
.sitefoot h4{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark-3);margin:0 0 12px}
.sitefoot li a{padding:5px 0;font-size:15px}
.sitefoot__legal{padding:20px 0 8px}
.sitefoot__entity{padding:0 0 40px;font-size:12.5px}
@media (max-width:900px){.sitefoot__top{grid-template-columns:1fr 1fr}.sitefoot__brand{grid-column:1/-1}}
@media (max-width:560px){.sitefoot__top{grid-template-columns:1fr}}

/* Home hero, 2026-09-14: first sentence spans the picture's width, then two columns */
.hero .hero__line1{font-family:var(--display);font-weight:300;color:var(--ink);font-size:clamp(30px,3.9vw,56px);line-height:1.08;letter-spacing:-.005em;max-width:20ch;white-space:normal;margin:0 0 clamp(18px,2.4vw,30px)}
.hero .hero__line2{font-family:var(--display);font-weight:300;color:var(--ink);font-size:clamp(20px,2.1vw,31px);line-height:1.25;margin:0;max-width:24ch}
.hero .hero__grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:clamp(24px,5vw,72px)}
@media (max-width:760px){.hero .hero__line1{white-space:normal}.hero .hero__grid{grid-template-columns:1fr}}


/* ============================================================
   ROUND 3 FIDELITY BLOCKS, applied 2026-09-14 (Creative Production).
   Source: reviews/round3_creative_production.md. Block B is not applied:
   the ecosystem section is light by Roberta's instruction and the dial
   text and controls already use ink on the light ground. Block C was
   applied earlier and sits above. Container calcs use 1440 (Block D),
   not the 1160 the review was written against.
   Block F3 (the gradient that hid the Ascend hero when dev-hero.jpg was a
   grey placeholder) was deleted in round 5, item 3: the file is a photograph.
   ============================================================ */

/* A. MEGA MENU. .nav>details{position:relative} was beating .mega{position:static}
   and the panel was measuring against the 106px pill. Anchor it to the header. */
.nav>details.mega{position:static}
.masthead__inner{position:relative}
.mega__panel{left:0;right:0;max-width:none}
@media (max-width:920px){.mega__panel{left:0;right:0;width:auto}}

/* D. SCALE. The Figma's content is ~1275px wide at 1440 with 83px margins; the
   build's was 1072. Widen the container everywhere it is declared. */
:root{--gut:clamp(20px,5.8vw,84px)}
.wrap,.masthead__inner,.hf__inner,.ab__inner,.impact__grid,.attend,.evts,.mov__inner,.pgrid{max-width:1440px}
.masthead__inner{padding-left:var(--gut);padding-right:var(--gut)}
.hero__grid{align-items:start}
.hero__side p{max-width:36ch}

/* E. TRIO. The Figma pins Connect/Learn and Lead/Grow while the cards scroll.
   Cards carry a 1px border and progress stars: 1, 2, 3 filled. */
.trio{align-items:start}
.bigword{position:sticky;top:120px;padding-top:40px}
.bigword span:nth-child(2){padding-left:1.2em}
.trio > .bigword:last-child{text-align:right}
.trio > .bigword:last-child span:nth-child(2){padding-left:0;padding-right:.3em}
.card__row{flex-wrap:nowrap}
.card__row h3{max-width:none}
.stars{font-size:0}
.stars::before{font-size:14px;letter-spacing:.2em;color:var(--ink)}
.cards .card:nth-child(1) .stars::before{content:"\2726 \2727 \2727"}
.cards .card:nth-child(2) .stars::before{content:"\2726 \2726 \2727"}
.cards .card:nth-child(3) .stars::before{content:"\2726 \2726 \2726"}
@media (max-width:920px){.bigword{position:static;padding-top:0}}
/* join form: sentence-case bold labels, as the Figma, and the submit at the right */
.joinform label{text-transform:none;letter-spacing:0;font-size:13px}
.joinform .btn{justify-self:end}

/* F1. ABOUT BLOCKS. Tint in the pillar colour, keyed on which logo the block loads.
   The gradient that reads these variables is the round 4 rule (item 3, corrected) below. */
.ab:has(.ab__sym[src$="ascend.svg"]) {--tint:rgba(27,42,94,.95);--tint2:rgba(27,42,94,.55)}
.ab:has(.ab__sym[src$="gather.svg"]) {--tint:rgba(96,12,16,.95);--tint2:rgba(96,12,16,.55)}
.ab:has(.ab__sym[src$="amplify.svg"]){--tint:rgba(92,40,10,.95);--tint2:rgba(92,40,10,.55)}
.ab:has(.ab__sym[src$="pih.svg"])    {--tint:rgba(0,0,0,.88);--tint2:rgba(0,0,0,.55)}

/* F2. BARE SYMBOL, large, bleeding off the right. The lockups are 863.4 x 307.4
   (pillars) and 731.4 x 307.4 (PIH); the symbol occupies the left ~36% (pillars)
   or ~43% (PIH). Crop it and push the hidden wordmark off screen. */
.ab__sym{--h:300px;height:var(--h);width:auto;opacity:1;top:50%;transform:translateY(-50%)}
.ab__sym[src$="ascend.svg"],.ab__sym[src$="gather.svg"],.ab__sym[src$="amplify.svg"]{
  clip-path:inset(2% 63% 2% .7%);right:calc(-1.77*var(--h) - 20px)}
.ab__sym[src$="pih.svg"]{clip-path:inset(2% 56.2% 2% .8%);right:calc(-1.34*var(--h) - 20px)}
/* 2026-09-14, Dive, Pulse and Rise pages built out: their lockups are 703.3, 747.3 and 705.9 wide
   at the same 307.4 height, symbol in the left 320 units, so the crop and the offset are keyed the same way. */
.ab:has(.ab__sym[src$="dive.svg"])   {--tint:rgba(122,40,0,.95);--tint2:rgba(122,40,0,.55)}
.ab:has(.ab__sym[src$="pulse.svg"])  {--tint:rgba(38,10,88,.95);--tint2:rgba(38,10,88,.55)}
.ab:has(.ab__sym[src$="rise.svg"])   {--tint:rgba(80,14,20,.95);--tint2:rgba(80,14,20,.55)}
.ab__sym[src$="dive.svg"] {clip-path:inset(2% 55.9% 2% .7%);right:calc(-1.351*var(--h) - 20px)}
.ab__sym[src$="pulse.svg"]{clip-path:inset(2% 58.5% 2% .7%);right:calc(-1.494*var(--h) - 20px)}
.ab__sym[src$="rise.svg"] {clip-path:inset(2% 56.1% 2% .7%);right:calc(-1.359*var(--h) - 20px)}
@media (max-width:920px){.ab__sym{display:block;--h:140px}}

/* F4. FOUNDER HERO: navy, centred, halftone top right. */
.hf[style*="founder-hero"]::before{
  background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.22) 1px,transparent 1.6px) 0 0/14px 14px,
             linear-gradient(180deg,rgba(9,20,45,.55) 0%,rgba(9,20,45,.78) 100%)}
.hf[style*="founder-hero"]{align-items:center;text-align:center;min-height:clamp(520px,78vh,820px)}
.hf[style*="founder-hero"] h1{max-width:none;margin:0 auto 10px;font-size:clamp(40px,5.6vw,72px)}
.hf[style*="founder-hero"] h1 em{display:block;background:linear-gradient(90deg,#D1913C,#FFD194);-webkit-background-clip:text;background-clip:text;color:transparent}
.hf[style*="founder-hero"] .hf__sub{margin:0 auto}

/* F5. FOUNDER PORTRAIT bleeds to the window's left edge. */
.fnd__photo{margin-left:calc(-1*max(var(--gut),(100vw - 1440px)/2));border-radius:0 var(--r) var(--r) 0;aspect-ratio:auto;min-height:560px}
.fnd__tag{left:calc(max(var(--gut),(100vw - 1440px)/2) + 24px)}
.fnd__tag::before{content:"";position:absolute;left:-14px;top:-14px;width:22px;height:22px;border-radius:50%;background:var(--gold-light);border:5px solid var(--bg-2)}
@media (max-width:920px){.fnd__photo{margin-left:0;border-radius:var(--r);min-height:0;aspect-ratio:1/1.05}.fnd__tag{left:24px}}

/* F6. DEVELOPMENT PROGRAM PHOTOGRAPH: a real two-tone, not a navy wash. */
.prog__photo{filter:grayscale(1) contrast(1.05)}
.prog__photo::before{background:#223F86;mix-blend-mode:screen;opacity:1}
.prog__photo::after{background:#B9C6E6;mix-blend-mode:multiply}
.prog__photo p{filter:none}
.steps5 b{background:linear-gradient(180deg,#223F86 0%,rgba(34,63,134,.15) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* F7. ICONS: interim only. The real fix is inline SVG line icons from build.py. */
.lens__card i,.why__c i,.work__c i{filter:grayscale(1);opacity:.75}

/* G. Stat cards glow top right as in the Figma; bold-sans vision heading;
   cream band under the "living ecosystem" line. */
.statcard,.fstat{background:radial-gradient(60% 70% at 100% 0%,rgba(255,209,148,.75),transparent 70%),#FFF}
.vision h2{font-family:var(--body);font-weight:600;font-size:clamp(28px,3.6vw,46px);letter-spacing:-.01em}
.eco28 .result__line{background:#F3EFE8;padding:30px var(--gut);max-width:none;margin-left:calc(-1*var(--gut));margin-right:calc(-1*var(--gut))}

/* H1. VALUES CAROUSEL: intro is the first card; the row bleeds to the window edges. */
.values__grid{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px;
  margin:0 calc(-1*max(var(--gut),(100vw - 1440px)/2));
  padding-left:max(var(--gut),(100vw - 1440px)/2);padding-right:max(var(--gut),(100vw - 1440px)/2);scrollbar-width:thin}
.values__intro{flex:0 0 min(340px,72vw);aspect-ratio:3/4;background:var(--bg-2);border-radius:var(--r);padding:26px 24px;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center}
.values__intro h2{font-size:clamp(26px,2.4vw,34px);max-width:none}
.vscroll{display:contents}

/* H2. ECOSYSTEM GRID: Figma order, photographs inset as rounded cards. */
.pgrid > :nth-child(9){order:0}.pgrid > :nth-child(3){order:1}.pgrid > :nth-child(4){order:2}
.pgrid > :nth-child(5){order:4}.pgrid > :nth-child(6){order:5}.pgrid > :nth-child(7){order:6}.pgrid > :nth-child(8){order:7}
.gcell--photo{background-size:0 0}
.gcell--photo::before{content:"";position:absolute;inset:16px;border-radius:14px;background:inherit;background-size:cover;background-position:center}

/* H3. PARTNERS: static, full colour, as the Figma. The list is no longer doubled
   in build.py; the nth-child guard only matters if a doubled list ever returns. */
.marquee{mask-image:none;-webkit-mask-image:none}
.marquee ul{animation:none;flex-wrap:wrap;width:auto;justify-content:flex-start;gap:34px 56px}
.marquee li:nth-child(n+11){display:none}
.marquee img{filter:none;opacity:1}

/* H4. MEMBERSHIP TIERS: three cards, and text that passes on the gradient.
   Inert if the tiers markup is removed under decision 11. */
.tiers__card{background:none;padding:0;gap:18px;display:grid;align-content:stretch}
.tiers__card > div{background:linear-gradient(160deg,#EC2228 0%,#F2794A 60%,#FFD194 130%);border-radius:var(--r);padding:clamp(22px,3vw,34px);display:grid;place-content:center}
.tiers__card > div h3,.tiers__card > div p{position:relative}
.tiers__card > div::before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(26,23,23,.38)}
.tiers__card > div{position:relative}
.tiers__card p{font-size:14.5px}

/* H5. CONTACT TRIPTYCH: three panels, the middle one taller. */
.tript{align-items:start}
.tript div{aspect-ratio:1/1.9}
.tript div:nth-child(2){aspect-ratio:1/2.3}

/* H6. GRADIENT HEADING the Figma has and the build did not. The Gather page carries no theme
   class, so the pillar colour is named directly (round 4, item 10, corrected). Declared once. */
.evts__h{background:linear-gradient(90deg,var(--gather-t),var(--gather));-webkit-background-clip:text;background-clip:text;color:transparent}

/* H7. STORIES ROW bleeds past the container. */
.stories__row{margin:0 calc(-1*var(--gut))}

/* I1. ACCORDION ICON follows the open state. */
.acc summary i{font-size:0}
.acc summary i::before{content:"+";font-size:22px;color:#E55F00}
.acc[open] summary i::before{content:"\2212"}

/* I2. EPISODE SLOTS in the Figma's warm duotone with a play glyph, so the holding
   state reads as designed. Drop photographs in as background-image when they arrive. */
.eps__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}
.ep{position:relative;background:#3A2418;filter:none;aspect-ratio:1.6/1;border-radius:14px;overflow:hidden}
.ep[style*="url("]{filter:sepia(.9) saturate(.8) brightness(.8)}
.ep::after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;transform:translate(-40%,-50%);
  border-left:22px solid rgba(255,255,255,.85);border-top:14px solid transparent;border-bottom:14px solid transparent}
.ep:nth-child(1){background:#FFF}
.ep:nth-child(1)::after{border-left-color:#3A2418}

/* J. PHONES. Two-column ecosystem grid; smaller step numerals; side card out of the
   text; masthead not sticky. (The one-row scrolling header and the restored dial that
   this block once carried were dead under the round 4 rules and are gone.) */
@media (max-width:760px){
  .steps5 li{grid-template-columns:56px 1fr}
  .steps5 b{font-size:32px}
  .founder-card{width:92px;height:92px;padding:8px;right:12px;bottom:12px}
  .founder-card span{font-size:13px}
  .stmt{padding-right:110px}
  .ph--hero{aspect-ratio:4/3}
  .masthead{position:static}
}
@media (max-width:560px){
  .pgrid{grid-template-columns:1fr 1fr}
  .gcell{aspect-ratio:1.25/1}
  .gcell span{font-size:26px}
  .gcell--photo{grid-column:span 2;aspect-ratio:1.8/1}
}

/* K. CONTRAST. */
.pband__gold{background:linear-gradient(90deg,#8F6A2E 0%,#9C7440 100%)}
.pband__gold p{font-size:16.5px}
.impact .eyebrow--dark{background:rgba(26,23,23,.6);border-color:transparent}
.fnd__tag small,blockquote cite,.step{color:var(--ink-2)}
.sidecard small{font-size:11px}
.btn--ghost,.nav>a,.nav>details>summary,.cf input,.cf select,.cf textarea{border-color:rgba(26,23,23,.42)}
.joinform input,.joinform select{border-bottom-color:rgba(26,23,23,.42)}
.section--dark .btn--ghost{border-color:rgba(255,209,148,.42)}
.marquee:focus-within ul{animation-play-state:paused}

/* SLIDESHOW PAUSE CONTROL (WCAG 2.2.2). The button is emitted by build.py; the
   interval also pauses while the slideshow is hovered or holds focus. */
.slides__pause{position:absolute;left:18px;bottom:14px;z-index:3;width:34px;height:34px;border-radius:50%;
  border:1px solid rgba(255,255,255,.7);background:rgba(26,23,23,.55);color:#fff;cursor:pointer;
  display:grid;place-items:center;font-size:12px;line-height:1;padding:0}
.slides__pause:hover,.slides__pause:focus-visible{background:rgba(26,23,23,.8);outline:2px solid var(--gold-light);outline-offset:2px}
.slides__pause::before{content:"\2016"}
.slides.paused .slides__pause::before{content:"\25B6";font-size:11px;padding-left:2px}

/* Hero heights, 2026-09-14: every page hero matches the home hero (3.4:1 on the content width, about 315px at 1440) */
:root{--hero-h:clamp(190px,25.7vw,370px)}
.ph--hero,.hero28__img,.flowhead__img{aspect-ratio:3.4/1 !important;height:auto}
.hf{min-height:0;height:var(--hero-h);align-items:flex-end;overflow:hidden}
.hf__inner{padding-top:24px;padding-bottom:clamp(22px,2.6vw,34px)}
.hf h1{font-size:clamp(26px,3vw,42px);margin-bottom:6px;line-height:1.1}
.hf__sub{font-size:clamp(14px,1.25vw,17px)}
.hf__line{display:none}
.hf .btn-row{margin-top:12px !important}
.hf .btn{padding:11px 20px 11px 12px;font-size:15px} /* Round 5, item 2: was 9px 16px at 13px */
/* Hero heights, override for page-specific heroes added later in this file (founder, development, knowledge) */
body main .hf[style]{min-height:0 !important;height:var(--hero-h) !important;overflow:hidden}
body main .hf[style] h1{font-size:clamp(26px,3vw,42px) !important;margin-bottom:6px}
body main .hf[style] .hf__sub{font-size:clamp(14px,1.25vw,17px)}

/* Creative Production, 2026-09-14, after the "Hero heights" block above:
   Block J's 4:3 hero crop on phones (3.4:1 at 390px is a 101px sliver). The Ignite
   crop is declared once, further down, with the Dive, Pulse and Rise hero rules. */
@media (max-width:760px){
  .ph--hero,.hero28__img,.flowhead__img{aspect-ratio:4/3 !important}
}
/* Home skyline, 2026-09-14: keep the towers in the middle of the crop rather than cut at the bottom */
.hero .slide[style*="hero-skyline"]{background-position:center 100%}
.sidecard[style*="ignite-hero"]{background-position:31% 25%}
/* Three ways in, 2026-09-14: each card fits inside one screen */
.card .ph--wide{aspect-ratio:2.6/1 !important;margin:12px 0 12px}
.card__row{margin:6px 0 0}
.card__row h3{font-size:clamp(24px,2.2vw,32px)}
.card + .card{margin-top:18px}
.starline{margin-bottom:clamp(18px,2.5vw,28px)}

/* Services page, 2026-09-14 */
.svc{border-top:1px solid var(--line);padding:34px 0 8px}
.svc:first-of-type{border-top:0;padding-top:10px}
.svc h3{font-size:clamp(22px,2.2vw,30px);margin:0 0 10px}
.svc__lead{font-size:17px;color:var(--ink);margin:0 0 16px;max-width:60ch}
.svc p{font-size:15.5px}
.svc .attribution{display:block;margin:8px 0}
.svc__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.svc__grid .tile{border-bottom:1px solid var(--line);text-decoration:none;color:inherit;display:block}
.svc__grid .tile:hover{border-color:var(--ink)}
.svc__grid .tile h3{font-size:18px;margin:10px 0 8px}
.svc__grid .tile p{font-size:14px;margin:0;color:var(--ink-2)}
.svc__num{font-family:var(--display);font-size:30px;color:var(--accent-text,var(--gold))}
.svc__how{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 40px;margin-top:20px}
.svc__how h3{color:var(--on-dark);font-size:18px;margin:0 0 8px}
.svc__how p{font-size:14.5px;margin:0}
.svc__how a{color:var(--gold-light)}
@media (max-width:900px){.svc__grid{grid-template-columns:1fr 1fr}.svc__how{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.svc__grid,.svc__how{grid-template-columns:1fr}}
/* Three ways in, 2026-09-14: faces in frame, and the reader label made prominent */
.card .ph--wide{background-position:center 22%}
.card__top .eyebrow{background:var(--ink);color:var(--gold-light);border:0;font-size:13px;letter-spacing:.18em;padding:9px 16px;border-radius:999px;font-weight:700}
.card__top{margin-bottom:10px}
/* Seven pillars section, 2026-09-14: centred on the page */
.eco .wrap{text-align:center}
.eco .eyebrow{display:inline-block}
.eco__head{grid-template-columns:1fr;justify-items:center;gap:12px;align-items:start}
.eco__head h2{max-width:22ch;margin:0 auto}
.eco__head p,.eco__right{max-width:58ch;margin:0 auto;text-align:center}
.eco .dial{max-width:1040px;margin:clamp(30px,5vw,54px) auto 0;grid-template-columns:minmax(280px,440px) minmax(320px,1fr);justify-content:center;text-align:left}
.eco .dpanel{max-width:440px}
.eco .dlist{text-align:left}

/* Services page, visual pass 2026-09-14 */
.svc{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;border-top:1px solid var(--line);padding:clamp(34px,4vw,56px) 0 clamp(20px,3vw,40px)}
.svc:first-of-type{border-top:0}
.svc--flip .svc__text{order:2}
.svc__img{aspect-ratio:1.1/1;border-radius:var(--r);background-size:cover;background-position:center 30%;min-height:260px}
.svc__doors{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.door{position:relative;aspect-ratio:3/4;border-radius:var(--r);background-size:cover;background-position:center;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#fff;text-decoration:none;border-bottom:0;transition:transform .45s ease}
.door::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.82) 100%)}
.door:hover{transform:translateY(-6px)}
.door > span{position:relative}
.door__num{font-family:var(--display);font-size:38px;color:var(--gold-light);line-height:1;margin-bottom:auto}
.door__t{font-family:var(--display);font-size:clamp(20px,1.8vw,26px);line-height:1.15;margin-bottom:8px}
.door__s{font-size:13px;color:rgba(255,255,255,.85);line-height:1.45}
.ab .svc__how{margin-top:22px;max-width:1040px}
.ab .svc__how h3{color:#fff}
.ab .svc__how p{color:rgba(255,255,255,.88)}
@media (max-width:900px){.svc{grid-template-columns:1fr}.svc--flip .svc__text{order:0}.svc__doors{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.svc__doors{grid-template-columns:1fr}.door{aspect-ratio:16/9}}

/* Menu, 2026-09-14: the seven pillars by name and focus, replacing Development / Community / Knowledge.
   Three blocks written through the day (panel, narrower panel, status under the description) are
   merged here into one declaration per element; the values are the ones that were winning. */
.mega__panel--pillars{left:50%;right:auto;width:min(680px,calc(100vw - 2*var(--gut)));margin:0 auto;transform:translateX(-50%);grid-template-columns:1fr 1fr;gap:4px 18px;padding:20px 24px 22px}
.mega__intro{grid-column:1/-1;margin:0 0 10px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.mega__pill{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:9px 10px;border-radius:12px;text-decoration:none;color:inherit;border-bottom:0;border-left:3px solid transparent}
.mega__pill:hover{background:var(--bg);border-left-color:var(--a)}
.mega__pill img{height:26px;width:auto;margin-top:6px}
.mega__pill b{display:block;font-family:var(--display);font-weight:400;font-size:20px;color:var(--ink);line-height:1.1}
.mega__pill small{display:block;font-size:15px;color:var(--ink);line-height:1.35;margin-top:1px;white-space:nowrap}
.mega__pill em{font-style:normal;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);font-weight:600;white-space:nowrap;grid-column:2;margin-top:3px}
@media (max-width:760px){.mega__panel--pillars{width:calc(100vw - 2*var(--gut));grid-template-columns:1fr}.mega__pill em{display:none}}

/* For individuals, 2026-09-14 */
.svc__doors--5{grid-template-columns:repeat(5,1fr)}
.svc .status--light{margin-bottom:12px;display:inline-block}
@media (max-width:900px){.svc__doors--5{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.svc__doors--5{grid-template-columns:1fr}}

/* Services page, the program line, 2026-09-14 */
.line__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}
.line__col{background:var(--bg-2);border:1px solid var(--line);border-top:4px solid var(--a);border-radius:var(--r);padding:26px 24px}
.line__col h3{font-size:26px;margin:0 0 4px}
.line__sub{font-size:14px;color:var(--ink-3);margin:0 0 16px}
.line__col ul{list-style:none;margin:0;padding:0}
.line__col li{font-size:14.5px;line-height:1.55;padding:10px 0;border-top:1px solid var(--line);color:var(--ink-2)}
.line__col li b{color:var(--ink);font-weight:600}
.line__col .attribution{margin-top:14px;font-size:12.5px}
.line__start{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:30px;background:var(--apricot);border-radius:var(--r);padding:clamp(22px,3vw,34px)}
.line__start h3{margin:6px 0 8px;font-size:24px}
.line__start p{max-width:62ch;margin:0;font-size:15px}
.line__start .eyebrow{margin:0;border-color:rgba(26,23,23,.3)}
@media (max-width:900px){.line__grid{grid-template-columns:1fr}.line__start{flex-direction:column;align-items:flex-start}}
/* Seven pillars section, 2026-09-14: calmer head, larger ring, labels clear of the edge, panel aligned */
.eco{padding:clamp(64px,9vw,120px) 0}
.eco__head{gap:10px;margin-bottom:6px}
.eco__head h2{font-size:clamp(32px,4vw,54px);line-height:1.08;max-width:18ch}
.eco__right{font-size:16px;color:var(--ink-2);max-width:54ch;margin-top:10px}
.eco .dial{max-width:1120px;grid-template-columns:minmax(320px,520px) minmax(320px,1fr);gap:clamp(36px,6vw,96px);align-items:center;margin-top:clamp(40px,6vw,72px)}
.eco .ringwrap{max-width:520px}
.eco .dot text{font-size:12.5px;letter-spacing:.2em;font-weight:600}
.eco .centre{padding:21%}
.eco .centre p{font-size:clamp(13px,1.2vw,15.5px);line-height:1.5;color:#FFF3E4}
.eco .dpanel{max-width:460px;padding-left:clamp(0px,2vw,24px);border-left:1px solid var(--line)}
.eco .dpanel img{height:64px;margin-bottom:26px}
.eco .dpanel .dname{font-size:clamp(40px,4.6vw,60px);margin-bottom:6px}
.eco .dpanel .ddesc{font-size:15px;color:var(--ink-2);margin-bottom:16px}
.eco .dpanel .dbody{font-size:15.5px;line-height:1.65;margin-top:18px;max-width:46ch}
.eco .dnav{margin-top:30px}
.ringwrap svg{overflow:visible}

/* Services page v3, Roberta's copy, 2026-09-14 */
.svc__intro .lead{max-width:66ch}
.svc__who{font-size:14px;color:var(--ink-3);margin:0 0 14px;font-style:italic}
.svc__list{margin:6px 0 14px;padding-left:18px}
.svc__list li{font-size:15px;color:var(--ink-2);padding:3px 0}
.svc__supports{font-size:14.5px;color:var(--ink);background:var(--bg);border-left:3px solid var(--gold);padding:10px 14px;border-radius:0 10px 10px 0;margin-top:10px}
.topics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.topic{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:22px 20px}
/* Topic tile heading: declared once (was four places); sentence case in the display face, round 4 item 7 */
.topic h4{font-family:var(--display);font-weight:400;font-size:clamp(22px,1.9vw,27px);line-height:1.15;margin:0 0 10px;color:var(--ink);text-transform:none;letter-spacing:-.01em}
.topic p{font-size:14px;color:var(--ink-2);margin:0;line-height:1.5}
.linefold{margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.linefold summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;gap:8px 18px;align-items:center;padding:18px 0;cursor:pointer}
.linefold summary::-webkit-details-marker{display:none}
.linefold summary span{font-family:var(--display);font-size:clamp(22px,2.4vw,30px);color:var(--ink)}
.linefold summary small{font-size:14px;color:var(--ink-3)}
.linefold summary i{font-style:normal;font-size:24px;color:var(--ink)}
.linefold[open] summary i{transform:rotate(45deg)}
.linefold__b{padding:6px 0 30px}
.steps5--svc{grid-template-columns:repeat(2,1fr);margin-top:26px}
.steps5--svc b{color:var(--gold)}
.svc__eco{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}
.svc__eco h2{margin-top:8px}
.acc--faq summary h3{font-size:clamp(18px,1.6vw,22px);font-family:var(--body);font-weight:600}
.acc--faq[open] summary h3,.acc--faq summary i{color:var(--ink)}
.acc--faq .acc__b p{font-size:15px;color:var(--ink-2);max-width:68ch}
@media (max-width:900px){.topics{grid-template-columns:1fr 1fr}.steps5--svc{grid-template-columns:1fr}.svc__eco{grid-template-columns:1fr}}
@media (max-width:560px){.topics{grid-template-columns:1fr}.linefold summary{grid-template-columns:1fr auto}.linefold summary small{grid-column:1/-1}}
/* Partners, 2026-09-14: equal white tiles, every logo sized to the same visual weight, in colour.
   Three sizing passes collapsed to the pixel sizes that were winning. Tiles 1, 6 and 9 are square
   marks sized by height; 3 and 4 are wide wordmarks sized by width; the rest are boxed by both. */
.partners{padding:clamp(34px,4.5vw,56px) clamp(22px,4vw,52px) clamp(30px,3.5vw,48px)}
.partners .marquee{overflow:visible;mask-image:none;-webkit-mask-image:none}
.partners .marquee ul{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;width:auto;animation:none;padding:0}
.partners .marquee li{height:112px;background:#fff;border-radius:14px;padding:20px 26px;display:grid;place-items:center;align-items:center;justify-items:center;box-shadow:0 1px 0 rgba(26,23,23,.06)}
.partners .marquee img{width:auto;height:auto;max-width:80%;max-height:58%;object-fit:contain;align-self:center;justify-self:center;display:block;transition:transform .35s ease}
.partners .marquee li:hover img{transform:scale(1.06)}
.partners .marquee li:nth-child(1) img,.partners .marquee li:nth-child(6) img,.partners .marquee li:nth-child(9) img{height:64px;width:auto;max-width:none;max-height:none}
.partners .marquee li:nth-child(2) img,.partners .marquee li:nth-child(5) img,.partners .marquee li:nth-child(7) img,.partners .marquee li:nth-child(8) img,.partners .marquee li:nth-child(10) img{width:auto;height:auto;max-width:76%;max-height:72px}
.partners .marquee li:nth-child(3) img,.partners .marquee li:nth-child(4) img{width:88%;height:auto;max-height:none}
/* Ali Bin Ali's and HBKU's supplied marks are white on transparent; render them dark on the white tile */
.partners .marquee li:nth-child(2) img,.partners .marquee li:nth-child(7) img{filter:brightness(0);opacity:.82}
@media (max-width:900px){.partners .marquee ul{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.partners .marquee ul{grid-template-columns:repeat(2,1fr)}.partners .marquee li{height:92px}}
/* Ecosystem grid, 2026-09-14: legible descriptions on the dark cells */
.gcell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 28px;text-align:center}
.gcell span{font-size:clamp(28px,3.2vw,42px)}
.gcell small{display:block;font-size:clamp(14px,1.15vw,16.5px);line-height:1.5;color:#FFF3E4;max-width:30ch;opacity:.92}
.gcell:hover small{color:#fff;opacity:1}

/* ============================================================
   Creative Production, round 4, 2026-09-14 evening. Applied from
   reviews/round4_creative_production.md.
   ============================================================ */
/* Round 4, item 1. Phones: the navigation wraps under the logo instead of scrolling off screen.
   Pill size raised in round 5, item 2 (was 12.5px; 13px is the largest that keeps the five pills on two rows at 390) */
@media (max-width:760px){
  .masthead__inner{flex-wrap:wrap;row-gap:8px;padding:10px var(--gut) 12px}
  .masthead__inner .nav{order:3;width:100%;flex-wrap:wrap;overflow:visible;margin-left:0;gap:6px}
  .nav>a,.nav>details>summary{padding:8px 12px;font-size:13px}
}
/* Round 4, item 2. Dial centre text stays inside the disc (disc is 245px at a 520px ring) */
.eco .centre{padding:0}
.eco .centre p{max-width:200px;font-size:13.5px;line-height:1.45}
.eco__head .dpanel p{text-align:left;margin-left:0;margin-right:0}
/* Round 4, item 3, corrected after measuring. Dark bands: the F1 pillar tints set --tint2 at 55 percent,
   so a second flat layer gives the band a floor of about 72 percent black under the text while the
   pillar hue stays. This is the only declaration of the .ab overlay gradient. */
.ab::before{background:linear-gradient(90deg,var(--tint,rgba(0,0,0,.9)) 0%,var(--tint2,rgba(0,0,0,.74)) 62%,rgba(0,0,0,.5) 100%),linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45))}
.ab .svc__how p{color:#fff}
.mov::before{background:linear-gradient(180deg,rgba(10,20,40,.72) 0%,rgba(10,20,40,.84) 100%)}
/* Round 4, item 4. Phones: full-bleed heroes get their height back */
@media (max-width:760px){
  .hf,body main .hf[style]{height:auto !important;min-height:300px !important}
  .hf__inner{padding-top:80px;padding-bottom:28px}
}
/* Round 4, item 6a. Our story page: ambition paragraph takes the full width (its size is in the round 5 floor list) */
.vision__grid{display:block}
.vision p{max-width:62ch}
/* Round 4, item 6b. Home: the story block uses both halves of the row */
.wrap.story>div{display:grid;grid-template-columns:1fr 1.35fr;gap:clamp(24px,5vw,72px);align-items:start}
.wrap.story h2{max-width:14ch}
.wrap.story p{max-width:none}
@media (max-width:760px){.wrap.story>div{grid-template-columns:1fr}}
/* Round 4, item 8. Founder pillar list: white cards, the pillar colour as a mark only */
.plat{background:var(--bg-2);color:var(--ink);border:1px solid var(--line);border-left:4px solid var(--c)}
.plat i{border-color:var(--c);color:var(--c)}
.plat span{color:var(--ink-2);opacity:1}
/* Round 4, item 9. Heroes: copy at the page margin like everything under it; the founder hero stays centred by its own rule */
.hf__inner{width:100%}
/* Round 4, item 10. Small type up to the floor and onto passing contrast */
.dlist .s{font-size:11px}
.ilist li small,.hub__lbl{font-size:12px}
.status,.status--light{color:var(--ink-2);border-color:rgba(26,23,23,.42)}
.program dt,.prow dt,.cgrid dt{color:var(--ink-2)}
/* Round 4, secondary one-liners from the page notes */
@media (max-width:760px){.card__row{flex-wrap:wrap}.stmt{padding-right:var(--gut)}}
.acc__imgs:empty,.acc__imgs div:empty{display:none}
.eps p{color:var(--on-dark-2)}
/* Round 4: status pills on the full-bleed heroes */
.hf .status--light{color:#fff;border-color:rgba(255,255,255,.6)}
.hf .status--light.live{color:var(--gold-light);border-color:var(--gold-light)}
/* Training topics, 2026-09-14: distinctive tiles, numbered, one pillar accent each, on a cream band */
.topics{counter-reset:topic;background:var(--bg);border-radius:var(--r);padding:clamp(20px,2.6vw,32px);gap:14px;margin-top:30px}
.topic{position:relative;counter-increment:topic;border:0;border-radius:16px;padding:26px 22px 24px 22px;background:var(--bg-2);box-shadow:0 1px 0 rgba(26,23,23,.06);border-top:4px solid var(--a,var(--gold));transition:transform .35s ease,box-shadow .35s ease}
.topic:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(26,23,23,.10)}
.topic::before{content:counter(topic,decimal-leading-zero);display:block;font-family:var(--display);font-size:30px;line-height:1;color:var(--a,var(--gold));margin-bottom:12px}
.topic p{font-size:14.5px;line-height:1.55}
.topic:nth-child(1){--a:var(--ascend)}.topic:nth-child(2){--a:var(--dive-t)}.topic:nth-child(3){--a:var(--pulse)}
.topic:nth-child(4){--a:var(--gather-t)}.topic:nth-child(5){--a:var(--amplify-t)}.topic:nth-child(6){--a:var(--rise)}
.linefold{margin-top:30px;border:0;background:var(--apricot);border-radius:var(--r);padding:0 clamp(20px,2.6vw,32px)}
.linefold summary{padding:22px 0}
.linefold summary i{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--gold-light);display:grid;place-items:center;font-size:22px}
.linefold__b{padding:0 0 26px}
.line__col{background:var(--bg-2)}
/* Type floor, 2026-09-14: Roberta, "the font size is too small in many of the pages". Body copy never below 16.5px, secondary never below 15px.
   Round 5 removed four entries from the list: .card p (declared once, above), .hf__sub (the hero block's rule wins on specificity,
   so the entry was inert), and .note p and .mov p (display lines the floor was shrinking). */
body{font-size:18px}
.lead{font-size:clamp(19px,1.5vw,22px)}
.svc p,.svc__list li,.svc__lead,.svc__supports,.svc__who,.topic p,.line__col li,.work__c p,.steps5 p,.svc__how p,.ab__inner p,.acc__b p,.tile p,.tile li,.eco__right,.dpanel .dbody,.hero__side p,.fnd p,.cf p,.evt p,.impact p,.attend li,.expect__l li,.prog p,.why p,.program dd,.program p,.catgroup__label ~ p,.stmt__p,.door__s,.mega__pill small,.svc__intro p{font-size:clamp(16.5px,1.2vw,18px);line-height:1.62}
.svc__lead{font-size:clamp(18px,1.35vw,20px)}
.stmt__p{font-size:clamp(21px,2.4vw,29px)}
.door__s{font-size:15px}
.mega__pill small{font-size:16px}
.dpanel .ddesc,.line__sub,.svc__who{font-size:15.5px}
.fsub,.sitefoot li a,.sitefoot__legal,.sitefoot__entity{font-size:15px}
.sitefoot__entity{font-size:14px}
.card__row h3{font-size:clamp(26px,2.4vw,34px)}
.svc h3{font-size:clamp(26px,2.4vw,34px)}
.line__col h3{font-size:28px}
.acc--faq summary h3{font-size:clamp(19px,1.7vw,23px)}
.status--light,.eyebrow,.dcount,.door__num{font-size:inherit}
.eyebrow{font-size:12.5px}
.status--light{font-size:11.5px}
.dcount{font-size:13.5px}
.door__num{font-size:40px}
@media (max-width:760px){body{font-size:17px}.svc p,.topic p,.line__col li,.svc__how p,.ab__inner p,.acc__b p{font-size:16px}}
/* Type floor, overrides for rules with higher specificity */
body main .eco .dpanel .dbody{font-size:clamp(16.5px,1.2vw,18px) !important}
body main .acc--faq .acc__b p,body main .acc .acc__b p{font-size:clamp(16.5px,1.2vw,18px) !important}
body main .steps5 p,body main .work__c p,body main .tile p,body main .evt p,body main .impact p{font-size:clamp(16px,1.15vw,17.5px) !important}
body .sitefoot li a{font-size:15.5px !important}
/* Dive, Pulse, Rise heroes, 2026-09-14: a photograph under a calm dark tint instead of a bare gradient; the Ignite crop
   lifted off the face. Crops declared once each (the pillar crop was at two places, the Ignite crop at three). */
.hf--pillar{background-size:cover;background-position:center 40%}
.hf--pillar::before{background:linear-gradient(90deg,rgba(14,12,12,.88) 0%,rgba(14,12,12,.72) 45%,rgba(14,12,12,.35) 100%)}
.hf--pillar .hf__mark{display:block;height:64px;width:auto;margin:0 0 16px}
.hf--pillar .eyebrow--dark{margin-bottom:12px;font-size:12.5px;letter-spacing:.16em}
body main .hf[style*="ignite-hero"]{background-position:center 35%}
body main .hf[style*="ignite-hero"]::before{background:linear-gradient(180deg,rgba(0,0,0,.05) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.85) 100%)}

/* Ascend, from the May 2025 deck, 2026-09-14 */
.diff__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.diff__grid .tile{border-top:4px solid var(--ascend)}
.diff__grid h3{font-size:24px;margin:0 0 8px}
.qnv{margin-top:34px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,2.6vw,32px);overflow-x:auto}
.qnv__head p{margin:8px 0 16px;color:var(--ink-2)}
.qnv__table{width:100%;border-collapse:collapse;font-size:16px}
.qnv__table th{text-align:left;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);padding:10px 12px;border-bottom:1px solid var(--line)}
.qnv__table td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}
.qnv__table td:first-child{font-weight:600;color:var(--ink);white-space:nowrap}
.qnv__table td:last-child{color:var(--ink)}
@media (max-width:900px){.diff__grid{grid-template-columns:1fr}.qnv__table{min-width:640px}}

/* ============================================================
   Creative Production, round 5, 2026-09-15. Applied from
   reviews/round5_creative_production.md after Roberta's answers of
   2026-09-15 (system/open_loops.md). Items 2, 6 and the display-line
   half of item 5 are edited in place above; the rest are here.
   ============================================================ */
/* Round 5, item 1. Home: the two calls to action land on the first screen at 1440. The buttons were at 922px
   (a 1440 by 900 display shows about 790px of page); they now sit under the second line, in the left column.
   .hero__side has no box of its own, so its paragraph and buttons appear without the reveal fade. */
.hero{padding-top:clamp(20px,2.5vw,36px)}
.hero .slides{margin-bottom:clamp(18px,2vw,26px)}
.hero .hero__line1{font-size:clamp(28px,3.4vw,48px);margin-bottom:clamp(12px,1.4vw,18px)}
.hero .hero__grid{grid-template-rows:auto auto;row-gap:20px;align-items:start}
.hero .hero__side{display:contents}
.hero .hero__line2{grid-column:1;grid-row:1}
.hero .hero__side>p{grid-column:2;grid-row:1/3;margin:0}
.hero .hero__side>.btn-row{grid-column:1;grid-row:2}
@media (max-width:760px){
  .hero .hero__side{display:block}
  .hero .hero__grid{grid-template-rows:none;row-gap:0}
}
/* Round 5, item 3. Ascend: the credited hero photograph (dev-hero.jpg, the workshop room in a circle) shows;
   block F3's gradient, written for the grey placeholder this file used to be, is deleted. Side tint as the pillar heroes. */
.hf[style*="dev-hero"]{background-position:center 45%}
.hf[style*="dev-hero"]::before{background:linear-gradient(90deg,rgba(14,12,12,.86) 0%,rgba(14,12,12,.66) 45%,rgba(14,12,12,.3) 100%)}
/* Round 5, item 5. Type floor: the pages and elements the 2026-09-14 floor missed (Our story, Founder, Gather, Ascend) */
.hero28__sub,.values__intro p,.eco28__head p,.team__text p,.partners p,.vision p,.lens__card p,.fstat span,.plat span,.tiers__card p,.ticks li,.ready p,.beliefs li,.line__start p,.qnv__table{font-size:clamp(16.5px,1.2vw,18px);line-height:1.6}
.vcard p{font-size:16px;line-height:1.5}
.fnd__tag small,.qnv__table th,.mega__intro,.ilist li small{font-size:12.5px}
@media (max-width:760px){
  body main .hf[style] .hf__sub,.hf__sub{font-size:16px}
  .dlist .d{font-size:14px}
  .dlist .s{font-size:11.5px}
}
/* Round 5, item 8. Dive, Pulse, Rise heroes: the lockup shows its symbol only, as the about blocks do; the name is in the title */
.hf--pillar .hf__mark{clip-path:inset(0 54% 0 0)}
/* Round 5, item 9. Founder ambition band: the text sits on the blouse and the atrium, not on the face */
.mov{background-position:center 100%}
/* Round 5, item 10. Gather: three photographs the height of their three cards; the "How we meet" and "Attend" panels back inside the page margins */
.tiers .collage{grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:18px}
.tiers .collage div{min-height:0}
.tiers .collage div:nth-child(2){grid-column:auto}
.evts,.wrap.attend{max-width:calc(min(1440px,100%) - 2*var(--gut))}
@media (max-width:920px){.tiers .collage{grid-template-rows:none}.tiers .collage div{aspect-ratio:1.8/1}}
/* Round 5, from the For organizations page note: service photographs shorter on phones, a third off each block */
@media (max-width:560px){.svc__img{aspect-ratio:16/9;min-height:0}}
/* Round 5, photographs: the Our story hero is now the room-wide podium frame, whole figure small at top centre;
   the Amplify hero is the wide lectern frame with the whole head inside the box at its centre; the For organizations
   hero has headroom in the file and is anchored a little above centre so the face clears the top of the box */
.hero28__img[style*="about-hero"]{background-position:center 40%}
body main .hf[style*="amplify-hero"]{background-position:center}
body main .hf[style*="svc-hero"]{background-position:center 10%}
@media (max-width:760px){body main .hf[style*="svc-hero"]{min-height:460px !important;background-position:center top}} /* phones: the box is tall enough for the headline to sit under the face, not across it */

/* 2026-09-15, Roberta: the entity line in the footer must read clearly, like other Qatar sites */
.sitefoot__entity{color:var(--on-dark-2);font-size:14px;padding:4px 0 44px}
.sitefoot__legal span{color:var(--on-dark-2)}