/* Layout: a living 3D city fills the first screens; the content below reads like a night-time city guide. */
:root{
  --night:#0A1222;
  --night-2:#0F1A2E;
  --panel:#13203A;
  --text:#EEF1F6;
  --muted:#9AA6BA;
  --line:rgba(238,241,246,.12);
  --gold:#E2B65C;        /* value earned */
  --gold-hi:#F3D08A;
  --jac:#B49CF0;         /* jacaranda: Harare in October */

  --display:"Unbounded", "Segoe UI", system-ui, sans-serif;
  --body:"Geist", "Segoe UI", system-ui, sans-serif;
  --mono:"Geist", "Segoe UI", system-ui, sans-serif;   /* small labels: same family as the text */
  --gl:max(20px, env(safe-area-inset-left, 0px));
  --gr:max(20px, env(safe-area-inset-right, 0px));
  --ease:cubic-bezier(.2,.7,.1,1);
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--night)}
body{margin:0;background:var(--night);color:var(--text);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:600;letter-spacing:-.03em;line-height:1.02;text-wrap:balance}
h1 span,h2 span{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{max-width:1360px;margin:0 auto;padding-left:var(--gl);padding-right:var(--gr)}
.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
section{scroll-margin-top:72px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:100px;font:600 15px/1 var(--body);text-decoration:none;border:1px solid transparent;white-space:nowrap;transition:background .3s, color .3s, border-color .3s, transform .3s}
.btn:hover{transform:translateY(-2px)}
.btn-sm{padding:11px 18px;font-size:14px}
.btn-gold{background:var(--gold);color:#1A1406}
.btn-gold:hover{background:var(--gold-hi)}
.btn-glass{background:rgba(10,18,34,.35);border-color:rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn-glass:hover{background:rgba(10,18,34,.6)}
.btn-line{border-color:rgba(238,241,246,.3);color:var(--text)}
.btn-line:hover{border-color:var(--text)}
.ctas{display:flex;flex-wrap:wrap;gap:12px}

/* Header */
.site-head{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;
  padding:calc(16px + env(safe-area-inset-top, 0px)) var(--gr) 16px var(--gl);border-bottom:1px solid transparent;transition:background .4s, border-color .4s}
.site-head.scrolled{background:rgba(10,18,34,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}
.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:600 20px/1 var(--display);letter-spacing:-.03em;color:#fff;text-shadow:0 1px 12px rgba(10,18,34,.35)}
.brand .mark{width:30px;height:30px}
.nav{display:flex;gap:28px;font-size:14px;font-weight:500}
.head-cta{display:flex;align-items:center;gap:18px}
.nav a{text-decoration:none;color:rgba(255,255,255,.85);text-shadow:0 1px 10px rgba(10,18,34,.4);transition:color .2s}
.nav a:hover{color:#fff}
@media (max-width:980px){.nav{display:none}}
/* Phone and tablet menu: the links drop down under the header */
.menu-btn{display:none}
@media (max-width:980px){
  .menu-btn{display:inline-grid;place-content:center;gap:5px;width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(10,18,34,.32);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .menu-btn span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .3s var(--ease)}
  .site-head.scrolled .menu-btn,.site-head.menu-open .menu-btn{background:rgba(18,24,38,.07);color:#121826}
  .site-head.menu-open{background:#FFFFFF;border-bottom-color:rgba(18,24,38,.08)}
  .site-head.menu-open .brand{color:#121826;text-shadow:none}
  .site-head.menu-open .menu-btn span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .site-head.menu-open .menu-btn span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .site-head.menu-open .nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:4px var(--gr) 20px var(--gl);background:#FFFFFF;border-bottom:1px solid rgba(18,24,38,.08);box-shadow:0 24px 40px -24px rgba(18,24,38,.35)}
  .site-head.menu-open .nav a{padding:16px 0;border-top:1px solid rgba(18,24,38,.08);font-size:20px;font-weight:600;color:#121826;text-shadow:none}
}

/* The city stage */
.story{position:relative;background:#F1C49A}
.js .story{height:600vh}
/* A still of the city shows at once; the live 3D fades in over it when it is ready (or never, without WebGL) */
.stage{position:relative;height:100vh;height:100svh;overflow:hidden;background:url("../assets/img/city-poster.jpg") center/cover, linear-gradient(180deg, #3E6D9C 0%, #F4BE8C 70%, #E9CDB2 100%)}
@media (max-aspect-ratio:1/1){.stage{background-image:url("../assets/img/city-poster-m.jpg"), linear-gradient(180deg, #E8C9A6 0%, #F4D9BC 100%)}}
.js .stage{position:sticky;top:0}
#city{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1s var(--ease)}
.gl #city{opacity:1}
.veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg, rgba(10,18,34,.32), rgba(10,18,34,0) 16%), linear-gradient(90deg, rgba(10,18,34,.45) 0%, rgba(10,18,34,.16) 30%, rgba(10,18,34,0) 50%)}
.cap h1,.cap h2{text-shadow:0 2px 24px rgba(10,18,34,.45)}
.legend{position:absolute;z-index:3;bottom:clamp(40px, 8vh, 80px);right:var(--gr);margin:0;padding:6px;list-style:none;display:flex;gap:4px;border-radius:100px;background:rgba(10,18,34,.38);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.legend li{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;font:500 12px/1 var(--mono);letter-spacing:.06em;color:rgba(255,255,255,.75);transition:background .4s, color .4s}
.legend b{font-weight:500;color:var(--gold-hi)}
.legend li.on{background:rgba(255,255,255,.92);color:#0A1222}
.legend li.on b{color:#9A6E1C}

.cap{position:absolute;z-index:3;left:var(--gl);color:#fff}
.js .cap:not(.cap-hero){opacity:0;visibility:hidden}
.cap-hero{bottom:clamp(48px, 12vh, 130px);max-width:min(600px, 50vw)}
.cap-hero h1{margin-top:20px;font-size:clamp(44px, 5.4vw, 92px);text-shadow:0 2px 30px rgba(10,18,34,.35)}
.cap-hero .lede{margin-top:22px;max-width:30em;font-size:18px;color:rgba(255,255,255,.88)}
.cap-hero .ctas{margin-top:30px}
.cap .eyebrow{color:rgba(255,255,255,.75)}
.cap-panel{bottom:clamp(48px, 12vh, 130px);max-width:430px;padding:28px 30px 30px;border-radius:22px;background:rgba(10,18,34,.55);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3)}
.lvl{font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--jac)}
.lvl.gold{color:var(--gold-hi)}
.cap-panel h2{margin-top:14px;font-size:clamp(30px, 2.8vw, 44px)}
.cap-panel p:not(.lvl){margin-top:14px;color:rgba(255,255,255,.82);font-size:16px}
.cap-final{left:0;right:0;bottom:clamp(48px, 11vh, 120px);display:grid;justify-items:center;gap:20px;text-align:center}
.cap-final h2{font-size:clamp(48px, 6.6vw, 112px);text-shadow:0 2px 40px rgba(10,18,34,.5)}
/* The programme name above "Build your city": bigger, bolder and on a dark pill so it reads over the busy market */
.cap-final .eyebrow{padding:11px 20px;border-radius:100px;background:rgba(10,18,34,.62);border:1px solid rgba(243,208,138,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-weight:600;font-size:clamp(13px, 1.05vw, 16px);letter-spacing:.16em;line-height:1;color:var(--gold-hi)}
.scroll-cue{position:absolute;z-index:3;right:var(--gr);bottom:calc(clamp(40px, 8vh, 80px) + 62px);display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:100px;background:rgba(10,18,34,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff}
.scroll-cue span{width:36px;height:1px;background:var(--gold-hi);transform-origin:left;animation:cue 2s ease-in-out infinite}
@keyframes cue{0%,100%{transform:scaleX(.3)}50%{transform:scaleX(1)}}

@media (max-width:860px), (max-aspect-ratio:1/1){
  .veil{background:linear-gradient(0deg, rgba(10,18,34,.78) 0%, rgba(10,18,34,.35) 40%, rgba(10,18,34,0) 62%)}
  .cap-hero,.cap-panel{left:var(--gl);right:var(--gr);max-width:none;bottom:clamp(24px, 5vh, 48px)}
  .cap-hero h1{font-size:clamp(34px, 9.4vw, 60px)}
  .cap-hero .lede{font-size:15px}
  .cap-panel{padding:22px}
  .legend{top:calc(76px + env(safe-area-inset-top, 0px));bottom:auto;left:var(--gl);right:var(--gr);justify-content:space-between}
  .legend li{padding:8px 10px;font-size:11px}
  .scroll-cue{display:none}
}

/* Below the city: v2 (coin towers) sections, scoped under .v2 */
.v2{
  /* One palette with the city: its night navy, gold, jacaranda purple and sunset */
  --ink:#0A1222;        /* the city's night navy */
  --ink-2:#0F1A2E;
  --ink-3:#13203A;
  --emerald:#1C1538;    /* dusk purple (was emerald) */
  --emerald-2:#4A3488;  /* deep jacaranda, for text on light */
  --mint:#B49CF0;       /* jacaranda, the secondary accent (was mint) */
  --gold:#E2B65C;       /* value earned */
  --bone:#F3EEE7;       /* warm light, from the golden-hour sky */
  --text:#EEF1F6;
  --muted:#9AA6BA;
  --line:rgba(232,237,242,.12);
  --ink-text:#0A0F1A;
  --ink-muted:#4C5869;

  --display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --serif:"Instrument Serif", Georgia, serif;
  --body:"Geist", "Segoe UI", system-ui, sans-serif;
  --mono:"Geist Mono", ui-monospace, Consolas, monospace;
  --gutter:max(20px, env(safe-area-inset-left, 0px));
  --gutter-r:max(20px, env(safe-area-inset-right, 0px));
  color-scheme:dark;
}
.v2 *{box-sizing:border-box}
.v2{background:var(--ink)}
.v2{margin:0;background:var(--ink);color:var(--text);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.v2 img{max-width:100%;display:block}
.v2 a{color:inherit}
.v2 :focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:2px}
.v2 h1,.v2 h2,.v2 h3{font-family:var(--display);font-weight:700;letter-spacing:-.035em;line-height:.98;margin:0;text-wrap:balance}
.v2 h1 em,.v2 h2 em,.v2 h3 em,.v2 .statement-text em,.v2 .face-end em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
.v2 p{margin:0}
.v2 .wrap{max-width:1320px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter-r)}
.v2 .kicker{display:inline-flex;align-items:center;gap:10px;font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.v2 .kicker .dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint)}

/* Buttons */
.v2 .btn{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:100px;font:600 15px/1 var(--body);text-decoration:none;border:1px solid transparent;transition:transform .25s, background .25s, color .25s, border-color .25s;white-space:nowrap}
.v2 .btn:hover{transform:translateY(-2px)}
.v2 .btn-sm{padding:11px 18px;font-size:14px}
.v2 .btn-mint{background:var(--mint);color:var(--ink-text)}
.v2 .btn-mint:hover{background:#7BF0C1}
.v2 .btn-ghost{border-color:rgba(232,237,242,.3);color:var(--text)}
.v2 .btn-ghost:hover{border-color:var(--text)}
.v2 .btn-ink{background:var(--ink-text);color:var(--bone)}
.v2 .btn-line-ink{border-color:rgba(10,15,26,.35);color:var(--ink-text)}

/* Wordmark */
.v2 .wordmark{font:700 24px/1 var(--display);letter-spacing:-.04em;text-decoration:none;display:inline-flex;align-items:baseline}
.v2 .i{position:relative}
.v2 .i::after{content:"";position:absolute;left:50%;top:.02em;width:.19em;height:.19em;background:var(--gold);transform:translateX(-50%)}

/* 2. Statement */
.v2 .statement{padding-block:clamp(110px, 18vh, 200px)}
.v2 .statement-text{margin-top:32px;font:600 clamp(32px, 4.6vw, 72px)/1.06 var(--display);letter-spacing:-.035em;max-width:20em;text-wrap:balance}
.v2 .statement-text .w{display:inline-block;opacity:.18;transition:none}

/* 3. Faces (horizontal) */
.v2 .faces{background:var(--ink-2);border-top:1px solid var(--line)}
.v2 .faces-pin{padding-block:96px 80px;overflow:hidden}
.v2 .faces-head h2{margin-top:20px;font-size:clamp(38px, 5.4vw, 84px);max-width:13em}
.v2 .faces-head h2 em{color:var(--mint)}
.v2 .faces-track{display:flex;gap:24px;margin-top:56px;padding-left:var(--gutter);padding-right:var(--gutter-r);width:max-content;will-change:transform}
.v2 .face{margin:0;width:clamp(280px, 30vw, 440px);flex:none}
.v2 .face-img{height:clamp(360px, 58vh, 620px);overflow:hidden;border-radius:4px;background:var(--ink-3)}
.v2 .face-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.v2 .face:hover .face-img img{transform:scale(1.14)}
.v2 .face figcaption{margin-top:18px;font-size:16px;color:#B4BFCC;max-width:24em}
.v2 .face .role{display:block;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mint);margin-bottom:10px}
.v2 .face-end{display:flex;flex-direction:column;justify-content:center;gap:28px;padding:0 6vw 0 2vw;width:clamp(300px, 40vw, 620px)}
.v2 .face-end p{font:600 clamp(28px, 3.2vw, 48px)/1.08 var(--display);letter-spacing:-.03em}
.v2 .face-end em{color:var(--gold)}
.v2 .face-end .btn{align-self:flex-start}
@media (max-width:860px){
  .v2 .faces-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .v2 .faces-track::-webkit-scrollbar{display:none}
  .v2 .face{scroll-snap-align:start;width:78vw}
  .v2 .face-img{height:62vh}
  .v2 .face-end{width:82vw;padding:0}
}

/* Section scaffolding */
.v2 section{scroll-margin-top:72px}
.v2 .sec{padding-block:clamp(96px, 14vh, 160px)}
.v2 .sec-head{display:grid;gap:20px;margin-bottom:clamp(44px, 7vh, 80px)}
.v2 .sec-head h2{font-size:clamp(38px, 5.4vw, 84px);max-width:14em}
.v2 .sec-sub{max-width:36em;color:var(--muted);font-size:18px}

/* 4. Audiences */
.v2 .audience h2 em{color:var(--gold)}
.v2 .aud-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px}
.v2 .aud{position:relative;height:clamp(460px, 72vh, 700px);border-radius:4px;overflow:hidden;background:var(--ink-3);isolation:isolate;min-width:0}
.v2 .aud img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;z-index:-2;transition:scale 1.2s cubic-bezier(.2,.7,.2,1)}
.v2 .aud::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg, rgba(7,11,20,0) 30%, rgba(7,11,20,.92) 82%)}
.v2 .aud:hover img{scale:1.05}
.v2 .aud-body{position:absolute;inset:auto 0 0 0;padding:28px}
.v2 .aud-tag{display:inline-block;padding:7px 12px;border-radius:100px;background:rgba(232,237,242,.12);backdrop-filter:blur(8px);font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.v2 .aud h3{margin-top:16px;font-size:clamp(26px, 2.2vw, 34px);line-height:1.02}
.v2 .aud ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:8px;font-size:15px;color:#C3CCD7}
.v2 .aud li{display:flex;gap:10px;align-items:baseline}
.v2 .aud li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--mint);transform:translateY(-2px)}
@media (max-width:900px){.v2 .aud-grid{grid-template-columns:1fr}.v2 .aud{height:540px}}

/* 5. Programme (light chapter) */
.v2 .programme{background:var(--bone);color:var(--ink-text)}
.v2 .programme .kicker{color:var(--ink-muted)}
.v2 .prog-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px, 6vw, 100px);align-items:start}
.v2 .prog-side{position:sticky;top:120px}
.v2 .prog-side h2{margin-top:20px;font-size:clamp(44px, 5.6vw, 88px)}
.v2 .prog-side h2 em{color:var(--emerald-2)}
.v2 .prog-side > p{margin-top:24px;max-width:26em;color:var(--ink-muted);font-size:18px}
.v2 .prog-facts{display:flex;gap:44px;margin:40px 0 0}
.v2 .prog-facts dt{font:700 72px/1 var(--display);letter-spacing:-.05em;color:var(--emerald-2)}
.v2 .prog-facts dd{margin:6px 0 0;font:500 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}
.v2 .modules{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink-text)}
.v2 .module{display:grid;grid-template-columns:96px 1fr;gap:8px 24px;padding:36px 0;border-bottom:1px solid rgba(10,15,26,.14)}
.v2 .m-no{font:700 56px/.9 var(--display);letter-spacing:-.05em;color:var(--emerald-2)}
.v2 .module h3{font-size:clamp(26px, 2.4vw, 36px);line-height:1.02}
.v2 .module p{margin-top:12px;color:var(--ink-muted);max-width:34em}
.v2 .m-out{grid-column:2;margin-top:14px;justify-self:start;padding:8px 14px;border-radius:100px;background:rgba(15,84,66,.1);color:var(--emerald-2);font:500 12px/1 var(--mono);letter-spacing:.06em}
@media (max-width:900px){.v2 .prog-grid{grid-template-columns:1fr}.v2 .prog-side{position:static}.v2 .module{grid-template-columns:64px 1fr}.v2 .m-no{font-size:40px}}

/* 6. Levels (emerald chapter) */
.v2 .levels{background:radial-gradient(90% 70% at 80% 0%, var(--emerald-2), var(--emerald) 60%, #062519);position:relative;overflow:hidden}
.v2 .levels .kicker{color:rgba(232,237,242,.6)}
.v2 .levels h2 em{color:var(--gold)}
.v2 .levels .sec-sub{color:rgba(232,237,242,.7)}
.v2 .lv-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px;align-items:end}
.v2 .lv{position:relative;padding:32px 28px 30px;border-radius:4px;background:rgba(4,22,16,.45);border:1px solid rgba(232,237,242,.12);backdrop-filter:blur(6px);min-width:0}
.v2 .lv:nth-child(1){margin-top:180px}
.v2 .lv:nth-child(2){margin-top:90px}
.v2 .lv-top{border-color:rgba(226,182,92,.55);background:linear-gradient(180deg, rgba(226,182,92,.16), rgba(4,22,16,.5) 55%)}
.v2 .stack{width:84px;height:calc(var(--n) * 9px + 16px);position:relative;margin-bottom:28px}
.v2 .stack::before{content:"";position:absolute;inset:16px 0 0 0;border-radius:0 0 42px 42px / 0 0 16px 16px;
  background:repeating-linear-gradient(to top, #B88B35 0 2px, #E2B65C 2px 8px, #F3D592 8px 9px)}
.v2 .stack::after{content:"";position:absolute;left:0;right:0;top:8px;height:16px;border-radius:50%;background:radial-gradient(ellipse at 40% 40%, #FBE3A8, #E2B65C 55%, #B88B35)}
.v2 .lv-no{font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.v2 .lv-top .lv-no{color:var(--gold)}
.v2 .lv h3{margin-top:12px;font-size:clamp(28px, 2.4vw, 38px)}
.v2 .lv p{margin-top:12px;color:rgba(232,237,242,.72);font-size:16px}
@media (max-width:900px){.v2 .lv-grid{grid-template-columns:1fr}.v2 .lv:nth-child(1),.v2 .lv:nth-child(2){margin-top:0}}

/* 7. Organisations */
.v2 .orgs h2 em{color:var(--mint)}
.v2 .org-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px}
.v2 .org{position:relative;height:clamp(380px, 56vh, 540px);border-radius:4px;overflow:hidden;text-decoration:none;background:var(--ink-3);isolation:isolate;min-width:0}
.v2 .org img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;z-index:-2;filter:saturate(.9);transition:scale 1.2s cubic-bezier(.2,.7,.2,1)}
.v2 .org::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg, transparent 35%, rgba(7,11,20,.9))}
.v2 .org:hover img{scale:1.05}
.v2 .org-body{position:absolute;inset:auto 0 0 0;padding:26px}
.v2 .org h3{margin-top:14px;font-size:clamp(24px, 2vw, 30px)}
.v2 .org p{margin-top:8px;color:#C3CCD7;font-size:15px}
@media (max-width:900px){.v2 .org-grid{grid-template-columns:1fr}}

/* 8. Magazine */
.v2 .magazine{background:var(--ink-2);border-top:1px solid var(--line)}
.v2 .mag-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(48px, 7vw, 110px);align-items:center}
.v2 .cover{position:relative;aspect-ratio:3/4;max-width:520px;width:100%;border-radius:3px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.55);transform:rotate(-2.5deg)}
.v2 .cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v2 .cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(7,11,20,.55), transparent 28%, transparent 55%, rgba(7,11,20,.85))}
.v2 .cover-top,.v2 .cover-bottom{position:absolute;left:24px;right:24px;z-index:1}
.v2 .cover-top{top:22px;display:flex;justify-content:space-between;align-items:baseline;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(232,237,242,.8)}
.v2 .cover-top .wordmark{font-size:clamp(30px, 3.4vw, 46px);color:#fff}
.v2 .cover-bottom{bottom:26px}
.v2 .cover-kicker{font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mint)}
.v2 .cover-title{margin-top:10px;font:400 italic clamp(40px, 4.6vw, 64px)/.95 var(--serif);color:#fff}
.v2 .mag-copy h2{margin-top:20px;font-size:clamp(36px, 4.4vw, 66px)}
.v2 .mag-copy h2 em{color:var(--gold)}
.v2 .mag-copy p{margin-top:22px;color:var(--muted);max-width:32em;font-size:18px}
.v2 .mag-copy .btn{margin-top:32px}
@media (max-width:900px){.v2 .mag-grid{grid-template-columns:1fr}.v2 .cover{max-width:400px}}

/* 9. Join */
.v2 .join{display:grid;grid-template-columns:1fr 1fr;background:var(--mint);color:var(--ink-text);min-height:80vh}
.v2 .join-img{position:relative;overflow:hidden;min-height:420px}
.v2 .join-img img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
.v2 .join-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px, 8vw, 120px) var(--gutter-r) clamp(48px, 8vw, 120px) clamp(28px, 5vw, 90px)}
.v2 .join .kicker{color:rgba(10,15,26,.6)}
.v2 .join h2{margin-top:20px;font-size:clamp(42px, 5.4vw, 86px)}
.v2 .join p{margin-top:22px;max-width:28em;font-size:18px;color:rgba(10,15,26,.75)}
@media (max-width:860px){.v2 .join{grid-template-columns:1fr}.v2 .join-body{padding-left:var(--gutter)}}

/* Footer */
.v2 .foot{padding-top:90px;background:var(--ink);overflow:hidden}
.v2 .foot-cols{display:grid;grid-template-columns:repeat(3, minmax(0, 220px));gap:32px}
.v2 .foot h4{margin:0 0 16px;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.v2 .foot-cols a{display:block;text-decoration:none;color:var(--text);margin-bottom:10px;font-size:15px}
.v2 .foot-cols a:hover{color:var(--mint)}
.v2 .foot-mark{font:800 clamp(80px, 21vw, 340px)/.8 var(--display);letter-spacing:-.06em;margin-top:80px;color:var(--text);white-space:nowrap}
.v2 .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:28px 32px;margin-top:28px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media (max-width:640px){.v2 .foot-cols{grid-template-columns:1fr 1fr}}


/* Blend: the v2 sections take the city's colours */
.v2 .btn-mint{background:var(--gold);color:#1A1406}
.v2 .btn-mint:hover{background:#F3D08A}
.v2 .kicker .dot{background:var(--gold);box-shadow:0 0 12px rgba(226,182,92,.55)}
.v2 .m-out{background:rgba(74,52,136,.1)}
.v2 .levels{background:radial-gradient(90% 70% at 80% 0%, #3A2A6B, #1C1538 60%, #0F0B22)}
.v2 .lv{background:rgba(15,11,34,.5)}
.v2 .lv-top{background:linear-gradient(180deg, rgba(226,182,92,.16), rgba(15,11,34,.55) 55%)}
.v2 .join{background:linear-gradient(120deg, #E07A5F 0%, #F2A65A 55%, #F8D3A9 100%)}

/* Faces: a plain grid that scrolls with the page (no sideways scroll) */
.v2 .faces-pin{overflow:visible}
.v2 .faces-track{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:20px;width:auto;max-width:1320px;margin:56px auto 0;overflow:visible;transform:none;will-change:auto}
.v2 .face{width:auto;min-width:0}
.v2 .face-img{height:auto;aspect-ratio:3/4}
.v2 .face-end{grid-column:1 / -1;width:auto;flex-direction:row;align-items:center;justify-content:space-between;gap:32px;padding:28px 0 0;border-top:1px solid var(--line)}
.v2 .face-end p{max-width:22em;font-size:clamp(26px, 2.6vw, 40px)}
.v2 .face-end .btn{align-self:center;flex:none}
@media (max-width:860px){
  .v2 .faces-track{grid-template-columns:1fr 1fr;gap:14px;scroll-snap-type:none}
  .v2 .face{width:auto}
  .v2 .face-img{height:auto}
  .v2 .face figcaption{font-size:14px}
  .v2 .face-end{width:auto;flex-direction:column;align-items:flex-start;gap:20px}
  .v2 .face-end .btn{align-self:flex-start}
}

/* Join: what members get */
.v2 .dash-points{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px;font-size:17px;color:rgba(10,15,26,.85)}
.v2 .dash-points li{display:flex;gap:12px;align-items:baseline}
.v2 .dash-points li::before{content:"";flex:none;width:9px;height:9px;background:#1A1406;transform:translateY(-1px)}
.v2 .join .soon{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:34px;padding:12px 20px;border:1px solid rgba(10,15,26,.35);border-radius:999px;font-size:15px;font-weight:600;color:#0A0F1A}
.v2 .join .soon span{width:8px;height:8px;border-radius:50%;background:#0A0F1A}

/* From hustle to business: white stage, one red statement, cards that gather and leave, then the formula in three coloured words.
   Cards are sized in em from the stage unit, so the whole set scales with the screen. */
.uf{position:relative;background:#fff;color:#121826}
.uf-stage{position:relative;font-size:min(1.111vw, 1.778vh)}
.uf .uf-title{margin:0;font:600 clamp(60px, 10.4vw, 190px)/.94 var(--body);letter-spacing:-.055em;color:#F04A24;text-align:center}
.uf .uf-title span{display:inline-block;white-space:nowrap;color:inherit}
.uf-c{margin:0;border-radius:1.75em;overflow:hidden;box-shadow:0 1.4em 3em -1.6em rgba(18,24,38,.35)}
.uf a.uf-c{text-decoration:none;transition:box-shadow .3s}
.uf a.uf-c *{text-decoration:none}
a.uf-c:hover{box-shadow:0 1.8em 3.4em -1.4em rgba(18,24,38,.5)}
a.uf-c:focus-visible{outline:3px solid #121826;outline-offset:4px}
a.uf-c:hover .g-pill{background:#fff;color:#1E8A47}
a.uf-c:hover .b-btn,a.uf-c:hover .p-btn{background:#121826;color:#fff}
.g-pill,.b-btn,.p-btn{transition:background .25s, color .25s}
.uf-tag{position:absolute;left:.8em;bottom:.8em;padding:.45em .85em;border-radius:2em;background:#fff;color:#121826;font-size:.95em;font-weight:500}
.uf-c svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.uf-photo-a{position:relative;width:15em;height:10.6em}
.uf-photo-b{width:18em;height:18em;overflow:visible}
.uf-photo-a img,.uf-photo-b img{width:100%;height:100%;object-fit:cover;border-radius:1.75em}
.uf-bubble{position:absolute;left:-1.6em;top:1.4em;padding:.8em 1.1em;border-radius:1.1em;background:#fff;color:#2A1606;font-size:1.05em;font-weight:500;white-space:nowrap;box-shadow:0 .8em 2em -1em rgba(18,24,38,.4)}
.uf-green{width:16.5em;height:16.5em;display:flex;flex-direction:column;padding:1.3em 1.4em;background:#2DBE62;color:#fff}
.g-top{display:flex;align-items:center;gap:.5em;font-size:1.05em;color:rgba(255,255,255,.8)}
.g-top i{width:1.4em;height:1.4em;border-radius:50%;display:grid;place-items:center;background:#fff;color:#2DBE62}
.g-top svg{width:1em;height:1em;stroke-width:2.6}
.g-out,.g-in{font:600 2.1em/1.2 var(--body);letter-spacing:-.02em}
.g-out{margin-top:.6em;color:rgba(255,255,255,.65)}
.g-pill{margin-top:auto;align-self:flex-start;padding:.45em .9em;border-radius:2em;background:rgba(255,255,255,.2);font-size:1.05em;font-weight:500}
.uf-blue{width:16.5em;padding:1.1em;background:#4F9BD8}
.b-in{padding:1.2em;border-radius:1.25em;background:#fff;color:#2A1606}
.b-cur{display:flex;align-items:center;gap:.5em;font-size:1.15em;font-weight:500;white-space:nowrap}
.b-flag{width:1.7em;height:1.7em;border-radius:50%;display:grid;place-items:center;background:#2F6FC4;color:#fff;font-style:normal}
.b-flag svg{width:1em;height:1em;stroke-width:2.2}
.b-wk{margin-left:auto;padding:.25em .65em;border-radius:1em;background:#EAF2FC;color:#2F6FC4;font-size:.8em;font-weight:600}
.b-chev{width:1.5em;height:1.5em;border-radius:50%;display:grid;place-items:center;background:#FDE8E4;color:#F04A24}
.b-chev svg{width:1em;height:1em}
.b-amt{margin-top:.5em;display:flex;align-items:center;font:600 2.3em/1.2 var(--body);letter-spacing:-.02em}
.b-caret{width:.06em;height:1em;margin:0 .04em;background:#F04A24;font-style:normal}
.b-amt span{padding:0 .05em;background:#FDE8E4}
.b-bal{margin-top:.5em;font-size:1em;color:#8A7A70}
.b-bal b{font-weight:500;color:#2A1606}
.b-btn{display:block;margin-top:.9em;padding:.75em;border-radius:1em;background:#fff;text-align:center;font-size:1.1em;font-weight:500;color:#2A1606}
.uf-pink{width:16.5em;padding:1.1em;background:#F8DBF6;color:#6B1F66}
.v2 a.uf-green{color:#fff}
.v2 a.uf-pink{color:#6B1F66}
.p-in{display:grid;justify-items:center;gap:.6em;padding:1.1em;border-radius:1.25em;background:#FCEBFB}
.p-in img{width:3.1em;height:3.1em;border-radius:50%;object-fit:cover;object-position:50% 30%}
.p-in b{font-size:1.05em;font-weight:500}
.p-row{display:flex;align-items:center;justify-content:center;gap:.5em;margin:.9em 0;font-size:1em;color:#B079AC}
.p-row svg{width:1.2em;height:1.2em}
.p-btn{display:block;padding:.75em;border-radius:1em;background:#fff;text-align:center;font-size:1.1em;font-weight:500}
.uf-words{list-style:none;margin:0;padding:0;font-size:clamp(44px, 9.2vw, 160px)}
.uf-words li{display:flex;align-items:center;justify-content:center;gap:.22em;font:500 1em/1.08 var(--body);letter-spacing:-.05em;color:var(--c)}
.uf-words .tile{width:.72em;height:.72em;flex:none;border-radius:.19em;display:grid;place-items:center;background:var(--c)}
.uf-words .tile svg{width:.42em;height:.42em;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.uf-words .tile svg.mark{width:.5em;height:.5em;color:#fff;stroke:none}
.uf-note{max-width:34em;margin:0 auto;font-size:clamp(16px, 1.3vw, 20px);color:#5E6677;text-align:center}
@media (max-width:700px){.uf-stage{font-size:min(2.7vw, 1.45vh)}}

/* Without the scroll animation everything is laid out in order */
.uf:not(.uf-on) .uf-stage{display:grid;justify-items:center;gap:56px;padding:120px var(--gr) 120px var(--gl)}
.uf:not(.uf-on) .uf-cards{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}
/* With it the stage is pinned and every piece is centred, then moved by the timeline */
.uf-on .uf-stage{height:100vh;height:100svh;overflow:hidden}
.uf-on .uf-title{position:absolute;left:0;right:0;top:50%;translate:0 -50%}
.uf-on .uf-cards{position:absolute;left:50%;top:50%;z-index:2}
.uf-on .uf-c{position:absolute;left:0;top:0;translate:-50% -50%}
.uf-on .uf-words li{position:absolute;left:0;right:0;top:50%;margin-top:-.54em}
.uf-on .uf-note{position:absolute;left:var(--gl);right:var(--gr);bottom:9vh}
.uf-on .uf-title,.uf-on .uf-c,.uf-on .uf-words li,.uf-on .uf-words .tile{will-change:transform}
.uf-on .uf-stage{contain:layout paint}

/* Daylight: below the city the site is light and warm; the night navy is gone */
html,body{background:#FFFFFF}
.site-head.scrolled{background:rgba(255,255,255,.97);border-bottom-color:rgba(18,24,38,.08);backdrop-filter:none;-webkit-backdrop-filter:none}
.site-head.scrolled .brand,.site-head.scrolled .nav a{color:#121826;text-shadow:none}
.v2{
  --ink:#FFFFFF;
  --ink-2:#F3EEE6;
  --ink-3:#E8E1D4;
  --text:#121826;
  --muted:#5E6677;
  --line:rgba(18,24,38,.12);
  --mint:#5B3FD0;       /* jacaranda, deep enough to read on light */
  --gold-text:#94650F;  /* gold for words on light */
  color-scheme:light;
}
.v2 .btn-ghost{border-color:rgba(18,24,38,.28)}
.v2 .audience h2 em,.v2 .mag-copy h2 em,.v2 .face-end em{color:var(--gold-text)}
.v2 .face figcaption{color:var(--muted)}
.v2 .faces{background:#fff;border-top:0}
.v2 .aud,.v2 .org{color:#fff}
.v2 .programme{background:var(--ink-2)}
.v2 .levels{background:linear-gradient(180deg, #F1ECFD, #E5DCFB)}
.v2 .levels .kicker,.v2 .levels .sec-sub,.v2 .lv p{color:var(--muted)}
.v2 .levels h2 em{color:var(--mint)}
.v2 .lv{background:#fff;border-color:rgba(91,63,208,.16);backdrop-filter:none;box-shadow:0 24px 48px -28px rgba(60,40,140,.4)}
.v2 .lv-top{background:linear-gradient(180deg, #FFF5DF, #fff 60%);border-color:#E2B65C}
.v2 .lv-top .lv-no{color:var(--gold-text)}
.v2 .magazine{background:var(--ink-2);border-top:0}
.v2 .cover{box-shadow:0 40px 80px -24px rgba(18,24,38,.45)}
.v2 .cover-kicker{color:#D9CBFA}
.v2 .foot{background:var(--ink-2)}

/* One brand below the city: the city's two typefaces (Unbounded for headings, Geist for the rest) and the
   logo's colours (navy, gold, warm paper). No small-caps labels over headings, no italic half-headlines. */
.v2{
  --display:"Unbounded", "Segoe UI", system-ui, sans-serif;
  --mono:var(--body);
  --mint:#94650F;          /* small accents: dark gold that reads on light */
  --emerald-2:#94650F;
}
.v2 h1,.v2 h2,.v2 h3{font-weight:600;letter-spacing:-.045em;line-height:1.04}
.v2 .sec-head h2,.v2 .faces-head h2{font-size:clamp(32px, 4.3vw, 66px);max-width:15em}
.v2 .faces-head h2,.v2 .prog-side h2,.v2 .mag-copy h2,.v2 .join h2{margin-top:0}
.v2 .prog-side h2{font-size:clamp(34px, 4.3vw, 66px)}
.v2 .mag-copy h2{font-size:clamp(30px, 3.4vw, 52px)}
.v2 .join h2{font-size:clamp(34px, 4.2vw, 64px)}
.v2 .aud h3{font-size:clamp(21px, 1.75vw, 27px);line-height:1.1}
.v2 .module h3{font-size:clamp(21px, 1.9vw, 28px);line-height:1.1}
.v2 .lv h3{font-size:clamp(21px, 1.8vw, 28px)}
.v2 .org h3{font-size:clamp(19px, 1.6vw, 25px)}
.v2 .face-end p{font-size:clamp(21px, 2.1vw, 32px);line-height:1.15;letter-spacing:-.04em}
.v2 .prog-facts dt{font-weight:600;font-size:64px}
.v2 .m-no{font-weight:600;font-size:48px}
/* Labels in plain text style, not spaced capitals */
.v2 .face .role,.v2 .lv-no{font:600 14px/1.2 var(--body);letter-spacing:0;text-transform:none}
.v2 .prog-facts dd{font:500 14px/1.3 var(--body);letter-spacing:0;text-transform:none}
.v2 .m-out{font:500 13px/1 var(--body);letter-spacing:0;background:rgba(148,101,15,.1)}
.v2 .foot h4{font:600 14px/1 var(--body);letter-spacing:0;text-transform:none;color:var(--text)}
.v2 .aud-tag{font:600 11px/1 var(--body);letter-spacing:.08em}
.v2 .aud li::before{background:var(--gold)}
/* Levels: warm gold paper instead of lavender, headed in the centre */
.v2 .levels{background:linear-gradient(180deg, #FBF3E2, #F5E6C6)}
.v2 .levels .sec-head{justify-items:center;text-align:center}
.v2 .levels .sec-head h2{max-width:none}
.v2 .lv{border-color:rgba(18,24,38,.08);box-shadow:0 24px 48px -28px rgba(110,78,18,.38)}
/* Magazine cover and join: brand gold */
.v2 .cover-kicker{color:var(--gold)}
.v2 .cover-title{font:600 clamp(28px, 3.2vw, 44px)/1 var(--display);letter-spacing:-.045em}
.v2 .join{background:linear-gradient(120deg, #E2B65C 0%, #EDC877 60%, #F4DBA6 100%)}
.v2 .foot-mark{font-weight:700;font-size:clamp(56px, 16.5vw, 270px);letter-spacing:-.035em}
.v2 .foot-mark .i::after{top:.17em}
.v2 .foot-cols a:hover{color:var(--gold-text)}

/* Patrick's end game and course notes */
.v2 .endgame{background:var(--ink)}
.v2 .endgame .statement-text{margin:0 auto;max-width:22em;font-size:clamp(28px, 3.7vw, 58px);line-height:1.12;text-align:center}
.v2 .prog-note{display:flex;gap:12px;align-items:baseline;max-width:26em;margin-top:34px;padding-top:22px;border-top:1px solid var(--line);font-size:15px;color:var(--ink-muted)}
.v2 .prog-note::before{content:"";flex:none;width:8px;height:8px;background:var(--gold);transform:translateY(-1px)}
.cap-final .fin-line{max-width:24em;font-size:clamp(16px, 1.3vw, 20px);font-weight:500;color:rgba(255,255,255,.92);text-shadow:0 1px 18px rgba(10,18,34,.6)}

/* One look for the whole page (Nov 2026): after the film, every section sits on the same white, with navy
   words, gold accents and headings set the same way. Sections are told apart by a hairline, not a new colour. */
.v2{--paper:#FFFFFF;--navy:#0A1222;--gold-text:#94650F}
.uf,.v2 .faces,.v2 .audience,.v2 .programme,.v2 .endgame,.v2 .levels,.v2 .orgs,.v2 .magazine,.v2 .join,.v2 .foot{background:var(--paper)}
.v2 .faces,.v2 .audience,.v2 .programme,.v2 .endgame,.v2 .levels,.v2 .orgs,.v2 .magazine,.v2 .join{border-top:1px solid var(--line)}
.v2 .foot{border-top:1px solid var(--line)}

/* Grow your hustle: the brand's own colours instead of green, blue, pink and red */
.uf{color:var(--navy)}
.uf .uf-title{font-family:var(--display);font-weight:600;font-size:clamp(46px, 8.2vw, 150px);letter-spacing:-.05em;color:var(--navy)}
.uf .uf-title span + span{color:var(--gold-text)}
.uf-c{box-shadow:0 1.4em 3em -1.6em rgba(18,24,38,.28)}
.uf-green{background:var(--navy)}
.v2 a.uf-green{color:#fff}
.g-top i{color:var(--navy)}
.g-out{color:rgba(255,255,255,.55)}
.g-pill{background:rgba(255,255,255,.12)}
a.uf-c:hover .g-pill{background:#E2B65C;color:var(--navy)}
.uf-blue{background:#E2B65C}
.b-in{color:var(--navy)}
.b-flag{background:var(--navy)}
.b-wk{background:#FBF3E2;color:var(--gold-text)}
.b-bal{color:#6B6455}
.b-bal b,.b-btn{color:var(--navy)}
.uf-pink{background:#F1EBDF}
.v2 a.uf-pink{color:var(--navy)}
.p-in{background:#fff}
.p-row{color:var(--gold-text)}
.uf-bubble,.uf-tag{color:var(--navy)}
a.uf-c:hover .b-btn,a.uf-c:hover .p-btn{background:var(--navy);color:#fff}
.uf-words li{font-family:var(--display);font-weight:600;letter-spacing:-.05em}
.uf-note{color:#5E6677}

/* Levels and join: the same paper and cards as the rest, headed on the left like every other section */
.v2 .levels .sec-head{justify-items:start;text-align:left}
.v2 .lv{background:#fff;border:1px solid var(--line);box-shadow:0 24px 48px -32px rgba(18,24,38,.3)}
.v2 .lv-top{background:#fff;border-color:#E2B65C}
.v2 .join{min-height:72vh}
.v2 .join-body{background:var(--paper)}
.v2 .dash-points li::before{background:#E2B65C}
.v2 .join .soon{border-color:var(--line)}
.v2 .join .soon span{background:#E2B65C}

@media (prefers-reduced-motion: reduce){
  *{transition:none !important;animation:none !important}
}

/* Footer: brand and a line about us on the left, four columns of links, a hairline and the small print */
.v2 .foot{padding-top:72px;overflow:hidden}
.v2 .foot-top{display:grid;grid-template-columns:minmax(0, 1.1fr) minmax(0, 2.4fr);gap:56px}
.v2 .foot-brand .brand{display:inline-flex;align-items:center;gap:10px;font:700 24px/1 var(--display);letter-spacing:-.04em;color:var(--navy);text-decoration:none;text-shadow:none}
.v2 .foot-brand .brand .mark{width:30px;height:30px;color:var(--navy)}
.v2 .foot-brand p{margin:20px 0 0;max-width:22em;font-size:16px;line-height:1.55;color:var(--muted)}
.v2 .foot-cols{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:32px}
.v2 .foot h4{margin:6px 0 18px;font:600 12px/1 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.v2 .foot-cols a{display:block;margin-bottom:12px;font-size:15px;line-height:1.35;color:var(--muted);text-decoration:none;transition:color .2s}
.v2 .foot-cols a:hover{color:var(--gold-text)}
.v2 .foot-mark{margin-top:72px;color:var(--navy)}
.v2 .legal{gap:16px 48px;align-items:flex-start;margin-top:40px;padding-block:28px 36px}
.v2 .legal-note{max-width:40em;text-align:right}
.v2 .legal-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:900px){.v2 .foot-top{grid-template-columns:1fr;gap:40px}.v2 .foot-cols{grid-template-columns:1fr 1fr}.v2 .legal-note{text-align:left}}

/* The Knowledge Crest: the open book with the gold star, wider than tall */
.brand .mark,.v2 .foot-brand .brand .mark{width:auto;height:30px}
.uf-words .tile svg.mark{width:.56em;height:.4em}