/* Generated from design/v9-combined.html. Do not hand-edit: regenerate with
   scripts/build-theme-css.py so the theme and the reference page cannot drift. */


/* ==========================================================================
   V9 — APPLIED AI FOR MARKETING

   WHAT CHANGED FROM V8, AND WHY

   1. THE THESIS. v8 opened on buyer discoverability, which made the page
      argue for a course it does not teach. The eight sessions are about
      applying AI within each marketing discipline and leaving with your own
      outputs. Buyer behaviour is now one component of session 01, stated
      once, rather than the opening claim.

   2. THE NAME. Deduced from the sessions rather than chosen for search.
      See the note above the hero.

   3. REGISTER. Institutional and plain, on the INSEAD pattern the copy
      document already follows: the business condition, then the programme,
      then what the participant returns with. No "do the work", no "in the
      room", no "walk out with".

   4. OUTCOMES. Eight marketing competencies became three deductions from the
      two days: applied knowledge, frameworks, and a plan. Deliberately not a
      literal inventory of documents, and the AI is named, which the earlier
      list managed to leave out of the section meant to sell the programme.

   5. WHO IT IS FOR now runs on the off-black ground without bullets.

   6. FEES, SEATS AND ENROLMENT are one section: the terms on the left, the
      form on the right, with nothing repeated from further up the page.

   A companion file, v9-photos.html, is identical except for the outcomes
   section, which uses photography instead of typographic artifacts.
   ========================================================================== */

@font-face{font-family:'Archivo';src:url('assets/fonts/archivo-var-roman-latin.woff2') format('woff2');
  font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Archivo';src:url('assets/fonts/archivo-var-roman-latin-ext.woff2') format('woff2');
  font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap;}
@font-face{font-family:'Archivo';src:url('assets/fonts/archivo-var-italic-latin.woff2') format('woff2');
  font-weight:100 900;font-stretch:62% 125%;font-style:italic;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Archivo';src:url('assets/fonts/archivo-var-italic-latin-ext.woff2') format('woff2');
  font-weight:100 900;font-stretch:62% 125%;font-style:italic;font-display:swap;}

:root{
  --stock:#F2F0EC;
  --stock-2:#E7E4DE;
  --ink:#0A0A0A;
  --ink-soft:#5C5A55;
  --grey:#8D8A84;
  --ion:#5CE1FF;
  --rule:rgba(10,10,10,.20);
  --rule-soft:rgba(10,10,10,.11);
  --on-dark:rgba(242,240,236,.84);
  --on-dark-soft:rgba(242,240,236,.62);
  --on-dark-rule:rgba(242,240,236,.18);

  --u:8px;
  --pad:clamp(20px,4.4vw,72px);
  --bar:0px;
  --out:cubic-bezier(.22,1,.36,1);
  --expo:cubic-bezier(.19,1,.22,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:calc(var(--u)*5)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  background:var(--stock); color:var(--ink);
  font-family:'Archivo',system-ui,sans-serif; font-variation-settings:'wdth' 100;
  font-size:clamp(16.5px,1.04vw,18.5px); line-height:1.58;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
  padding-bottom:var(--bar);
}
::selection{background:var(--ink); color:var(--stock)}
:focus-visible{outline:3px solid currentColor; outline-offset:3px}
.on-dark :focus-visible{outline-color:var(--ion)}
a{color:inherit}
img{display:block; max-width:100%}

.skip{
  position:fixed; top:0; left:var(--pad); z-index:90;
  background:var(--stock); color:var(--ink); padding:12px 20px;
  font-size:13px; font-weight:500; text-decoration:none;
  transform:translateY(-140%); transition:transform .2s var(--out);
}
.skip:focus{transform:translateY(0)}

.mark{
  font-family:'Archivo',sans-serif; font-style:italic; font-weight:500;
  letter-spacing:-.045em; line-height:1;
  text-decoration:none; display:inline-block; user-select:none;
}
.mark .join{letter-spacing:-.075em}
.mark .hide-e{display:inline-block; width:0; overflow:hidden; opacity:0}
.top .mark{font-size:clamp(30px,2.9vw,44px)}
footer .mark{font-size:clamp(26px,2.4vw,36px)}

h1,h2,h3{font-family:'Archivo',sans-serif; font-weight:500; line-height:.96; letter-spacing:-.032em; font-variation-settings:'wdth' 100}

/* the name is always lowercase and italic, including inside the label voice,
   which would otherwise uppercase it */
.fp{font-style:italic; font-weight:500; letter-spacing:-.01em; text-transform:none}
.spec{
  font-family:'Archivo',sans-serif; font-size:12.5px; font-weight:500;
  font-variation-settings:'wdth' 88; letter-spacing:.15em; text-transform:uppercase;
  line-height:1.4;
}

.wrap{max-width:1280px; margin:0 auto; padding-inline:var(--pad)}
.mid{text-align:center}
.mid p{margin-inline:auto}
.lede{max-width:58ch; margin-inline:auto}

/* ================================================================== BUTTONS */
.row{display:flex; gap:calc(var(--u)*1.5); flex-wrap:wrap; margin-top:clamp(28px,3.4vw,40px)}
.mid .row{justify-content:center}
.btn{
  font-family:'Archivo',sans-serif; font-size:13px; font-weight:500;
  font-variation-settings:'wdth' 88; letter-spacing:.15em; text-transform:uppercase;
  text-decoration:none; cursor:pointer;
  padding:18px 32px; min-height:56px; display:inline-flex; align-items:center; justify-content:center;
  background:var(--ink); color:var(--stock); border:2px solid var(--ink);
  transition:background .22s var(--out), color .22s var(--out);
}
.btn:hover{background:transparent; color:var(--ink)}
.btn[disabled]{opacity:.45; cursor:default; pointer-events:none}
.on-dark .btn{background:var(--stock); border-color:var(--stock); color:var(--ink)}
.on-dark .btn:hover{background:transparent; color:var(--stock)}
.btn--ghost{background:transparent; border-color:var(--rule); color:var(--ink)}
.btn--ghost:hover{background:var(--ink); color:var(--stock); border-color:var(--ink)}
.on-dark .btn--ghost{background:transparent; border-color:rgba(242,240,236,.4); color:var(--stock)}
.on-dark .btn--ghost:hover{background:var(--stock); color:var(--ink); border-color:var(--stock)}
.btn--sm{padding:14px 24px; min-height:48px; font-size:12.5px}

/* =================================================================== HEADER */
.top{display:flex; align-items:center; justify-content:space-between; gap:20px; padding-block:calc(var(--u)*3)}