/* Ishaku — personal site.
   Type: Archivo (grotesque, condensed to wide), Bodoni Moda (high-contrast serif),
   Patrick Hand (comic captions). Colour: coffee = people, orange = objects and AI,
   red = danger. */
@font-face { font-family: "Archivo"; src: url("fonts/archivo-latin-standard-normal.woff2") format("woff2");
  font-weight: 100 900; font-stretch: 62% 125%; font-display: swap; }
@font-face { font-family: "Bodoni Moda"; src: url("fonts/bodoni-moda-latin-standard-normal.woff2") format("woff2");
  font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Bodoni Moda"; src: url("fonts/bodoni-moda-latin-standard-italic.woff2") format("woff2");
  font-weight: 400 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Patrick Hand"; src: url("fonts/patrick-hand-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-display: swap; }

:root {
  --page: #efe2d0; --paper: #fbf6ef; --paper-2: #f5eadc;
  --ink: #24170d; --ink-2: #5a4532; --muted: #8a7360; --line: #d9c4aa;
  --coffee: #5b3a1e; --orange: #e07a1f; --orange-soft: #f7dcc0; --red: #c0392b; --red-soft: #f6d9d4;
  --sans: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --serif: "Bodoni Moda", Didot, "Bodoni 72", Georgia, serif;
  --hand: "Patrick Hand", "Comic Neue", cursive;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--page); color: var(--ink); font: 400 18px/1.62 var(--sans); -webkit-font-smoothing: antialiased; }
img, svg { max-width: 100%; display: block; }
symbol, svg.fig { overflow: visible; }
a { color: var(--ink); text-decoration-color: var(--orange); text-decoration-thickness: 2px; text-underline-offset: 3px; }
a:hover { color: var(--coffee); text-decoration-color: var(--coffee); }
:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; border-radius: 4px; }
.wrap { max-width: 1160px; margin: 0 auto; padding: 0 22px; }
.narrow { max-width: 740px; margin: 0 auto; padding: 0 22px; }
.skip { position: absolute; left: -9999px; }
.skip:focus { left: 12px; top: 12px; background: var(--paper); padding: 8px 12px; z-index: 10; }

/* figure colours */
.fig { color: var(--coffee); }
.fig.ai { color: var(--orange); }
.fig.bad { color: var(--red); }

/* ---------- header / footer ---------- */
.site-head { padding: 18px 0; }
.site-head .wrap { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--ink);
  font: 800 22px/1 var(--sans); letter-spacing: -.02em; }
.brand svg { width: 34px; }
.nav { margin-left: auto; display: flex; gap: 4px; flex-wrap: wrap; }
.nav a { text-decoration: none; color: var(--ink); padding: 7px 14px; border-radius: 999px; font-size: 16px; font-weight: 500; border: 1.5px solid transparent; }
.nav a:hover { border-color: var(--ink); }
.nav a[aria-current="page"] { background: var(--ink); color: var(--paper); }
.site-foot { margin-top: 90px; padding: 30px 0 44px; border-top: 1.5px solid var(--ink); font-size: 15px; }
.site-foot .wrap { display: flex; gap: 16px; flex-wrap: wrap; justify-content: space-between; }

/* ---------- type ---------- */
h1, h2, h3 { margin: 0 0 .45em; color: var(--ink); }
h1 { font: 800 clamp(40px, 5.6vw, 72px)/1 var(--sans); font-stretch: 104%; letter-spacing: -.04em; }
h2 { font: 800 clamp(30px, 4.4vw, 50px)/1.02 var(--sans); letter-spacing: -.035em; }
h3 { font: 700 21px/1.25 var(--sans); letter-spacing: -.01em; }
.kicker { font: 600 13px var(--sans); font-stretch: 110%; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-2); margin: 0 0 14px;
  display: inline-flex; align-items: center; gap: 8px; }
.kicker::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--orange); }
.kicker.red::before { background: var(--red); }
.lede { font-size: clamp(19px, 2.1vw, 22px); color: var(--ink-2); max-width: 36em; line-height: 1.5; }
.accent { font: 400 1.04em/1 var(--hand); color: var(--orange); letter-spacing: 0; display: inline-block; transform: rotate(-4deg); position: relative; padding: 0 .06em; }
.accent::after { content: ""; position: absolute; right: -.12em; top: .02em; width: .16em; height: .16em; border-radius: 50%; background: var(--orange); }
.chip { display: inline-grid; place-items: center; width: .82em; height: .82em; border: .07em solid var(--ink); border-radius: .2em; vertical-align: -.06em; margin: 0 .08em; background: var(--paper); }
.chip svg { width: 70%; height: 70%; }
section { padding: 64px 0; }
.sec-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; flex-wrap: wrap; margin-bottom: 26px; }
.sec-head p { margin: 0; color: var(--ink-2); max-width: 30em; }

/* ---------- buttons ---------- */
.cta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 26px; }
.btn { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; padding: 12px 20px; border-radius: 999px; font: 600 16px var(--sans);
  border: 1.5px solid var(--ink); color: var(--ink); background: transparent; cursor: pointer; }
.btn:hover { background: var(--paper); color: var(--ink); }
.btn.primary { background: var(--ink); color: var(--paper); }
.btn.primary:hover { background: var(--coffee); border-color: var(--coffee); color: var(--paper); }
.btn.danger { border-color: var(--red); color: var(--red); }
.btn.danger:hover { background: var(--red-soft); }

/* ---------- hero ---------- */
.hero { padding: 26px 0 48px; }
.hero .wrap { display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px; align-items: center; }
.frame { background: var(--paper); border: 1.5px solid var(--ink); border-radius: 10px; overflow: hidden; }
@media (max-width: 860px) { .hero .wrap { grid-template-columns: 1fr; } }

/* ---------- specimen boxes ---------- */
.specs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.specs.two { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 900px) { .specs { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .specs, .specs.two { grid-template-columns: 1fr; } }
.spec { background: var(--paper); border: 1.5px solid var(--ink); border-radius: 8px; display: flex; flex-direction: column; overflow: hidden; }
.spec .face { padding: 20px 20px 12px; position: relative; }
.spec .face .words { min-width: 0; padding-right: 64px; }
.spec .face svg.fig { width: 54px; position: absolute; right: 16px; top: 18px; }
.spec .body { padding: 0 20px 16px; font-size: 15.5px; color: var(--ink-2); line-height: 1.5; flex: 1; }
.spec .body p { margin: 0; }
.spec dl { margin: 0; font-size: 13px; border-top: 1.5px solid var(--ink); }
.spec dl div { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); }
.spec dl div:first-child { border-top: 0; }
.spec dt, .spec dd { margin: 0; padding: 7px 20px; }
.spec dt { color: var(--muted); }
.spec dd { border-left: 1px solid var(--line); color: var(--ink); }
.spec.danger { border-color: var(--red); }
.spec.danger dl { border-top-color: var(--red); }
.spec.danger .t1, .spec.danger .t2 { color: var(--red); }
a.spec { text-decoration: none; color: inherit; transition: transform .15s ease, box-shadow .15s ease; }
a.spec:hover { transform: translate(-2px, -2px); box-shadow: 4px 4px 0 var(--ink); }

/* specimen type styles: mix them like a type foundry's catalogue */
.t1, .t2, .t3 { display: block; text-transform: uppercase; color: var(--ink); }
.cond  { font-family: var(--sans); font-weight: 800; font-stretch: 62%; letter-spacing: -.005em; line-height: .88; }
.serif { font-family: var(--serif); font-weight: 600; font-variation-settings: "opsz" 14; letter-spacing: .01em; line-height: .92; }
.thin  { font-family: var(--sans); font-weight: 200; font-stretch: 125%; letter-spacing: .01em; line-height: .95; }
.black { font-family: var(--sans); font-weight: 900; font-stretch: 100%; letter-spacing: -.02em; line-height: .9; }
.wide  { font-family: var(--sans); font-weight: 700; font-stretch: 125%; letter-spacing: .02em; line-height: .95; }
.t1 { font-size: clamp(32px, 3.5vw, 46px); }
.t2 { font-size: clamp(19px, 2vw, 24px); margin-top: 6px; }
.t3 { font: 400 12.5px/1.35 var(--sans); text-transform: none; color: var(--ink-2); margin-top: 8px; }

/* ---------- comic panels ---------- */
.strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; counter-reset: panel; }
.panel { background: var(--paper); border: 2px solid var(--ink); border-radius: 10px; padding: 0 0 14px; position: relative; box-shadow: 5px 5px 0 var(--ink); overflow: visible; }
.panel > svg { border-bottom: 2px solid var(--ink); border-radius: 8px 8px 0 0; }
.panel::before { counter-increment: panel; content: "0" counter(panel); position: absolute; top: -14px; left: 12px; padding: 1px 9px;
  background: var(--ink); color: var(--paper); font: 800 14px/1.6 var(--sans); font-stretch: 62%; letter-spacing: .04em; border-radius: 6px; }
.panel.danger { border-color: var(--red); box-shadow: 5px 5px 0 var(--red); }
.panel.danger > svg { border-bottom-color: var(--red); }
.panel.danger::before { background: var(--red); }
.panel p { margin: 12px 14px 0; font: 19px/1.28 var(--hand); color: var(--ink); }
@media (max-width: 960px) { .strip { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 540px) { .strip { grid-template-columns: 1fr; } }

/* ---------- lists ---------- */
.rows { border-top: 1.5px solid var(--ink); }
.rows a, .rows .row { display: grid; grid-template-columns: 120px 1fr auto; gap: 18px; align-items: baseline; padding: 18px 4px; border-bottom: 1px solid var(--line); text-decoration: none; color: var(--ink); }
.rows a:hover { background: var(--paper); }
.rows .date { font-size: 14px; color: var(--muted); }
.rows .ttl { font: 700 clamp(20px, 2.4vw, 26px)/1.2 var(--sans); letter-spacing: -.02em; }
.rows .ttl.soon { font-weight: 300; color: var(--ink-2); }
.rows .go { font-size: 14px; color: var(--ink-2); }
@media (max-width: 600px) { .rows a, .rows .row { grid-template-columns: 1fr; gap: 4px; } }

/* ---------- article ---------- */
article { padding-top: 10px; }
article h1 { font-size: clamp(38px, 5.8vw, 64px); }
article h2 { margin-top: 1.7em; font-size: clamp(26px, 3.2vw, 34px); }
article h2 .num { font-family: var(--serif); font-weight: 500; color: var(--orange); margin-right: .25em; }
article blockquote { margin: 1.4em 0; padding: 6px 0 6px 22px; border-left: 4px solid var(--orange); font: italic 500 25px/1.35 var(--serif); color: var(--ink); }
figure { margin: 32px 0; }
figure .art { background: var(--paper); border: 2px solid var(--ink); border-radius: 10px; overflow: hidden; box-shadow: 5px 5px 0 var(--ink); }
figure.danger .art { border-color: var(--red); box-shadow: 5px 5px 0 var(--red); }
figcaption { font: 18px/1.35 var(--hand); color: var(--ink-2); margin-top: 12px; text-align: center; }
.meta { color: var(--muted); font-size: 15px; }
.note { background: var(--paper-2); border: 1.5px dashed var(--ink-2); border-radius: 8px; padding: 12px 16px; font-size: 16px; color: var(--ink-2); }
.tag { display: inline-block; font: 600 12px var(--sans); letter-spacing: .06em; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; border: 1.5px solid var(--ink); }
.tag.orange { border-color: var(--orange); color: #8a4510; background: var(--orange-soft); }

/* ---------- motion (only if the visitor allows it) ---------- */
@media (prefers-reduced-motion: no-preference) {
  .bob { animation: bob 3.2s ease-in-out infinite; }
  .blink { animation: blink 2.4s step-end infinite; }
  .orbit { animation: orbit 9s ease-in-out infinite; transform-box: fill-box; transform-origin: center; }
  .reveal { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
  .reveal.in { opacity: 1; transform: none; }
}
@keyframes bob { 50% { transform: translateY(-4px); } }
@keyframes blink { 50% { opacity: .25; } }
@keyframes orbit { 50% { transform: translate(6px, -4px) rotate(4deg); } }

/* ---------- Salecta logo ---------- */
.slogo { display: inline-flex; flex-direction: column; gap: 6px; }
.slogo svg { width: 230px; max-width: 100%; }
.slogo span { font: 500 15px var(--sans); letter-spacing: .03em; color: var(--ink-2); padding-left: 52px; }
.slogo.big svg { width: 300px; }
.slogo.big span { font-size: 17px; padding-left: 68px; }

/* ---------- pillars ---------- */
.meander { height: 18px; margin: 0 0 26px; opacity: .9;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='18'%3E%3Cpath d='M0 16H8V2H22V12H14V7H18' fill='none' stroke='%23e07a1f' stroke-width='2.4' stroke-linecap='square'/%3E%3Cpath d='M22 16H36' stroke='%23e07a1f' stroke-width='2.4'/%3E%3C/svg%3E") repeat-x left center / 36px 18px; }
.pillars { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px; }
@media (max-width: 860px) { .pillars { grid-template-columns: 1fr; } }
.pillar { background: var(--paper); border: 2px solid var(--ink); border-radius: 10px; box-shadow: 6px 6px 0 var(--ink); overflow: hidden; display: flex; flex-direction: column; }
.pillar header { display: flex; justify-content: space-between; align-items: center; padding: 10px 18px; border-bottom: 1.5px solid var(--ink); background: var(--paper-2); }
.pnum { font: 800 14px var(--sans); font-stretch: 62%; letter-spacing: .12em; text-transform: uppercase; }
.ptag { font: 600 12px var(--sans); letter-spacing: .08em; text-transform: uppercase; padding: 3px 10px; border-radius: 999px; background: var(--ink); color: var(--paper); }
.ptitle { margin: 0; padding: 16px 18px 12px; font-size: clamp(30px, 3.4vw, 42px); line-height: .95; text-transform: uppercase; }
.ptitle span { display: inline; }
.ptitle .cond { font-family: var(--sans); font-weight: 800; font-stretch: 62%; }
.ptitle .serif { font-family: var(--serif); font-weight: 600; font-variation-settings: "opsz" 14; letter-spacing: .01em; }
.ptitle .thin { font-family: var(--sans); font-weight: 200; font-stretch: 125%; font-size: .62em; letter-spacing: .02em; }
.ptitle .black { font-family: var(--sans); font-weight: 900; letter-spacing: -.02em; }
.ptitle .wide { font-family: var(--sans); font-weight: 700; font-stretch: 125%; font-size: .74em; }
.pillar > svg { border-top: 1.5px solid var(--ink); border-bottom: 1.5px solid var(--ink); }
.tale { padding: 16px 20px 20px; }
.tale p { margin: 0 0 12px; font: 19px/1.38 var(--hand); color: var(--ink); }
.tale .lesson { font: 15.5px/1.55 var(--sans); color: var(--ink-2); margin: 0; padding-top: 12px; border-top: 1px solid var(--line); }
.tale .lesson b { font-weight: 800; font-stretch: 62%; text-transform: uppercase; letter-spacing: .06em; color: var(--orange); margin-right: 4px; }

/* ---------- kente-inspired background (original pattern) ---------- */
html { background: var(--page); }
body { background: transparent; position: relative; }
body::before { content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22120%22%20height%3D%22120%22%3E%3Cg%20transform%3D%22translate%280%200%29%22%3E%3Crect%20width%3D%2260%22%20height%3D%2260%22%20fill%3D%22%233d7a3a%22/%3E%3Cpolyline%20points%3D%220%2C20%207.5%2C13%2015%2C20%2022.5%2C13%2030%2C20%2037.5%2C13%2045%2C20%2052.5%2C13%2060%2C20%22%20fill%3D%22none%22%20stroke%3D%22%23e0a12c%22%20stroke-width%3D%226%22/%3E%3Cpolyline%20points%3D%220%2C17%207.5%2C10%2015%2C17%2022.5%2C10%2030%2C17%2037.5%2C10%2045%2C17%2052.5%2C10%2060%2C17%22%20fill%3D%22none%22%20stroke%3D%22%2324170d%22%20stroke-width%3D%222.6%22/%3E%3Cpolyline%20points%3D%220%2C40%207.5%2C33%2015%2C40%2022.5%2C33%2030%2C40%2037.5%2C33%2045%2C40%2052.5%2C33%2060%2C40%22%20fill%3D%22none%22%20stroke%3D%22%23e0a12c%22%20stroke-width%3D%226%22/%3E%3Cpolyline%20points%3D%220%2C37%207.5%2C30%2015%2C37%2022.5%2C30%2030%2C37%2037.5%2C30%2045%2C37%2052.5%2C30%2060%2C37%22%20fill%3D%22none%22%20stroke%3D%22%2324170d%22%20stroke-width%3D%222.6%22/%3E%3Cpolyline%20points%3D%220%2C58%207.5%2C51%2015%2C58%2022.5%2C51%2030%2C58%2037.5%2C51%2045%2C58%2052.5%2C51%2060%2C58%22%20fill%3D%22none%22%20stroke%3D%22%23e0a12c%22%20stroke-width%3D%226%22/%3E%3Cpolyline%20points%3D%220%2C55%207.5%2C48%2015%2C55%2022.5%2C48%2030%2C55%2037.5%2C48%2045%2C55%2052.5%2C48%2060%2C55%22%20fill%3D%22none%22%20stroke%3D%22%2324170d%22%20stroke-width%3D%222.6%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2860%200%29%22%3E%3Crect%20width%3D%2260%22%20height%3D%2260%22%20fill%3D%22%23e0a12c%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%280%2060%29%22%3E%3Crect%20width%3D%2260%22%20height%3D%2260%22%20fill%3D%22%23e0a12c%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%221%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%227%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2213%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2219%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2225%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2231%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2237%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2243%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2249%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%221.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%227.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2213.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2219.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2225.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2231.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2237.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2243.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3Crect%20x%3D%2249.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%23b5531f%22/%3E%3Crect%20x%3D%2255.5%22%20y%3D%2255%22%20width%3D%223%22%20height%3D%224%22%20fill%3D%22%2324170d%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%2860%2060%29%22%3E%3Crect%20width%3D%2260%22%20height%3D%2260%22%20fill%3D%22%233d7a3a%22/%3E%3Cpolyline%20points%3D%220%2C20%207.5%2C13%2015%2C20%2022.5%2C13%2030%2C20%2037.5%2C13%2045%2C20%2052.5%2C13%2060%2C20%22%20fill%3D%22none%22%20stroke%3D%22%23e0a12c%22%20stroke-width%3D%226%22/%3E%3Cpolyline%20points%3D%220%2C17%207.5%2C10%2015%2C17%2022.5%2C10%2030%2C17%2037.5%2C10%2045%2C17%2052.5%2C10%2060%2C17%22%20fill%3D%22none%22%20stroke%3D%22%2324170d%22%20stroke-width%3D%222.6%22/%3E%3Cpolyline%20points%3D%220%2C40%207.5%2C33%2015%2C40%2022.5%2C33%2030%2C40%2037.5%2C33%2045%2C40%2052.5%2C33%2060%2C40%22%20fill%3D%22none%22%20stroke%3D%22%23e0a12c%22%20stroke-width%3D%226%22/%3E%3Cpolyline%20points%3D%220%2C37%207.5%2C30%2015%2C37%2022.5%2C30%2030%2C37%2037.5%2C30%2045%2C37%2052.5%2C30%2060%2C37%22%20fill%3D%22none%22%20stroke%3D%22%2324170d%22%20stroke-width%3D%222.6%22/%3E%3Cpolyline%20points%3D%220%2C58%207.5%2C51%2015%2C58%2022.5%2C51%2030%2C58%2037.5%2C51%2045%2C58%2052.5%2C51%2060%2C58%22%20fill%3D%22none%22%20stroke%3D%22%23e0a12c%22%20stroke-width%3D%226%22/%3E%3Cpolyline%20points%3D%220%2C55%207.5%2C48%2015%2C55%2022.5%2C48%2030%2C55%2037.5%2C48%2045%2C55%2052.5%2C48%2060%2C55%22%20fill%3D%22none%22%20stroke%3D%22%2324170d%22%20stroke-width%3D%222.6%22/%3E%3C/g%3E%3Crect%20width%3D%22120%22%20height%3D%222%22%20fill%3D%22%23fbf6ef%22/%3E%3Crect%20y%3D%2260%22%20width%3D%22120%22%20height%3D%222%22%20fill%3D%22%23fbf6ef%22/%3E%3C/svg%3E") 0 0 / 132px 132px;
  opacity: .15;
  -webkit-mask-image: radial-gradient(ellipse 75% 85% at 50% 45%, rgba(0,0,0,.45) 25%, #000 100%);
          mask-image: radial-gradient(ellipse 75% 85% at 50% 45%, rgba(0,0,0,.45) 25%, #000 100%); }
.kente-strip { height: 24px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2296%22%20height%3D%2224%22%3E%3Crect%20width%3D%2296%22%20height%3D%2224%22%20fill%3D%22%23e0a12c%22/%3E%3Crect%20width%3D%2296%22%20height%3D%223%22%20fill%3D%22%233d7a3a%22/%3E%3Crect%20y%3D%2221%22%20width%3D%2296%22%20height%3D%223%22%20fill%3D%22%233d7a3a%22/%3E%3Cpath%20d%3D%22M0%206h8v3h4M96%206h-8v3h-4M0%2018h8v-3h4M96%2018h-8v-3h-4%22%20fill%3D%22none%22%20stroke%3D%22%233d7a3a%22%20stroke-width%3D%222.4%22/%3E%3Cpath%20d%3D%22M0%2012H28V9H33V6H38V3.5H58V6H63V9H68V12H96M28%2012V15H33V18H38V20.5H58V18H63V15H68V12%22%20fill%3D%22none%22%20stroke%3D%22%2324170d%22%20stroke-width%3D%222.6%22/%3E%3Cpath%20d%3D%22M42%2012H54M48%208V16%22%20stroke%3D%22%233d7a3a%22%20stroke-width%3D%222.4%22/%3E%3C/svg%3E") repeat-x 0 0 / 96px 24px;
  border-bottom: 1.5px solid var(--ink); }
.site-foot { position: relative; }
.site-foot::before { content: ""; position: absolute; left: 0; right: 0; top: -26px; height: 24px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2296%22%20height%3D%2224%22%3E%3Crect%20width%3D%2296%22%20height%3D%2224%22%20fill%3D%22%23e0a12c%22/%3E%3Crect%20width%3D%2296%22%20height%3D%223%22%20fill%3D%22%233d7a3a%22/%3E%3Crect%20y%3D%2221%22%20width%3D%2296%22%20height%3D%223%22%20fill%3D%22%233d7a3a%22/%3E%3Cpath%20d%3D%22M0%206h8v3h4M96%206h-8v3h-4M0%2018h8v-3h4M96%2018h-8v-3h-4%22%20fill%3D%22none%22%20stroke%3D%22%233d7a3a%22%20stroke-width%3D%222.4%22/%3E%3Cpath%20d%3D%22M0%2012H28V9H33V6H38V3.5H58V6H63V9H68V12H96M28%2012V15H33V18H38V20.5H58V18H63V15H68V12%22%20fill%3D%22none%22%20stroke%3D%22%2324170d%22%20stroke-width%3D%222.6%22/%3E%3Cpath%20d%3D%22M42%2012H54M48%208V16%22%20stroke%3D%22%233d7a3a%22%20stroke-width%3D%222.4%22/%3E%3C/svg%3E") repeat-x 0 0 / 96px 24px; opacity: .9; }
@media print { body::before, .kente-strip, .site-foot::before { display: none; } }

/* ---------- three pillars ---------- */
.pillars { grid-template-columns: repeat(3, 1fr); gap: 22px; }
@media (max-width: 1000px) { .pillars { grid-template-columns: 1fr; max-width: 640px; } }
.ptitle { font-size: clamp(26px, 2.5vw, 34px); }
.tale .question { font: 26px/1.25 var(--hand); color: var(--ink); margin: 2px 0 14px; }

/* ---------- pillar cards: one idea each ---------- */
.pillars { gap: 28px; align-items: start; }
.pillar { box-shadow: none; border: 1.5px solid var(--ink); border-radius: 16px; background: var(--paper); transition: transform .25s ease, box-shadow .25s ease; }
.pillar:hover { transform: translateY(-4px); box-shadow: 0 18px 40px -24px rgba(36,23,13,.45); }
.pillar .pscene { border-bottom: 1.5px solid var(--ink); background: #fbf6ef; }
.pillar .pscene svg { border: 0; }
.pbody { padding: 20px 22px 18px; }
.phead { display: flex; align-items: baseline; gap: 12px; }
.pnum { font: 500 40px/1 var(--serif); font-variation-settings: "opsz" 14; color: var(--orange); letter-spacing: 0; text-transform: none; }
.pword { margin: 0; font: 800 clamp(34px, 3.2vw, 44px)/1 var(--sans); font-stretch: 62%; text-transform: uppercase; letter-spacing: .01em; }
.pmyth { margin: 6px 0 12px; font: italic 500 17px/1.3 var(--serif); font-variation-settings: "opsz" 14; color: var(--ink-2); }
.pline { margin: 0 0 14px; font: 500 19px/1.4 var(--sans); color: var(--ink); letter-spacing: -.005em; }
.parable { border-top: 1px solid var(--line); padding-top: 10px; }
.parable summary { cursor: pointer; list-style: none; font: 600 13px var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2); display: inline-flex; align-items: center; gap: 8px; }
.parable summary::-webkit-details-marker { display: none; }
.parable summary::after { content: "+"; font: 400 20px/1 var(--sans); color: var(--orange); transition: transform .2s ease; }
.parable[open] summary::after { transform: rotate(45deg); }
.parable summary:hover { color: var(--ink); }
.parable p { margin: 10px 0 2px; font: 18px/1.42 var(--hand); color: var(--ink); }
.pillars { align-items: stretch; }
.pillar { display: flex; flex-direction: column; }
.pbody { flex: 1; display: flex; flex-direction: column; }
.parable { margin-top: auto; }
.pword { font-size: clamp(28px, 2.6vw, 40px); overflow-wrap: anywhere; }
.specs.compact .spec .face { padding-bottom: 8px; }
.specs.compact .spec .body { padding-bottom: 20px; font-size: 16px; color: var(--ink); }
.hero.solo .wrap { grid-template-columns: 1fr; }
.hero.solo h1 { max-width: 15em; }
.hero.solo .lede { max-width: 40em; }
.vision-intro { margin: -6px 0 10px; max-width: 38em; color: var(--ink); }
.vision-sub { margin: 0 0 30px; color: var(--ink-2); font-size: 16px; }

/* ---------- about & contact ---------- */
.contact { display: grid; grid-template-columns: 1.4fr 1fr; gap: 40px; align-items: center;
  background: var(--paper); border: 1.5px solid var(--ink); border-radius: 20px; padding: 44px 48px; }
.contact h2 { font-size: clamp(32px, 4vw, 52px); }
.contact-bio { font-size: 19px; line-height: 1.55; color: var(--ink-2); max-width: 34em; margin: 0; }
.contact-art svg { width: 100%; max-width: 320px; margin: 0 auto; }
@media (max-width: 820px) { .contact { grid-template-columns: 1fr; padding: 30px 24px; } .contact-art { order: -1; } .contact-art svg { max-width: 220px; } }

/* ---------- bolder handwritten accents ---------- */
.accent { font-size: 1.22em; -webkit-text-stroke: .045em currentColor; paint-order: stroke fill; padding: 0 .1em; }
.accent::after { width: .18em; height: .18em; right: -.1em; }

/* ---------- interactive boxes ---------- */
.spec, .pillar, .contact { --lift: 0px; --rx: 0deg; --ry: 0deg; position: relative; isolation: isolate; }
.spec.in, .pillar.in, .contact {
  transform: perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift));
  transition: transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .25s ease, opacity .6s ease;
}
.spec::before, .pillar::before, .contact::before {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; z-index: 2;
  background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(224,122,31,.16), transparent 70%);
  opacity: 0; transition: opacity .3s ease;
}
.spec:hover, .pillar:hover, .contact:hover,
.spec:focus-visible, .pillar:focus-within { --lift: -6px; border-color: var(--orange); box-shadow: 6px 8px 0 -1px var(--orange), 0 22px 40px -26px rgba(36,23,13,.5); }
.spec.danger:hover { border-color: var(--red); box-shadow: 6px 8px 0 -1px var(--red), 0 22px 40px -26px rgba(36,23,13,.5); }
.spec:hover::before, .pillar:hover::before, .contact:hover::before { opacity: 1; }
.spec.danger::before { background: radial-gradient(260px circle at var(--mx, 50%) var(--my, 50%), rgba(190,40,30,.12), transparent 70%); }
.spec:active, .pillar:active { --lift: -2px; transition-duration: .1s; }
a.spec:hover { transform: perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--lift)); }

/* figures wake up on hover */
.spec svg.fig, .contact-art svg, .pillar .pscene svg { transition: transform .45s cubic-bezier(.3,1.6,.5,1); transform-origin: 50% 100%; }
.spec:hover svg.fig { transform: rotate(-8deg) scale(1.12); animation: bob .9s ease-in-out .3s infinite; }
.pillar:hover .pscene svg { transform: scale(1.04); }
.contact:hover .contact-art svg { transform: scale(1.04) translateY(-4px); }
@keyframes bob { 0%,100% { translate: 0 0; } 50% { translate: 0 -5px; } }

/* project cards: arrow nudges forward */
a.spec .t2::after, a.spec h3::after { content: " →"; display: inline-block; color: var(--orange); opacity: 0; transform: translateX(-6px); transition: .25s ease; }
a.spec:hover .t2::after, a.spec:hover h3::after { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .spec, .pillar, .contact, .spec svg.fig { transition: none !important; animation: none !important; transform: none !important; }
}
a.spec:hover { box-shadow: 6px 8px 0 -1px var(--orange), 0 22px 40px -26px rgba(36,23,13,.5); }
.specs.one { grid-template-columns: minmax(0, 760px); }

/* ---------- CV pill, top left ---------- */
.cv-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 13px 6px 14px; border-radius: 999px;
  background: var(--orange); color: #fff; font: 700 14px/1 var(--sans); letter-spacing: .06em; text-decoration: none;
  border: 1.5px solid var(--ink); box-shadow: 2px 2px 0 var(--ink); transition: transform .15s ease, box-shadow .15s ease; }
.cv-pill svg { width: 14px; height: 14px; }
.cv-pill:hover { color: #fff; transform: translate(-1px,-1px); box-shadow: 3px 3px 0 var(--ink); }
.cv-pill:hover svg { animation: cvdrop .6s ease-in-out infinite alternate; }
@keyframes cvdrop { to { transform: translateY(2px); } }

/* ---------- hero walk scene ---------- */
.walkwrap { margin: 4px 0 30px; }
.walkscene { width: 100%; height: auto; aspect-ratio: 1200 / 300; border-radius: 22px; border: 1.5px solid var(--ink); overflow: hidden; background: #b9dcf3; }
@media (max-width: 699px) { .walkscene { aspect-ratio: 680 / 280; border-radius: 16px; } }
.walkscene .walker.human { color: var(--coffee); }
.walkscene .walker.ai { color: var(--orange); }
.walkscene .wshadow { fill: #24170d; opacity: .14; }
.walkscene .msign { font: 800 12.5px var(--sans); letter-spacing: .12em; fill: #24170d; }
.walkscene .gsign { font: 800 13px var(--sans); letter-spacing: .14em; fill: #fbf6ef; }
.walkscene .leg-a, .walkscene .leg-b { transform-origin: 50px 90px; animation: stride .55s ease-in-out infinite alternate; }
.walkscene .leg-b { animation-delay: -.55s; }
.walkscene .arm-a, .walkscene .arm-b { transform-origin: 50px 46px; animation: swing .55s ease-in-out infinite alternate; }
.walkscene .arm-b { animation-delay: -.55s; }
.walkscene .bob { animation: wbob .275s ease-in-out infinite alternate; }
@keyframes stride { from { transform: rotate(-24deg); } to { transform: rotate(24deg); } }
@keyframes swing { from { transform: rotate(20deg); } to { transform: rotate(-20deg); } }
@keyframes wbob { from { transform: translateY(0); } to { transform: translateY(-3px); } }
.walkscene .drift-near { animation: drift-near 33s linear infinite; }
@keyframes drift-near { to { transform: translateX(-3600px); } }
.walkscene .drift-path { animation: drift-path .55s linear infinite; }
.walkscene .drift-far { animation: drift 70s linear infinite; }
.walkscene .clouds { animation: drift 90s linear infinite; }
.walkscene .clouds-far { animation: drift 160s linear infinite; }
.walkscene .drift-mtn { animation: drift 240s linear infinite; }
.walkscene .drift-mtn2 { animation: drift 150s linear infinite; }
.walkscene .plane.p1 { animation: fly 19s linear infinite; }
.walkscene .plane.p2 { animation: fly-back 31s linear infinite -12s; }
@keyframes fly { from { transform: translateX(-80px); } to { transform: translateX(1300px); } }
@keyframes fly-back { from { transform: translateX(1300px); } to { transform: translateX(-80px); } }
@keyframes drift { to { transform: translateX(-1200px); } }
@keyframes drift-path { to { transform: translateX(-60px); } }
.walkscene .sun { transform-origin: 905px 150px; animation: sunpulse 4s ease-in-out infinite alternate; }
.walkscene .rays { transform-origin: 905px 150px; animation: rays 30s linear infinite; }
@keyframes sunpulse { to { transform: scale(1.06); } }
@keyframes rays { to { transform: rotate(360deg); } }
.walkscene .sat { animation: orbit 26s linear infinite; }
@keyframes orbit { from { transform: translate(-40px, 90px) rotate(-8deg); } to { transform: translate(1240px, 28px) rotate(-8deg); } }
.walkscene .blink { animation: blink 1.2s steps(2) infinite; }
@keyframes blink { 50% { opacity: 0; } }
.walkscene .heart { transform-origin: 78px 72px; opacity: 0; animation: heart 4.5s ease-out infinite 1s; }
@keyframes heart { 0% { opacity: 0; transform: translateY(0) scale(.4); } 15% { opacity: 1; transform: translateY(-14px) scale(1); }
  60% { opacity: 1; transform: translateY(-44px) scale(1); } 80%, 100% { opacity: 0; transform: translateY(-60px) scale(.9); } }
@media (prefers-reduced-motion: reduce) {
  .walkscene *, .cv-pill svg { animation: none !important; }
  .walkscene .heart { opacity: 1; transform: translateY(-20px); }
}
.hero.solo .walkwrap { margin: 0 0 -6px; }

/* ---------- CV page ---------- */
.cv-pill { letter-spacing: .02em; }
.cv-pill:hover svg { animation: none; transform: translateX(2px); }
.cv-pill[aria-current="page"] { background: var(--ink); color: var(--paper); box-shadow: 2px 2px 0 var(--orange); }
.cvpage { padding: 18px 0 64px; }
.cvbar { display: flex; justify-content: space-between; align-items: flex-end; gap: 18px; flex-wrap: wrap; max-width: 900px; margin: 0 auto 18px; }
.cvbar .kicker { margin: 0; }
.cvnote { margin: 4px 0 0; color: var(--muted); font-size: 15px; }
.cvbar .cta { margin: 0; }
.cvsheet { max-width: 900px; margin: 0 auto; background: var(--paper); border: 1.5px solid var(--ink); border-radius: 18px;
  padding: 52px 58px; font-size: 15.5px; line-height: 1.55; color: var(--ink); box-shadow: 0 30px 60px -40px rgba(36,23,13,.5); }
.cvsheet a { text-decoration: underline; text-decoration-color: var(--orange-soft); }
.cvsheet a:hover { text-decoration-color: var(--orange); }
.cv-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; border-bottom: 3px solid var(--ink); padding-bottom: 14px; margin-bottom: 6px; }
.cvsheet h1 { font-size: clamp(30px, 4vw, 40px); font-weight: 850; font-stretch: 112%; letter-spacing: -.02em; margin: 0; line-height: 1; }
.cv-role { margin: 8px 0 0; font-size: 17px; font-weight: 500; }
.cv-role b { color: #c2600f; }
.cv-contact { text-align: right; font-size: 14px; line-height: 1.6; color: var(--ink-2); }
.cvsheet h2 { font-size: 12.5px; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; color: #c2600f; margin: 26px 0 8px; display: flex; align-items: center; gap: 10px; }
.cvsheet h2::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.cvsheet p { margin: 0; }
.cvsheet ul { margin: 6px 0 0; padding-left: 18px; }
.cvsheet li { margin: 0 0 4px; }
.cvsheet li::marker { color: var(--orange); }
.cv-job { margin-top: 14px; }
.cv-jh { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.cv-jt { font-weight: 720; font-size: 16.5px; }
.cv-jd { font-size: 14px; color: var(--ink-2); white-space: nowrap; }
.cv-org { font-size: 14.5px; color: var(--ink-2); font-style: italic; }
.cv-feature { border-left: 3px solid var(--orange); padding: 2px 0 2px 16px; margin-top: 6px; }
.cv-skills { display: grid; grid-template-columns: 180px 1fr; gap: 6px 16px; margin: 4px 0 0; }
.cv-skills dt { font-weight: 700; }
.cv-skills dd { margin: 0; }
.cv-three { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 26px; font-size: 14.5px; }
.cv-edu div { margin-bottom: 8px; }
.cv-muted { color: var(--ink-2); }
@media (max-width: 760px) {
  .cvsheet { padding: 30px 22px; font-size: 15px; border-radius: 14px; }
  .cv-head { flex-direction: column; align-items: flex-start; }
  .cv-contact { text-align: left; }
  .cv-skills { grid-template-columns: 1fr; gap: 0; }
  .cv-skills dd { margin-bottom: 8px; }
  .cv-three { grid-template-columns: 1fr; }
}
.cv-head > div:first-child { flex: 1 1 auto; } .cv-contact { flex: 0 0 auto; } @media (min-width: 761px) { .cv-role { white-space: nowrap; } }

/* ---------- spinning globe + wordmark ---------- */
.brand svg.globe { width: 48px; height: 48px; overflow: visible; }
.globe-land { animation: globespin 14s linear infinite; }
@keyframes globespin { from { transform: translateX(0); } to { transform: translateX(-80px); } }
.brand:hover .globe-land { animation-duration: 4s; }
.wordmark { font-size: 30px; font-weight: 820; letter-spacing: -.02em; line-height: 1; position: relative; }
.wm-i { position: relative; display: inline-block; clip-path: inset(.36em -.2em -.3em -.2em); }
.wordmark::before { content: ""; position: absolute; left: .055em; top: .1em; width: .21em; height: .21em; border-radius: 50%; background: var(--orange); }
@media (prefers-reduced-motion: reduce) { .globe-land { animation: none; } }