:root{--hera-font-inter:'Inter';--hera-colour-canvas:#EFF3FD;--hera-colour-surface:#FFFFFF;--hera-colour-surface-sunken:#E9EDFA;--hera-colour-surface-raised:#F7F9FF;--hera-colour-border:#DCE3F5;--hera-colour-border-strong:#B9BEDF;--hera-colour-text-primary:#13172F;--hera-colour-text-secondary:#3A4066;--hera-colour-text-muted:#5C6280;--hera-colour-text-inverse:#FFFFFF;--hera-colour-accent:#4F46E5;--hera-colour-accent-hover:#4338CA;--hera-colour-accent-subtle:#E0E7FF;--hera-colour-accent-border:#C7D2FE;--hera-colour-accent-text:#4F46E5;--hera-colour-success:#059669;--hera-colour-success-subtle:#D1FAE5;--hera-colour-success-ink:#065F46;--hera-colour-warning:#A0480B;--hera-colour-warning-subtle:#FEF3C7;--hera-colour-warning-ink:#92400E;--hera-colour-danger:#DC2626;--hera-colour-danger-subtle:#FEE2E2;--hera-colour-danger-ink:#991B1B;--hera-colour-focus-ring:#6366F1;--hera-colour-identity-1-bg:#eef2ff;--hera-colour-identity-1-edge:#6366f1;--hera-colour-identity-1-ink:#3730a3;--hera-colour-identity-2-bg:#fdf2f8;--hera-colour-identity-2-edge:#ec4899;--hera-colour-identity-2-ink:#9d174d;--hera-colour-identity-3-bg:#ecfdf5;--hera-colour-identity-3-edge:#10b981;--hera-colour-identity-3-ink:#065f46;--hera-colour-identity-4-bg:#fffbeb;--hera-colour-identity-4-edge:#f59e0b;--hera-colour-identity-4-ink:#92400e;--hera-colour-identity-5-bg:#eff6ff;--hera-colour-identity-5-edge:#3b82f6;--hera-colour-identity-5-ink:#1e40af;--hera-colour-identity-6-bg:#fdf4ff;--hera-colour-identity-6-edge:#d946ef;--hera-colour-identity-6-ink:#86198f;--hera-colour-interaction-hover-surface:#ECF0FF;--hera-colour-interaction-selected-surface:#E4E9FF;--hera-colour-interaction-selected-foreground:#3730A3;--hera-colour-interaction-selected-border:#C7D2FE;--hera-colour-interaction-selected-hover-surface:#DCE3FF;--hera-colour-interaction-pressed-surface:#D4DCFB;--hera-colour-interaction-disabled-surface:#EDEFF7;--hera-colour-interaction-disabled-foreground:#6B7194;--hera-colour-gradient-surface-from:#FFFFFF;--hera-colour-gradient-surface-to:#EFF3FD;--hera-colour-gradient-accent-from:#5B54E8;--hera-colour-gradient-accent-to:#4338CA;--hera-colour-shimmer-base:#CFD9EF;--hera-colour-shimmer-sheen:#FFFFFF;--hera-colour-warning-edge:#F59E0B;--hera-colour-danger-edge:#F87171;--hera-colour-scrim:rgba(20, 24, 40, 0.28);--hera-colour-glass-surface:rgba(255, 255, 255, 0.72);--hera-colour-glass-edge:rgba(255, 255, 255, 0.55);--hera-colour-accent-ink:#312E81;--hera-colour-border-subtle:#EBEEF8;--hera-colour-brand-slate:#1B1C2E;--hera-typography-family-sans:var(--hera-font-inter), ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--hera-typography-family-numeric:tabular-nums;--hera-typography-size-display:2rem;--hera-typography-size-heading:1.375rem;--hera-typography-size-body:1rem;--hera-typography-size-small:0.875rem;--hera-typography-size-label:0.75rem;--hera-typography-weight-regular:400;--hera-typography-weight-medium:500;--hera-typography-weight-semibold:600;--hera-typography-weight-bold:700;--hera-typography-label-transform:uppercase;--hera-typography-label-tracking:0.08em;--hera-typography-leading-display:1.15;--hera-typography-leading-heading:1.25;--hera-typography-leading-body:1.55;--hera-typography-leading-small:1.5;--hera-typography-leading-label:1.4;--hera-typography-tracking-display:-0.025em;--hera-typography-tracking-heading:-0.018em;--hera-typography-tracking-body:-0.006em;--hera-typography-tracking-small:0;--hera-typography-size-hero:2.75rem;--hera-typography-leading-hero:1.05;--hera-typography-tracking-hero:-0.03em;--hera-spacing-unit:0.25rem;--hera-spacing-gutter:1.5rem;--hera-spacing-section:2rem;--hera-spacing-card-padding:1.5rem;--hera-spacing-measure-prose:42rem;--hera-spacing-measure-content:72rem;--hera-spacing-measure-wide:96rem;--hera-radius-sm:0.375rem;--hera-radius-md:0.5rem;--hera-radius-lg:0.75rem;--hera-radius-xl:1rem;--hera-radius-pill:9999px;--hera-radius-2xl:1.25rem;--hera-shadow-none:none;--hera-shadow-card:0 1px 2px rgba(49, 46, 129, 0.06), 0 2px 6px -2px rgba(49, 46, 129, 0.10);--hera-shadow-raised:0 2px 4px rgba(49, 46, 129, 0.07), 0 8px 20px -6px rgba(49, 46, 129, 0.16);--hera-shadow-overlay:0 4px 10px rgba(49, 46, 129, 0.10), 0 24px 48px -12px rgba(49, 46, 129, 0.28);--hera-shadow-focus:0 0 0 3px rgba(199, 210, 254, 0.9);--hera-shadow-accent:0 1px 2px rgba(79, 70, 229, 0.20), 0 10px 24px -6px rgba(79, 70, 229, 0.38);--hera-shadow-accent-hover:0 2px 4px rgba(79, 70, 229, 0.24), 0 16px 32px -8px rgba(79, 70, 229, 0.46);--hera-density-default:comfortable;--hera-density-row-height:2.5rem;--hera-density-control-height:2.25rem;--hera-effect-blur-glass:12px;--hera-effect-blur-scrim:2px;--hera-motion-duration-fast:120ms;--hera-motion-duration-base:200ms;--hera-motion-easing:cubic-bezier(0.4, 0, 0.2, 1);--hera-motion-respects-reduced-motion:true;--hera-motion-duration-overlay:200ms;--hera-motion-duration-dialog:220ms;--hera-motion-duration-layout-max:250ms;--hera-motion-easing-entrance:cubic-bezier(0.16, 1, 0.3, 1);--hera-motion-duration-entrance:320ms;--hera-motion-delay-placeholder:150ms}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter-latin-700-normal.woff2) format('woff2')}

h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
.t-display{font-size:var(--hera-typography-size-display);line-height:var(--hera-typography-leading-display);letter-spacing:var(--hera-typography-tracking-display);font-weight:var(--hera-typography-weight-bold)}
.t-hero{font-size:clamp(2.35rem,5.4vw,4rem);line-height:var(--hera-typography-leading-hero);letter-spacing:var(--hera-typography-tracking-hero);font-weight:var(--hera-typography-weight-bold)}
.t-label{font-size:var(--hera-typography-size-label);letter-spacing:var(--hera-typography-label-tracking);text-transform:var(--hera-typography-label-transform);font-weight:var(--hera-typography-weight-semibold)}
.t-small{font-size:var(--hera-typography-size-small);line-height:var(--hera-typography-leading-small)}
.surface{background:var(--hera-colour-surface);border:1px solid var(--hera-colour-border);box-shadow:var(--hera-shadow-card)}
.band-slate{background:var(--hera-colour-brand-slate);color:var(--hera-colour-text-inverse)}
.band-slate .t-label{color:var(--hera-colour-accent-border)}
.glass{background:var(--hera-colour-glass-surface);-webkit-backdrop-filter:blur(var(--hera-effect-blur-glass)) saturate(160%);backdrop-filter:blur(var(--hera-effect-blur-glass)) saturate(160%);border-bottom:1px solid var(--hera-colour-glass-edge)}
@supports not (backdrop-filter:blur(1px)){.glass{background:var(--hera-colour-surface)}}
.lift{box-shadow:var(--hera-shadow-accent);transition:box-shadow var(--hera-motion-duration-base) var(--hera-motion-easing),transform var(--hera-motion-duration-base) var(--hera-motion-easing)}
.lift:hover{box-shadow:var(--hera-shadow-accent-hover);transform:translateY(-1px)}
.tab{position:relative;display:inline-flex;align-items:center;padding:0.5rem 0.75rem;font-weight:500;color:var(--hera-colour-text-muted);text-decoration:none;box-shadow:inset 0 -2px 0 0 transparent;transition:color var(--hera-motion-duration-fast) var(--hera-motion-easing),box-shadow var(--hera-motion-duration-fast) var(--hera-motion-easing)}
.tab:hover{color:var(--hera-colour-text-primary)}
.tab[aria-current="page"]{color:var(--hera-colour-text-primary);font-weight:600;box-shadow:inset 0 -2px 0 0 var(--hera-colour-accent)}
:focus-visible{outline:2px solid var(--hera-colour-focus-ring);outline-offset:2px}

.act[data-variant="primary"]{background:var(--hera-colour-accent);color:var(--hera-colour-text-inverse);border-color:var(--hera-colour-accent);transition-duration:var(--hera-motion-duration-fast);cursor:pointer}
@media (hover:hover){.act[data-variant="primary"]:hover{background:var(--hera-colour-accent-hover);color:var(--hera-colour-text-inverse);border-color:var(--hera-colour-accent);transition-duration:var(--hera-motion-duration-fast);cursor:pointer}}
.act[data-variant="primary"]:active{background:var(--hera-colour-accent-hover);color:var(--hera-colour-text-inverse);border-color:var(--hera-colour-accent);transition-duration:0s;cursor:pointer}
.act[data-variant="secondary"]{background:var(--hera-colour-surface);color:var(--hera-colour-accent-text);border-color:var(--hera-colour-border);transition-duration:var(--hera-motion-duration-fast);cursor:pointer}
@media (hover:hover){.act[data-variant="secondary"]:hover{background:var(--hera-colour-interaction-hover-surface);color:var(--hera-colour-accent-text);border-color:var(--hera-colour-border-strong);transition-duration:var(--hera-motion-duration-fast);cursor:pointer}}
.act[data-variant="secondary"]:active{background:var(--hera-colour-interaction-pressed-surface);color:var(--hera-colour-accent-text);border-color:var(--hera-colour-border-strong);transition-duration:0s;cursor:pointer}


html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--hera-colour-canvas);color:var(--hera-colour-text-primary);font-family:var(--hera-typography-family-sans);font-size:var(--hera-typography-size-body);line-height:var(--hera-typography-leading-body);letter-spacing:var(--hera-typography-tracking-body);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
p{overflow-wrap:break-word}
a{color:var(--hera-colour-accent-text)}
.wrap{max-width:var(--hera-spacing-measure-wide);margin-inline:auto;padding-inline:var(--hera-spacing-gutter)}
@media (min-width:640px){.wrap{padding-inline:calc(var(--hera-spacing-unit)*8)}}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:var(--hera-spacing-gutter);top:calc(var(--hera-spacing-unit)*2);z-index:10;background:var(--hera-colour-surface);padding:calc(var(--hera-spacing-unit)*2) calc(var(--hera-spacing-unit)*3);border-radius:var(--hera-radius-md)}

/* ── the bar ─────────────────────────────────────────────────────────── */
.bar{position:sticky;top:0;z-index:5}
.bar-row{display:flex;align-items:center;gap:calc(var(--hera-spacing-unit)*4);min-height:64px}
.mark{display:inline-flex;align-items:baseline;gap:calc(var(--hera-spacing-unit)*2);text-decoration:none;color:var(--hera-colour-text-primary)}
.mark img{display:block;height:26px;width:auto}
.mark span{font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-semibold);letter-spacing:var(--hera-typography-label-tracking);color:var(--hera-colour-text-muted)}
.tabs{display:flex;align-items:center;gap:0.125rem;margin-left:auto}
.bar-acts{display:flex;align-items:center;gap:calc(var(--hera-spacing-unit)*2);margin-left:calc(var(--hera-spacing-unit)*4)}
@media (max-width:860px){.tabs{display:none}.bar-acts{margin-left:auto}.mark span{display:none}}

.act{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding-inline:calc(var(--hera-spacing-unit)*4);border:1px solid;border-radius:var(--hera-radius-md);font-size:var(--hera-typography-size-small);font-weight:var(--hera-typography-weight-medium);text-decoration:none;white-space:nowrap;transition-property:background-color,border-color,color,box-shadow,transform;transition-timing-function:var(--hera-motion-easing)}
.act[data-size="lg"]{min-height:48px;padding-inline:calc(var(--hera-spacing-unit)*6);border-radius:var(--hera-radius-lg);font-size:var(--hera-typography-size-body)}
.acts{display:flex;flex-wrap:wrap;gap:calc(var(--hera-spacing-unit)*3);margin-top:calc(var(--hera-spacing-unit)*8)}

/* ── the hero: one photograph, the words never on top of a face ───────── */
.hero{position:relative;isolation:isolate;overflow:clip;margin-top:-4rem;padding-block:calc(var(--hera-spacing-unit)*24) calc(var(--hera-spacing-unit)*14)}
.hero-media{position:absolute;inset:0;z-index:-1}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%}
.hero-veil{position:absolute;inset:0;background:
  linear-gradient(180deg,var(--hera-colour-canvas) 0%,transparent 24%),
  linear-gradient(0deg,var(--hera-colour-canvas) 6%,transparent 56%)}
.hero-inner{position:relative}
.hero-col{max-width:34rem}
.eyebrow{color:var(--hera-colour-accent-text)}
.hero h1{margin-top:calc(var(--hera-spacing-unit)*5)}
.hero-lede{margin-top:calc(var(--hera-spacing-unit)*6);max-width:30rem;color:var(--hera-colour-text-secondary)}
.hero-lede p+p{margin-top:calc(var(--hera-spacing-unit)*3)}
.hero-note{display:inline-block;margin-top:calc(var(--hera-spacing-unit)*9);padding-top:calc(var(--hera-spacing-unit)*4);border-top:1px solid var(--hera-colour-border);font-style:italic;color:var(--hera-colour-text-muted)}

/* ── BELOW 900 THE PHOTOGRAPH STOPS BEING A BED FOR THE WORDS ───────────
   MEASURED 2026-09-20 in a 390 and a 768 frame: the desktop treatment veils a
   photograph the words sit on top of, which needs a wide hero to work. On a
   phone the hero is short, both fades overlap and the picture disappears
   entirely; at 768 it is tall enough that the headline lands in the clear
   middle, straight across a face, and cannot be read at all. Stacking is not a
   fallback here — it is the only honest arrangement at that width: words on
   canvas, photograph beneath, neither fighting the other. */
.hero{display:flex;flex-direction:column-reverse;margin-top:0;padding-block:calc(var(--hera-spacing-unit)*10) 0;overflow:visible}
.hero-media{position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:16/11;overflow:clip;margin-top:calc(var(--hera-spacing-unit)*10)}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;left:auto;right:auto;object-position:58% 38%}
.hero-veil{display:none}
@media (min-width:900px){
  .hero{overflow:clip;margin-top:-4rem}
  .hero-media{position:absolute;inset:0;z-index:-1;aspect-ratio:auto;margin-top:0;width:auto;height:auto}
  .hero-veil{display:block}
  .hero{display:grid;align-items:center;min-height:40rem;padding-block:calc(var(--hera-spacing-unit)*22) calc(var(--hera-spacing-unit)*16)}
  .hero-inner{width:100%}
  .hero-media img{left:34%;width:auto;right:0;object-position:54% 42%}
  .hero-veil{background:
    linear-gradient(90deg,var(--hera-colour-canvas) 0%,var(--hera-colour-canvas) 38%,transparent 70%),
    linear-gradient(180deg,var(--hera-colour-canvas) 0%,transparent 18%),
    linear-gradient(0deg,var(--hera-colour-canvas) 0%,transparent 40%)}
}
@media (min-width:1280px){
  .hero-col{max-width:37rem}
  /* The image edge must stay INSIDE the opaque run or it draws a hairline the eye
     finds before it finds the picture. Measured at 1440: img left 40% against an
     opaque run ending at 38% put the seam 29px into open canvas. */
  .hero-media img{left:40%}
  .hero-veil{background:
    linear-gradient(90deg,var(--hera-colour-canvas) 0%,var(--hera-colour-canvas) 46%,transparent 78%),
    linear-gradient(180deg,var(--hera-colour-canvas) 0%,transparent 18%),
    linear-gradient(0deg,var(--hera-colour-canvas) 0%,transparent 40%)}
}

/* ── the six ─────────────────────────────────────────────────────────── */
.band{padding-block:3.5rem}
@media (min-width:640px){.band{padding-block:5.5rem}}
.band-surface{background:var(--hera-colour-surface);border-block:1px solid var(--hera-colour-border-subtle)}
.lead{max-width:var(--hera-spacing-measure-prose)}
.lead p{margin-top:calc(var(--hera-spacing-unit)*4);color:var(--hera-colour-text-secondary)}
.six{list-style:none;padding:0;margin:calc(var(--hera-spacing-unit)*12) 0 0;display:grid;gap:calc(var(--hera-spacing-unit)*12)}
.one{display:grid;gap:calc(var(--hera-spacing-unit)*5);align-items:start}
@media (min-width:900px){.one{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr);gap:calc(var(--hera-spacing-unit)*10)}}
.one-num{display:flex;align-items:center;gap:calc(var(--hera-spacing-unit)*3)}
.one-num b{font-size:var(--hera-typography-size-label);font-weight:var(--hera-typography-weight-bold);letter-spacing:var(--hera-typography-label-tracking);color:var(--hera-colour-text-muted)}
.one-ring{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex:none;border-radius:var(--hera-radius-pill);border:1px solid var(--hera-colour-border);background:var(--hera-colour-surface);color:var(--hera-colour-accent-text)}
.one h2{font-size:var(--hera-typography-size-display);line-height:var(--hera-typography-leading-display);letter-spacing:var(--hera-typography-tracking-display);font-weight:var(--hera-typography-weight-semibold)}
.one-body{color:var(--hera-colour-text-secondary)}
.one-tag{margin-top:calc(var(--hera-spacing-unit)*4);padding-top:calc(var(--hera-spacing-unit)*4);border-top:1px solid var(--hera-colour-border);font-weight:var(--hera-typography-weight-semibold)}
.one figure{margin-top:calc(var(--hera-spacing-unit)*2);border-radius:var(--hera-radius-2xl);overflow:clip;aspect-ratio:1.55/1;background:var(--hera-colour-surface-sunken)}
.one figure img{width:100%;height:100%;object-fit:cover;display:block}

/* ── the ceiling: what runs, what does not ───────────────────────────── */
.ceiling{display:grid;gap:calc(var(--hera-spacing-unit)*6)}
@media (min-width:900px){.ceiling{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ceil{border-radius:var(--hera-radius-2xl);overflow:clip;display:flex;flex-direction:column}
.ceil-body{padding:calc(var(--hera-spacing-unit)*7);display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--hera-spacing-unit)*4);flex:1 1 auto}
.mk{display:inline-flex;align-items:center;min-height:1.75rem;padding-inline:calc(var(--hera-spacing-unit)*3);border-radius:var(--hera-radius-pill);font-size:var(--hera-typography-size-label);font-weight:var(--hera-typography-weight-semibold);letter-spacing:var(--hera-typography-label-tracking)}
.mk-live{color:var(--hera-colour-success-ink);background:var(--hera-colour-success-subtle);border:1px solid var(--hera-colour-success)}
.mk-soon{color:var(--hera-colour-warning-ink);background:var(--hera-colour-warning-subtle);border:1px solid var(--hera-colour-warning-edge)}
.ceil h3{font-size:var(--hera-typography-size-heading);line-height:var(--hera-typography-leading-heading);letter-spacing:var(--hera-typography-tracking-heading)}
.ceil p{color:var(--hera-colour-text-secondary)}
.ceil-list{list-style:none;padding:0;margin:calc(var(--hera-spacing-unit)*2) 0 0;display:grid;gap:calc(var(--hera-spacing-unit)*3);width:100%}
.ceil-list li{display:flex;gap:calc(var(--hera-spacing-unit)*3);align-items:flex-start;font-size:var(--hera-typography-size-small);color:var(--hera-colour-text-secondary)}
.ceil-list .ico{flex:none;margin-top:0.15em}
.mk-live+h3+p+.ceil-list .ico{color:var(--hera-colour-success)}
.mk-soon+h3+p+.ceil-list .ico{color:var(--hera-colour-warning)}

/* ── where this site sits in HERA ─────────────────────────────────────── */
.family{background:var(--hera-colour-surface-sunken);border-block:1px solid var(--hera-colour-border-subtle)}
.family-inner{max-width:var(--hera-spacing-measure-prose)}
.family h2{margin-top:calc(var(--hera-spacing-unit)*3);max-width:20ch}
.family-body{margin-top:calc(var(--hera-spacing-unit)*5);color:var(--hera-colour-text-secondary)}
.family-links{display:flex;flex-wrap:wrap;gap:calc(var(--hera-spacing-unit)*3) calc(var(--hera-spacing-unit)*8);margin-top:calc(var(--hera-spacing-unit)*7);padding-top:calc(var(--hera-spacing-unit)*5);border-top:1px solid var(--hera-colour-border)}
.family-link{display:inline-flex;align-items:center;gap:calc(var(--hera-spacing-unit)*2);min-height:44px;font-weight:var(--hera-typography-weight-medium);text-decoration:none}
.family-link:hover{text-decoration:underline}

/* ── the close ───────────────────────────────────────────────────────── */
.close-grid{display:grid;gap:calc(var(--hera-spacing-unit)*10)}
@media (min-width:900px){.close-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--hera-spacing-unit)*16)}}
.close-grid h2{max-width:20ch}
.close-list{list-style:none;padding:0;margin:0;display:grid;gap:calc(var(--hera-spacing-unit)*4)}
.close-list li{display:flex;gap:calc(var(--hera-spacing-unit)*3);align-items:flex-start;color:var(--hera-colour-text-inverse);opacity:0.86}
.close-list .ico{flex:none;margin-top:0.15em;color:var(--hera-colour-accent-border);opacity:1}
.close-strong{margin-top:calc(var(--hera-spacing-unit)*8);font-size:var(--hera-typography-size-heading);line-height:var(--hera-typography-leading-heading);color:var(--hera-colour-text-inverse)}

/* ── join, enquiry, sign-in ──────────────────────────────────────────── */
.page-head{padding-block:calc(var(--hera-spacing-unit)*16) calc(var(--hera-spacing-unit)*4)}
.page-head h1{margin-top:calc(var(--hera-spacing-unit)*4);max-width:18ch}
.page-head .hero-lede{margin-top:calc(var(--hera-spacing-unit)*5);max-width:var(--hera-spacing-measure-prose)}
.split{display:grid;gap:calc(var(--hera-spacing-unit)*10);align-items:start}
@media (min-width:980px){.split{grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:calc(var(--hera-spacing-unit)*16)}}
.steps{list-style:none;padding:0;margin:0;display:grid;gap:calc(var(--hera-spacing-unit)*8)}
.step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:calc(var(--hera-spacing-unit)*5);align-items:start}
.step b{font-size:var(--hera-typography-size-label);font-weight:var(--hera-typography-weight-bold);letter-spacing:var(--hera-typography-label-tracking);color:var(--hera-colour-accent-text);padding-top:0.2em}
.step h2{font-size:var(--hera-typography-size-heading);line-height:var(--hera-typography-leading-heading);letter-spacing:var(--hera-typography-tracking-heading)}
.step p{margin-top:calc(var(--hera-spacing-unit)*2);color:var(--hera-colour-text-secondary)}
.panel{border-radius:var(--hera-radius-2xl);padding:calc(var(--hera-spacing-unit)*8);display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--hera-spacing-unit)*4)}
.panel h2{font-size:var(--hera-typography-size-display);line-height:var(--hera-typography-leading-display);letter-spacing:var(--hera-typography-tracking-display)}
.panel p{color:var(--hera-colour-text-secondary)}
.panel .act{margin-top:calc(var(--hera-spacing-unit)*2)}
.panel small{color:var(--hera-colour-text-muted)}
.note-card{border-radius:var(--hera-radius-xl);padding:calc(var(--hera-spacing-unit)*6);background:var(--hera-colour-surface-sunken);margin-top:calc(var(--hera-spacing-unit)*10);max-width:var(--hera-spacing-measure-prose)}
.note-card h2{font-size:var(--hera-typography-size-body);font-weight:var(--hera-typography-weight-semibold)}
.note-card p{margin-top:calc(var(--hera-spacing-unit)*2);color:var(--hera-colour-text-secondary)}
.door{max-width:30rem;border-radius:var(--hera-radius-2xl);padding:calc(var(--hera-spacing-unit)*9);display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--hera-spacing-unit)*5);margin-top:calc(var(--hera-spacing-unit)*8)}
.door .act{align-self:stretch}
.door small{color:var(--hera-colour-text-muted)}
.door hr{border:0;border-top:1px solid var(--hera-colour-border);width:100%;margin:0}
.door-alt{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--hera-spacing-unit)*2);font-size:var(--hera-typography-size-small);color:var(--hera-colour-text-secondary)}

footer{background:var(--hera-colour-surface);border-top:1px solid var(--hera-colour-border);margin-top:calc(var(--hera-spacing-unit)*4)}
.foot{display:flex;flex-wrap:wrap;gap:calc(var(--hera-spacing-unit)*6);justify-content:space-between;align-items:flex-start;padding-block:calc(var(--hera-spacing-unit)*10)}
.foot p{margin-top:calc(var(--hera-spacing-unit)*3);color:var(--hera-colour-text-secondary)}
.foot nav{display:flex;flex-wrap:wrap;gap:0 calc(var(--hera-spacing-unit)*5)}
.foot nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--hera-colour-text-secondary);text-decoration:none}
.foot nav a:hover{color:var(--hera-colour-text-primary)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:1ms!important;animation-duration:1ms!important;scroll-behavior:auto!important}.lift:hover{transform:none}}
@media print{.bar,.skip,.hero-media{display:none!important}.band-slate,.surface,.glass{background:none!important;box-shadow:none!important;color:inherit!important}h2,h3{break-after:avoid}li,section{break-inside:avoid}}