/* A field's home (5 Sep 2026). Drawn by novamira-sandbox/field-hub.php. journal.css is loaded alongside for the article cards. */
.soma-fh{--fh-max:1180px;--fh-head:var(--soma-header-bottom,var(--soma-header-h,80px));background:var(--soma-base)}
.soma-fh h1,.soma-fh h2{text-wrap:balance}
.soma-fh p{margin:0}
.soma-fh a.soma-fh-ghost{background:transparent;color:var(--soma-white);box-shadow:inset 0 0 0 1.5px var(--soma-line-inverse)}
.soma-fh a.soma-fh-ghost:hover{background:var(--soma-white-12)}
/* hero: the field's image behind a dark scrim, its colour as the eyebrow and question */
.soma-fh-hero{position:relative;overflow:hidden;background:var(--soma-primary);color:var(--soma-white);padding:clamp(3rem,2rem + 4vw,6rem) var(--soma-gutter) clamp(2.5rem,1.5rem + 3vw,4.5rem);isolation:isolate}
.soma-fh-hero--art::before{content:'';position:absolute;inset:0;background:var(--art) center/cover no-repeat;opacity:.55;z-index:-2}
.soma-fh-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,29,39,.96) 0%,rgba(14,29,39,.9) 45%,rgba(14,29,39,.55) 100%),linear-gradient(180deg,rgba(14,29,39,.2) 0%,rgba(14,29,39,.85) 100%);z-index:-1}
.soma-fh-hero__in{position:relative;max-width:var(--fh-max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(2rem,1rem + 5vw,6rem);align-items:end}
.soma-fh-crumbs{display:flex;gap:10px;font-size:.8125rem;color:var(--soma-white-70);margin-bottom:22px}
.soma-fh .soma-fh-crumbs a{color:var(--soma-white-70);text-decoration:none}
.soma-fh .soma-fh-crumbs a:hover{color:var(--soma-white)}
.soma-fh-crumbs b{color:var(--soma-white);font-weight:600}
.soma-fh-hero .soma-eyebrow{color:var(--soma-periwinkle)}
.soma-fh-hero h1{color:var(--soma-white);font-size:clamp(2.5rem,1.2rem + 4.6vw,4.6rem);letter-spacing:-.01em;margin:18px 0 18px}
.soma-fh-q{font-family:var(--soma-font-display);font-size:clamp(1.4rem,1.1rem + 1.2vw,2rem);line-height:1.3;color:var(--soma-white);margin-bottom:14px}
.soma-fh-lead{color:var(--soma-white-70);font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.6;max-width:36em}
.soma-fh-hero__acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.soma-fh-facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.soma-fh-facts div{background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--soma-r-md);padding:16px 18px;border-left:4px solid var(--c)}
.soma-fh-facts dt{font-family:var(--soma-font-display);font-weight:600;font-size:clamp(1.75rem,1.4rem + 1.2vw,2.5rem);line-height:1;color:var(--soma-white);font-variant-numeric:tabular-nums}
.soma-fh-facts dd{margin:6px 0 0;font-size:.875rem;color:var(--soma-white-70)}
/* strip */
.soma-fh-strip{position:sticky;top:var(--fh-head);z-index:15;background:rgba(242,240,239,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--soma-line)}
.soma-fh-strip__in{max-width:var(--fh-max);margin:0 auto;display:flex;gap:6px;align-items:center;padding:10px var(--soma-gutter);overflow-x:auto;scrollbar-width:none}
.soma-fh-strip__in::-webkit-scrollbar{display:none}
.soma-fh .soma-fh-strip a{display:inline-flex;align-items:center;padding:8px 14px;border-radius:var(--soma-r-pill);font-size:.875rem;font-weight:600;color:var(--soma-primary);text-decoration:none;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--soma-line)}
.soma-fh .soma-fh-strip a:hover{background:var(--soma-white)}
.soma-fh .soma-fh-strip a.on{background:var(--c);color:var(--soma-white);box-shadow:none}
.soma-fh .soma-fh-strip a.soma-fh-strip__all{margin-left:auto;box-shadow:none;color:var(--soma-secondary)}
/* sections */
.soma-fh-sec{padding:clamp(2.5rem,1.5rem + 3vw,4.5rem) var(--soma-gutter)}
.soma-fh-sec--white{background:var(--soma-white)}
.soma-fh-sec__in{max-width:var(--fh-max);margin:0 auto}
.soma-fh-sec__head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.soma-fh-sec h2{font-size:clamp(1.75rem,1.3rem + 1.8vw,2.6rem);margin-top:8px;letter-spacing:-.01em}
.soma-fh .soma-eyebrow span{display:inline-block;margin-left:8px;font-size:.75rem;letter-spacing:0;text-transform:none;font-weight:500;color:var(--soma-secondary)}
.soma-fh .soma-fh-sec__more{font-weight:600;color:var(--soma-secondary);text-decoration:none;white-space:nowrap}
.soma-fh-two{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,1rem + 3vw,4rem);align-items:start}
.soma-fh-note{color:var(--soma-text);font-size:1.0625rem;line-height:1.6;margin:12px 0 20px;max-width:32em}
.soma-fh-rows{display:flex;flex-direction:column;gap:10px}
/* programme card */
.soma-fh .soma-fh-prog{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;background:var(--soma-primary);color:var(--soma-white);border-radius:var(--soma-r-lg);overflow:hidden;text-decoration:none}
.soma-fh-prog__media{display:block;min-height:280px;border-left:6px solid var(--c);background:var(--soma-primary-deep)}
.soma-fh-prog__media img{width:100%;height:100%;object-fit:cover;display:block}
.soma-fh-prog__body{display:flex;flex-direction:column;gap:12px;padding:clamp(1.5rem,1rem + 2vw,2.75rem);justify-content:center}
.soma-fh-prog__kicker{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--soma-periwinkle)}
.soma-fh-prog__title{font-family:var(--soma-font-display);font-weight:600;font-size:clamp(1.8rem,1.3rem + 1.8vw,2.6rem);line-height:1.1}
.soma-fh-prog__ex{color:var(--soma-white-70);font-size:1rem;line-height:1.6}
.soma-fh-prog__meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:.875rem;color:var(--soma-white-70)}
.soma-fh-prog .soma-btn{align-self:flex-start;margin-top:6px;background:var(--soma-white);color:var(--soma-primary)}
/* panels */
.soma-fh-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.soma-fh-panel{background:var(--soma-white);border-radius:var(--soma-r-lg);padding:22px 24px;display:flex;flex-direction:column;gap:12px}
/* ending */
.soma-fh-end{background:var(--soma-primary);color:var(--soma-white);padding:clamp(3.5rem,2rem + 5vw,7rem) var(--soma-gutter)}
.soma-fh-end__in{max-width:var(--fh-max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(2rem,1rem + 4vw,5rem);align-items:center}
.soma-fh-end .soma-eyebrow{color:var(--soma-periwinkle)}
.soma-fh-end h2{color:var(--soma-white);font-size:clamp(2rem,1.3rem + 3vw,3.4rem);margin:14px 0 14px}
.soma-fh-end p{color:var(--soma-white-70);max-width:36em;font-size:1.0625rem}
.soma-fh-related{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.soma-fh .soma-fh-related a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--soma-r-pill);background:var(--soma-white-12);color:var(--soma-white);font-size:.875rem;font-weight:600;text-decoration:none}
.soma-fh-related a i{width:9px;height:9px;border-radius:50%;background:var(--c)}
.soma-fh-end__acts{display:flex;flex-direction:column;gap:10px;min-width:280px}
.soma-fh-end__acts .soma-btn{justify-content:center}
@media (max-width:1100px){
  .soma-fh-hero__in{grid-template-columns:1fr;align-items:start}
  .soma-fh-facts{max-width:560px}
  .soma-fh-two{grid-template-columns:1fr}
  .soma-fh .soma-fh-prog{grid-template-columns:1fr}
  .soma-fh-prog__media{min-height:0;aspect-ratio:16/8}
  .soma-fh-end__in{grid-template-columns:1fr}
  .soma-fh-end__acts{flex-direction:row;flex-wrap:wrap}
}
@media (max-width:640px){
  .soma-fh-hero h1{font-size:clamp(2.25rem,8.6vw,2.9rem)}
  .soma-fh-facts{grid-template-columns:1fr 1fr;gap:8px}
  .soma-fh-facts div{padding:12px 14px}
  .soma-fh-hero__acts .soma-btn{flex:1;justify-content:center}
  .soma-fh-end__acts{flex-direction:column}
  .soma-fh .soma-fh-strip a.soma-fh-strip__all{margin-left:0}
}

.soma-fh-prog__meta span,.soma-fh-prog__meta small,.soma-fh-prog__meta a{color:var(--soma-white-70)}

/* The closing band was the same #131527 as the footer — not close to it, the
   same value — so 505px of band and 707px of footer read as one dark block and
   the page's last call to action sat in the zone people skim past. Green is
   the Academy's action colour already: the knowledge-check band on Start Here
   is this same green. The band now says "do something", the footer says the
   page is over. */
.soma-fh-end{background:var(--soma-secondary)}
.soma-fh-end .soma-eyebrow{color:rgba(255,255,255,.72)}
.soma-fh-end p{color:rgba(255,255,255,.82)}
/* The primary button was this exact green, so on a green band it vanished.
   It inverts: white pill, green ink. */
.soma-fh-end__acts .soma-btn:not(.soma-fh-ghost){background:var(--soma-white);color:var(--soma-secondary);border-color:var(--soma-white)}
.soma-fh-end__acts .soma-btn:not(.soma-fh-ghost):hover{background:var(--soma-base);color:var(--soma-secondary)}

/* Same trap on the green closing band: the site-wide .soma-page a:hover turns
   any link near-black, which on green is close to invisible. Every link in the
   band keeps its white on hover; the one white pill keeps its green ink. */
.soma-fh .soma-fh-end a:hover,
.soma-fh .soma-fh-end a:focus-visible{color:var(--soma-white)}
.soma-fh .soma-fh-end__acts a.soma-btn:not(.soma-fh-ghost):hover,
.soma-fh .soma-fh-end__acts a.soma-btn:not(.soma-fh-ghost):focus-visible{color:var(--soma-secondary)}