/* MarkCrest — markcrest.co. One stylesheet, self-hosted fonts, no external requests.
   Tinctures: azure (blue), or (gold), argent (silver) — the ten-step crest is coloured by stage. */
@font-face{font-family:"Libre Caslon Display";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/libre-caslon-display-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Libre Caslon Text";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/libre-caslon-text-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Libre Caslon Text";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/libre-caslon-text-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Libre Caslon Text";font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/libre-caslon-text-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Schibsted Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin-600-normal.woff2) format("woff2")}

:root{
  --az-deep:#0c2347; --az:#0a3a7a; --az-field:#1d4f9c; --az-tint:#e6ecf6;
  --or:#f59a23; --or-hover:#ffb04a;
  --ar:#eef2f8; --ar-line:#9aa8be;
  --paper:#f7f8fb; --white:#fff;
  --ink:#16223a; --slate:#4a5670; --rule:#d5dce7;
  --on-dark:#e3e9f4; --on-dark-2:#afc0dc;
  --f-display:"Libre Caslon Display","Libre Caslon Text",Georgia,"Times New Roman",serif;
  --f-text:"Libre Caslon Text",Georgia,"Times New Roman",serif;
  --f-ui:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --gutter:16px; --max:1200px; --measure:40rem;
}
@media (min-width:720px){:root{--gutter:32px}}
@media (min-width:1100px){:root{--gutter:48px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-text);font-size:1.0625rem;line-height:1.7;font-kerning:normal;overflow-wrap:break-word}
@media (min-width:720px){body{font-size:1.125rem}}
img{max-width:100%;height:auto}
a{color:var(--az);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--az);outline-offset:2px}
.on-dark :focus-visible{outline-color:var(--or)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:var(--gutter);top:-100px;z-index:20;background:var(--az-deep);color:#fff;padding:.6rem 1rem;font:600 1rem/1.2 var(--f-ui);border-radius:2px}
.skip:focus{top:.75rem}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.imglink{display:inline-block;line-height:0}

/* ---------- masthead */
.masthead{background:var(--white);border-bottom:1px solid var(--rule)}
.masthead-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.25rem 2rem;padding-block:.7rem}
.brand{display:inline-flex;align-items:center;line-height:0}
.brand img{width:180px;height:auto}
.mainnav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 1.6rem}
.mainnav a{display:inline-block;padding:.55rem 0;font:500 .9375rem/1.2 var(--f-ui);color:var(--ink);text-decoration:none;border-bottom:2px solid transparent}
.mainnav a:hover{border-bottom-color:var(--rule)}
.mainnav a[aria-current="page"],.mainnav a.is-section{border-bottom-color:var(--or)}
@media (max-width:719px){
  .masthead-in{flex-direction:column;align-items:flex-start}
  .brand img{width:160px}
  .mainnav ul{gap:0 1.15rem}
}

/* ---------- progress rail (step pages) */
.rail{background:var(--white);border-bottom:1px solid var(--rule)}
.rail ol{list-style:none;margin:0;padding:.85rem 0 .35rem;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}
.rail .t-or{--tc:var(--or);--tl:#fad9ae}
.rail .t-az{--tc:var(--az-field);--tl:#c3d2ea}
.rail .t-ar{--tc:var(--ar-line);--tl:#e1e6ee}
.rail a{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem 0 .5rem;border-top:4px solid var(--tl);color:var(--slate);text-decoration:none}
.rail a:hover{background:var(--az-tint)}
.rail .is-done a,.rail .is-current a{border-top-color:var(--tc)}
.rail .rn{font:400 1.375rem/1 var(--f-display);color:var(--slate)}
.rail .is-done .rn{color:var(--az)}
.rail .rl{font:500 .8125rem/1.2 var(--f-ui);white-space:nowrap}
.rail .is-current a{background:var(--az-deep);color:#fff}
.rail .is-current .rn{color:var(--or)}
.rail-status{margin:0 0 .7rem;font:500 .875rem/1.4 var(--f-ui);color:var(--slate)}
.rail-phase{display:inline-flex;align-items:center;gap:.4rem;margin-left:.35rem}
.rail-phase::before{content:"";width:.7rem;height:.7rem;background:var(--tc);border:1px solid rgba(12,35,71,.25)}
.rail-phase.t-or{--tc:var(--or)}.rail-phase.t-az{--tc:var(--az-field)}.rail-phase.t-ar{--tc:var(--ar)}
@media (max-width:959px){
  .rail .rl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:719px){
  .rail ol{gap:2px}
  .rail .rn{font-size:.95rem}
  .rail a{padding:.45rem 0}
}

/* ---------- crumbs */
.crumbs ol{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .5rem;font:500 .875rem/1.4 var(--f-ui);color:var(--slate)}
.crumbs li+li::before{content:"/";margin-right:.5rem;color:var(--ar-line)}
.crumbs a{color:var(--slate);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs a[aria-current]{color:var(--ink)}
.on-dark .crumbs,.on-dark .crumbs a{color:var(--on-dark-2)}
.on-dark .crumbs a[aria-current]{color:var(--on-dark)}

/* ---------- dark hero (home, landing pages) */
.hero{background-color:var(--az-deep);
  background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 26px),
                   repeating-linear-gradient(-45deg,rgba(255,255,255,.035) 0 1px,transparent 1px 26px);
  color:var(--on-dark);padding-block:clamp(2.25rem,1.5rem + 3vw,4.5rem)}
.hero a{color:#fff}
.hero-grid{display:grid;gap:2.5rem}
@media (min-width:960px){.hero-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4rem;align-items:center}}
.display{margin:0;font:400 clamp(2.35rem,1.5rem + 3.6vw,4.1rem)/1.06 var(--f-display);letter-spacing:-.01em;color:#fff;text-wrap:balance}
.display--long{font-size:clamp(2.2rem,1.5rem + 2.6vw,3.35rem);line-height:1.08}
.h1-name{display:block;font:600 1rem/1.3 var(--f-ui);letter-spacing:.01em;color:var(--or);margin-bottom:.6rem}
.h1-line{display:block}
.hero-lead{margin:1.25rem 0 0;max-width:36rem;font:400 clamp(1.125rem,1rem + .5vw,1.375rem)/1.55 var(--f-text);color:var(--on-dark)}
.quote{margin:1.75rem 0 0;padding-left:1.25rem;border-left:3px solid var(--or);max-width:36rem}
.quote p{margin:0;font:italic 400 1.1875rem/1.5 var(--f-text)}
.quote footer{margin-top:.5rem;font:500 .875rem/1.4 var(--f-ui);color:var(--on-dark-2)}
.quote-note{margin:.75rem 0 0;max-width:36rem;font:500 .8125rem/1.55 var(--f-ui);color:var(--on-dark-2)}
.btns{display:flex;flex-wrap:wrap;gap:.75rem;margin:2rem 0 0}
.btn{display:inline-flex;align-items:center;min-height:46px;padding:.65rem 1.2rem;border:2px solid transparent;border-radius:2px;font:600 .9375rem/1.25 var(--f-ui);text-decoration:none}
.hero .btn-or,.btn-or{background:var(--or);color:var(--az-deep)}
.btn-or:hover{background:var(--or-hover)}
.btn-line{border-color:rgba(227,233,244,.55);color:#fff}
.btn-line:hover{border-color:#fff}
.btn-az{background:var(--az);color:#fff}
.btn-az:hover{background:var(--az-deep)}
.hero-art{display:grid;justify-items:center;gap:1rem}
.motto-chip{margin:0;background:#fff;padding:.45rem .7rem;border-radius:2px;line-height:0;box-shadow:0 0 0 1px rgba(245,154,35,.6)}
.motto-chip img{max-height:52px;width:auto}
.hero-art--shield .shield{width:100%;max-width:340px}
.photo{margin:0;width:100%;max-width:500px}
.photo img{display:block;width:100%;border:1px solid rgba(245,154,35,.55)}
.photo figcaption{margin-top:.6rem;font:500 .8125rem/1.5 var(--f-ui);color:var(--on-dark-2)}

/* ---------- the crest */
.shield{display:block;width:100%;height:auto;overflow:visible}
.shield .sh-ground{fill:var(--az-deep)}
.shield .fr{stroke:var(--az-deep);stroke-width:3}
.shield .t-or .fr{fill:var(--or)}
.shield .t-az .fr{fill:var(--az-field)}
.shield .t-ar .fr{fill:var(--ar)}
.shield text{pointer-events:none}
.shield .t-or text,.shield .t-ar text{fill:var(--az-deep)}
.shield .t-az text{fill:#fff}
.shield .fnum{font-family:var(--f-display);font-size:30px}
.shield .fname{font-family:var(--f-ui);font-weight:600;font-size:12.5px}
.shield .sh-edge{fill:none;stroke:var(--or);stroke-width:4;stroke-linejoin:round}
.shield a{outline:none}
.shield a:hover .fr{filter:brightness(1.12)}
.shield a:focus-visible .fr{stroke:#fff;stroke-width:7}
.shield .t-ar:focus-visible .fr{stroke:var(--or)}
.shield--mini .sh-ground{fill:#fff}
.shield--mini .fld:not(.is-current) .fr{fill-opacity:.22}
.shield--mini .fld:not(.is-current) text{fill:var(--ink)}
.shield--mini .fld:not(.is-current) .fname{display:none}
.shield--mini .fld:not(.is-current) .fnum{font-size:26px;transform:translateY(8px)}
.shield .cur-ring{fill:none;stroke:var(--or);stroke-width:4;pointer-events:none}
.shield .cur-ring.t-or{stroke:var(--az-deep)}
.shield--mini .sh-edge{stroke:var(--az-deep);stroke-width:3}
.legend{list-style:none;margin:.25rem 0 0;padding:0;display:grid;gap:.35rem;max-width:340px;font:500 .8125rem/1.4 var(--f-ui);color:var(--on-dark-2)}
.legend li{display:flex;gap:.55rem;align-items:flex-start}
.sw{flex:none;width:.85rem;height:.85rem;margin-top:.15rem;border:1px solid rgba(255,255,255,.45)}
.sw.t-or{background:var(--or)}.sw.t-az{background:var(--az-field)}.sw.t-ar{background:var(--ar)}
@media (prefers-reduced-motion:no-preference){
  .shield--intro .fld{animation:fld-in .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i) * 80ms + 200ms)}
  .shield--intro .sh-edge{stroke-dasharray:1250;stroke-dashoffset:1250;animation:edge-in 1.3s .1s ease-out forwards}
}
@keyframes fld-in{from{opacity:0}to{opacity:1}}
@keyframes edge-in{to{stroke-dashoffset:0}}

/* ---------- step-page hero */
.phero{background:var(--paper);padding-block:2rem 2.75rem;border-bottom:1px solid var(--rule)}
.phero-grid{display:grid;gap:2rem}
@media (min-width:960px){.phero-grid{grid-template-columns:minmax(0,1fr) 300px;gap:4rem;align-items:start}}
.step-h1{margin:0;font-weight:400;color:var(--az-deep)}
.step-h1-no{display:block;margin-bottom:.35rem;font:600 1rem/1.2 var(--f-ui);color:var(--slate)}
.step-h1-name{display:block;font:400 clamp(3rem,1.9rem + 5vw,5.5rem)/1 var(--f-display);letter-spacing:-.015em}
.step-h1-scope{display:block;max-width:30ch;margin-top:.8rem;font:italic 400 clamp(1.25rem,1.05rem + .8vw,1.625rem)/1.3 var(--f-text);color:var(--az);text-wrap:balance}
.lead{max-width:38rem;margin:1.6rem 0 0;font:400 clamp(1.125rem,1.02rem + .45vw,1.375rem)/1.55 var(--f-text);color:var(--ink)}
.achievement{display:grid;justify-items:center;gap:1rem;padding:1.25rem;background:var(--white);border:1px solid var(--rule)}
.achievement .motto{width:auto;max-width:100%;max-height:42px}
.achievement .shield{max-width:210px}
.achv-cap{margin:0;text-align:center;font:500 .875rem/1.45 var(--f-ui);color:var(--slate)}
@media (max-width:959px){
  .achievement{grid-template-columns:110px minmax(0,1fr);justify-items:start;align-items:center;gap:.6rem 1.1rem}
  .achievement .shield{grid-row:1 / span 2;grid-column:1;max-width:110px}
  .achievement .motto{grid-column:2;max-height:36px}
  .achv-cap{grid-column:2;text-align:left}
}

/* ---------- sections and type */
.section{padding-block:clamp(2.75rem,2rem + 3.5vw,5rem)}
.section--white{background:var(--white)}
.h2{margin:0 0 1rem;font:400 clamp(1.85rem,1.4rem + 1.8vw,2.75rem)/1.12 var(--f-display);color:var(--az-deep);letter-spacing:-.005em;text-wrap:balance;max-width:28ch}
.h2--gap{margin-top:3.5rem}
.intro{max-width:var(--measure);margin:0 0 2rem;font:italic 400 1.1875rem/1.55 var(--f-text);color:var(--slate)}
.statement{max-width:44rem;margin:0;font:400 clamp(1.25rem,1.1rem + .6vw,1.5rem)/1.5 var(--f-text);color:var(--ink)}
.prose{max-width:var(--measure)}
.prose>*{margin-block:0}
.prose>*+*{margin-top:1.05em}
.prose h2{margin-top:2.2em;font:400 clamp(1.6rem,1.3rem + 1.2vw,2.125rem)/1.18 var(--f-display);color:var(--az-deep)}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:1.9em;font:400 1.5rem/1.25 var(--f-display);color:var(--az-deep)}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.35em}
.prose li::marker{color:var(--az)}
.kicker{display:block;box-sizing:content-box;width:auto;max-width:calc(100% - 18px);max-height:34px;margin:0 0 1rem;padding:5px 8px;background:#fff;border:1px solid var(--rule);border-radius:2px}
.kicker--gap{margin-top:3rem}

/* step body: brief + prose */
.body-grid{display:grid;gap:2rem}
@media (min-width:1100px){.body-grid{grid-template-columns:290px minmax(0,var(--measure));gap:4.5rem;align-items:start}.brief{position:sticky;top:1.5rem}}
.brief{background:var(--white);border:1px solid var(--rule);border-top:4px solid var(--or);padding:1.2rem 1.25rem 1.35rem}
.brief h2{margin:0 0 .7rem;font:600 1rem/1.3 var(--f-ui);color:var(--az-deep)}
.brief ul{margin:0;padding-left:1.1rem;font-size:1rem;line-height:1.55}
.brief li+li{margin-top:.6rem}
.brief li::marker{color:var(--or)}
.rif{margin-top:2.75rem!important;padding:1.2rem 1.4rem;background:var(--az-tint);border-left:4px solid var(--az)}
.rif h2{margin:0!important;font:600 1rem/1.3 var(--f-ui);color:var(--az-deep)}
.rif p{margin:.4rem 0 0;font-size:1rem;line-height:1.55}

/* cards: neighbouring steps */
.cards{display:grid;gap:1rem;margin-top:1.5rem}
@media (min-width:720px){.cards{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.cards--3{grid-template-columns:repeat(3,1fr)}}
.card{position:relative;background:var(--white);border:1px solid var(--rule);border-left:4px solid var(--tc);padding:1.2rem 3.75rem 1.35rem 1.35rem}
.card.t-or{--tc:var(--or)}.card.t-az{--tc:var(--az-field)}.card.t-ar{--tc:var(--ar-line)}
.section--white .card{background:var(--paper)}
.card:hover{border-color:var(--az);border-left-color:var(--tc)}
.card:focus-within{outline:3px solid var(--az);outline-offset:2px}
.card-k{margin:0;font:500 .875rem/1.3 var(--f-ui);color:var(--slate)}
.card-num{position:absolute;top:.8rem;right:1rem;font:400 2.5rem/1 var(--f-display);color:#7d8ba3}
.card-h{margin:.35rem 0 .5rem;font:400 1.5rem/1.2 var(--f-display)}
.card-h a{color:var(--az-deep);text-decoration:none}
.card-h a::after{content:"";position:absolute;inset:0}
.card-h a:focus-visible{outline:none}
.card p:last-child{margin:0;font-size:1rem;line-height:1.55}
.phases-wrap{margin-top:3.5rem}
.phase-grid{display:grid;gap:1.75rem 3rem;margin-top:1.25rem}
@media (min-width:720px){.phase-grid{grid-template-columns:1fr 1fr}}
.phase{padding-top:1rem;border-top:3px solid var(--tc)}
.phase.t-az{--tc:var(--az-field)}.phase.t-ar{--tc:var(--ar-line)}
.phase h2,.phase h3{margin:0 0 .5rem;font:400 1.375rem/1.25 var(--f-display);color:var(--az-deep)}
.phase p{margin:0;font-size:1rem;line-height:1.6}

/* steps list (home, steps page) */
.steps-list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--rule)}
@media (min-width:900px){.steps-list{grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,auto);grid-auto-flow:column;column-gap:3.5rem}}
.steps-list li{display:grid;grid-template-columns:4rem minmax(0,1fr);align-content:start;gap:0 1rem;padding:1.15rem 0 1.25rem;border-bottom:1px solid var(--rule)}
.steps-list .t-or{--tc:var(--or)}.steps-list .t-az{--tc:var(--az-field)}.steps-list .t-ar{--tc:var(--ar-line)}
.sl-num{grid-row:1 / span 3;align-self:start;padding:.1rem 0 .1rem .65rem;border-left:4px solid var(--tc);font:400 1.9rem/1 var(--f-display);color:var(--az)}
.sl-h{margin:0;font:400 1.375rem/1.2 var(--f-display)}
.sl-h a{color:var(--az-deep);text-decoration:none}
.sl-h a:hover{text-decoration:underline}
.sl-scope{margin:.25rem 0 .45rem;font:500 .875rem/1.4 var(--f-ui);color:var(--slate)}
.sl-teaser{margin:0;font-size:1rem;line-height:1.55}

/* stages (steps page) */
.stages{display:grid;gap:1.25rem 3rem;margin-top:1.5rem}
@media (min-width:720px){.stages{grid-template-columns:1fr 1fr}}
.stage{padding-top:1rem;border-top:3px solid var(--or)}
.stage h3{margin:0 0 .5rem;font:400 1.375rem/1.25 var(--f-display)}
.stage h3 a{color:var(--az-deep)}
.stage p{margin:0;font-size:1rem;line-height:1.6}

/* pillars (two-column editorial sections) */
.pillar{display:grid;gap:1.25rem 4rem;padding-block:2.5rem;border-top:1px solid var(--rule)}
.pillar--first{border-top:0;padding-top:0}
@media (min-width:960px){.pillar{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.pillar-head{position:sticky;top:1.5rem;align-self:start}}
.pillar-head h2,.pillar-head h3{margin:0;font:400 clamp(1.75rem,1.4rem + 1.2vw,2.25rem)/1.15 var(--f-display);color:var(--az-deep)}
.pillar-head p{margin:.6rem 0 0;font:italic 400 1.125rem/1.5 var(--f-text);color:var(--az)}
.duo{display:grid;gap:1.5rem 3rem;margin:1.5rem 0 1rem}
@media (min-width:720px){.duo{grid-template-columns:1fr 1fr}}
.duo-item{padding:1.4rem 1.5rem;background:var(--white);border:1px solid var(--rule)}
.duo-item h3{margin:0 0 .5rem;font:400 1.5rem/1.2 var(--f-display);color:var(--az-deep)}
.duo-item p{margin:0}

/* home: statement + plate; steps page: story */
.statement-grid,.story-grid,.contact-grid{display:grid;gap:2.5rem}
@media (min-width:960px){
  .statement-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4rem;align-items:center}
  .story-grid{grid-template-columns:minmax(0,var(--measure)) 240px;gap:5rem;align-items:start}
  .contact-grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:4rem;align-items:start}
}
.plate{margin:0;padding:.75rem;background:var(--white);border:1px solid var(--rule)}
.plate img{display:block;margin-inline:auto}
.plate figcaption{margin-top:.65rem;font:500 .875rem/1.5 var(--f-ui);color:var(--slate)}
.plate--dark{background:var(--az-deep);border-color:var(--az-deep)}
.plate--dark img{width:100%}
.plate--dark figcaption{color:var(--on-dark-2)}
.portrait{max-width:240px}
.portrait img{width:180px}
.wizard-cta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:2.5rem;padding:1.25rem 1.5rem;background:var(--white);border:1px solid var(--rule)}
.wizard-cta p{margin:0}
.wizard-img{display:block;max-height:60px;width:auto}

/* record */
.record{padding:clamp(1.4rem,1rem + 2vw,2.5rem);background:var(--white);border:1px solid var(--rule);border-top:4px solid var(--az)}
.record dl{display:grid;margin:1rem 0 0}
.record dt{padding-top:.85rem;border-top:1px solid var(--rule);font:600 .9375rem/1.5 var(--f-ui);color:var(--slate)}
.record dd{margin:0 0 .85rem;line-height:1.6}
@media (min-width:720px){.record dl{grid-template-columns:14rem minmax(0,1fr);column-gap:2rem}.record dd{margin:0;padding-block:.85rem;border-top:1px solid var(--rule)}.record dt{padding-bottom:.85rem}}
.record-more{margin:1.25rem 0 0;font:600 .9375rem/1.4 var(--f-ui)}

/* careers: our people + the resume card, who we look for (ruled profile + motto), recruitment firms */
.people-grid{display:grid;gap:2.5rem}
@media (min-width:960px){.people-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:4rem;align-items:start}}
.join{padding:1.4rem 1.5rem 1.5rem;background:var(--paper);border:1px solid var(--rule);border-top:4px solid var(--or)}
.join h2{margin:0 0 .4rem;font:600 1.0625rem/1.3 var(--f-ui);color:var(--az-deep)}
.join p{margin:0;font-size:1rem;line-height:1.6}
.join .join-mail{margin:.45rem 0 .7rem;font:400 clamp(1.55rem,1.25rem + 1.3vw,2.125rem)/1.2 var(--f-display);overflow-wrap:anywhere}
.join-mail a{color:var(--az-deep);text-decoration-color:var(--or);text-decoration-thickness:2px}
.profile{margin:0;display:grid;border-top:1px solid var(--rule)}
.profile dt{padding-top:.85rem;font:600 .9375rem/1.45 var(--f-ui);color:var(--slate)}
.profile dd{margin:0;padding:.15rem 0 .85rem;border-bottom:1px solid var(--rule);line-height:1.6}
@media (min-width:720px){
  .profile{grid-template-columns:8.5rem minmax(0,1fr);column-gap:2rem}
  .profile dt{padding-block:.95rem;border-bottom:1px solid var(--rule)}
  .profile dd{padding-block:.85rem}
}
.prose .motto-line{margin-top:2rem;padding-left:1.1rem;border-left:3px solid var(--or);font:italic 400 clamp(1.25rem,1.1rem + .6vw,1.5rem)/1.45 var(--f-text);color:var(--az-deep)}
.firm-note{max-width:var(--measure);margin:-1.25rem 0 2rem;font:500 .875rem/1.5 var(--f-ui);color:var(--slate)}
.firms{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:720px){.firms{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.firms{grid-template-columns:repeat(3,1fr)}}
.firm{display:flex;flex-direction:column;padding:1.2rem 1.35rem 1.25rem;background:var(--paper);border:1px solid var(--rule);border-top:3px solid var(--az-field)}
.firm .firm-k{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;font:500 .8125rem/1.35 var(--f-ui);color:var(--slate)}
.firm-k::before{content:"";flex:none;width:.45rem;height:.45rem;background:var(--or);transform:rotate(45deg)}
.firm h3{margin:0 0 .5rem;font:400 1.375rem/1.2 var(--f-display)}
.firm h3 a{color:var(--az-deep)}
.firm p{margin:0 0 .6rem;font-size:1rem;line-height:1.55}
.firm .more{margin:auto 0 0;padding-top:.35rem;font:600 .875rem/1.4 var(--f-ui)}

/* contact */
.contact-card{padding:1.5rem;background:var(--paper);border:1px solid var(--rule);border-top:4px solid var(--or)}
.contact-card p{margin:0}
.contact-card ul{margin:.6rem 0 0;padding-left:1.2rem}
.contact-mail{margin-bottom:.9rem!important;font:400 clamp(1.6rem,1.25rem + 1.5vw,2.25rem)/1.2 var(--f-display)}
.lockup img{width:100%;max-width:500px}
.quote-light{margin-top:1.5rem}
.quote-light .quote{margin:0}
.quote-light .quote footer{color:var(--slate)}

/* FAQ */
.faq h3{margin-top:1.6em}

/* citations: numbered markers in the text, each linked to its entry in References (and back) */
sup.cite{font:600 .66em/0 var(--f-ui);vertical-align:.62em;margin-left:.06em;white-space:nowrap;letter-spacing:.01em}
.cite a{color:var(--az);text-decoration:none;padding:0 .04em;border-radius:2px;scroll-margin-block:6rem}
.cite a:hover{text-decoration:underline;text-decoration-thickness:1px}
.on-dark .cite a{color:var(--or)}
.on-dark .cite a:hover{color:var(--or-hover)}
.cite a:target{background:#fde3bd;color:var(--az-deep);box-shadow:0 0 0 2px #fde3bd}

/* references */
.refs-band{padding-block:2.5rem 3rem;background:var(--white);border-top:1px solid var(--rule)}
.references h2{margin:0 0 1.1rem;font:600 1.0625rem/1.3 var(--f-ui);color:var(--az-deep)}
.references ol{margin:0;padding-left:2rem;font-size:.9375rem;line-height:1.6}
@media (min-width:960px){.references ol{columns:2;column-gap:3.5rem}}
.references li{break-inside:avoid;margin-bottom:.75rem;padding:.15rem .4rem .2rem .3rem;margin-left:-.3rem;border-radius:3px;scroll-margin-block:6rem}
.references li::marker{font:600 .8125rem/1 var(--f-ui);color:var(--slate)}
.references li:target{background:var(--az-tint);box-shadow:inset 3px 0 0 var(--or)}
.ref-back{margin-right:.3rem;font:600 .8125rem/1 var(--f-ui);color:var(--slate);white-space:nowrap}
.ref-back a{color:var(--az);text-decoration:none;padding:0 .12em}
.ref-back a:hover{text-decoration:underline}
.ref-title{font-style:italic}
.ref-pub,.ref-date{color:var(--slate)}
.ref-loc{font:500 .8125rem/1.4 var(--f-ui);color:var(--slate);overflow-wrap:anywhere}
.ref-note{margin:1.25rem 0 0;font:500 .8125rem/1.5 var(--f-ui);color:var(--slate)}
@media (prefers-reduced-motion:no-preference){
  .references li:target,.cite a:target{animation:mc-cite-flash 2.6s ease-out 1}
}
@keyframes mc-cite-flash{0%{background:#fbc77c}100%{}}

/* further reading: unnumbered, directly below References (citation standard v0.2); argent lozenges, quieter than
   the numbered references above */
.further-reading{margin-top:2rem}
.further-reading h2{margin:0 0 1rem;padding-top:1.6rem;border-top:1px solid var(--rule);font:600 1.0625rem/1.3 var(--f-ui);color:var(--az-deep)}
.further-reading ul{list-style:none;margin:0;padding:0;font-size:.9375rem;line-height:1.6}
@media (min-width:960px){.further-reading ul{columns:2;column-gap:3.5rem}}
.further-reading li{position:relative;break-inside:avoid;margin-bottom:.6rem;padding-left:2rem}
.further-reading li::before{content:"";position:absolute;left:.95rem;top:.6em;width:.42rem;height:.42rem;background:var(--ar);border:1px solid var(--ar-line);transform:rotate(45deg)}

/* footer */
.site-foot{padding-block:3rem 1.5rem;background:var(--az-deep);color:var(--on-dark);font:500 .9375rem/1.55 var(--f-ui)}
.site-foot a{color:var(--on-dark);text-decoration:none}
.site-foot a:hover{color:#fff;text-decoration:underline}
.site-foot h2{margin:0 0 .8rem;font:600 .9375rem/1.3 var(--f-ui);color:#fff}
.site-foot ol,.site-foot ul{list-style:none;margin:0;padding:0}
.site-foot li+li{margin-top:.45rem}
.site-foot p{margin:.35rem 0 0}
.foot-grid{display:grid;gap:2.25rem}
@media (min-width:720px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.foot-grid{grid-template-columns:1.15fr 1.75fr .75fr 1fr;gap:3rem}}
.crest-chip{display:grid;place-items:center;width:68px;height:80px;background:#fff;
  clip-path:path("M0 0H68V42C68 62 47 73 34 80C21 73 0 62 0 42Z")}
.crest-chip img{width:46px;height:auto;margin-top:-10px}
.foot-name{margin:.9rem 0 .2rem!important;font:400 1.75rem/1 var(--f-display);color:#fff}
.foot-steps a{display:flex;gap:.6rem}
.fs-n{flex:none;width:2.4rem;font:400 1.05rem/1.45 var(--f-display);color:var(--or)}
.foot-base{margin-top:2.5rem;color:var(--on-dark-2);font-size:.875rem}
.foot-base p{margin:0;padding-top:1.25rem;border-top:1px solid rgba(227,233,244,.18)}

/* 404 */
.nf-steps{columns:2;column-gap:2rem}