@font-face{font-family:Archivo;src:url('https://jerichocarloat.github.io/mcmurry-hughes/assets/fonts/Archivo-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Archivo;src:url('https://jerichocarloat.github.io/mcmurry-hughes/assets/fonts/Archivo-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:PlexMono;src:url('https://jerichocarloat.github.io/mcmurry-hughes/assets/fonts/IBM_Plex_Mono_400_normal.woff2') format('woff2');font-weight:400;font-display:swap}

:root{
  --paper:#fcfcfa;--bone:#f4f3fa;--field:#e7e6f4;--grey:#9a98b0;
  --ink:#222573;--purple:#686df3;--verm:#686df3;--peach:#ffe5d9;
  --slate:#36344d;--mid:#727586;
  --hair:rgba(34,37,115,.22);--hair-soft:rgba(34,37,115,.09);
  --sans:Archivo,Arial,sans-serif;--mono:PlexMono,"Courier New",monospace;
  --gutter:clamp(20px,4vw,56px);--ease:cubic-bezier(.22,.61,.36,1)
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}
.skip{position:absolute;left:-9999px;top:0;z-index:20;background:var(--ink);color:var(--paper);padding:12px 18px;font-family:var(--mono);font-size:12px}
.skip:focus{left:0}.wrap{width:100%;max-width:1560px;margin-inline:auto;padding-inline:var(--gutter)}
.label{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mid)}
.label--verm{color:var(--verm)}

.nav{height:92px;border-bottom:1px solid rgba(255,255,255,.18);background:var(--ink);color:#fff;position:relative;z-index:10}
.nav__in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.mark{display:flex;align-items:center}.mark img{width:66px;height:66px}
.nav__links{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px);font-size:14px;font-weight:700}
.nav__links a{position:relative;padding:10px 0;color:rgba(255,255,255,.84)}.nav__links a:hover,.nav__links a.is-active{color:#fff}
.nav__links a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:4px;background:var(--purple)}
.nav__toggle{display:none;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:transparent;color:#fff;padding:8px 16px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}

.hero{padding:clamp(70px,10vw,145px) 0;border-bottom:1px solid var(--ink);background:linear-gradient(135deg,var(--paper) 0 72%,var(--peach) 72% 100%)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(55px,9vw,145px);align-items:center;min-width:0}
.hero__grid>*{min-width:0}
h1{font-size:clamp(54px,8.4vw,126px);line-height:.86;letter-spacing:-.065em;margin:24px 0 34px;text-wrap:balance}
.standfirst{max-width:42ch;font-size:clamp(18px,1.5vw,22px);font-weight:500;line-height:1.38;letter-spacing:-.025em;color:var(--slate)}
.hero__figure{position:relative;width:100%;max-width:100%;aspect-ratio:1.2;border:2px solid var(--ink);background:rgba(255,255,255,.78);overflow:hidden}
.hero__box{position:absolute;left:0;bottom:0;width:42%;height:42%;background:var(--peach);border-top:1px solid var(--ink);border-right:1px solid var(--ink)}
.dot{position:absolute;width:14px;height:14px;background:var(--verm);animation:arrive .7s var(--ease) both}
.d1{left:52%;top:22%}.d2{left:72%;top:36%;animation-delay:.08s}.d3{left:61%;top:62%;animation-delay:.16s}.d4{left:84%;top:71%;animation-delay:.24s}.d5{left:44%;top:45%;animation-delay:.32s}.d6{left:89%;top:17%;animation-delay:.4s}
.figure-label{position:absolute;right:18px;bottom:15px;font-family:var(--mono);font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:var(--verm)}
@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

.directory{padding:clamp(65px,9vw,130px) 0 120px}
.section-head{display:grid;grid-template-columns:64px 1fr auto;align-items:center;border-top:2px solid var(--ink);border-bottom:1px solid var(--hair);min-height:64px;font-family:var(--mono);font-size:11px;letter-spacing:.17em;text-transform:uppercase}
.section-head__n{color:var(--verm)}.section-head__meta{color:var(--mid);text-align:right}
.filters{display:grid;grid-template-columns:1.25fr 1fr 1fr auto;gap:18px;align-items:end;padding:38px 0;border-bottom:1px solid var(--ink)}
.filter-intro{display:flex;flex-direction:column;gap:9px}.filter-intro strong{font-size:28px;letter-spacing:-.04em}
.filters label{display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.filters select{width:100%;border:1px solid var(--ink);border-radius:999px;background:var(--paper);padding:12px 38px 12px 17px;font-family:var(--sans);font-size:15px;letter-spacing:0;text-transform:none}
.filters button{border:1px solid var(--purple);border-radius:999px;background:var(--purple);color:#fff;padding:12px 22px;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.filters button:hover{background:var(--ink);border-color:var(--ink);transform:translateY(-1px)}
.status{padding:34px 0;font-family:var(--mono);font-size:12px;color:var(--mid)}
.status:empty{display:none}

.candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.candidate{position:relative;min-height:410px;padding:clamp(25px,3vw,42px);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;flex-direction:column;background:var(--paper);transition:background .25s var(--ease),box-shadow .25s var(--ease)}
.candidate:hover{background:#fff;box-shadow:inset 0 5px 0 var(--purple)}.candidate__top{display:flex;justify-content:space-between;gap:24px;align-items:start}
.candidate__id{font-family:var(--mono);font-size:15px;font-weight:700;letter-spacing:.08em;color:var(--verm);text-transform:uppercase}
.candidate h2{font-size:clamp(23px,2vw,32px);line-height:1.05;letter-spacing:-.04em;margin:13px 0 8px}
.candidate__title{font-size:17px;color:var(--slate);margin:0;max-width:36ch}
.candidate__year{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--mid);white-space:nowrap}
.candidate__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:30px 0 24px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.fact{padding:14px 10px 14px 0}.fact:nth-child(even){padding-left:16px;border-left:1px solid var(--hair)}
.fact span{display:block;font-family:var(--mono);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--mid);margin-bottom:4px}
.fact strong{font-size:14px;font-weight:400}
.tags{display:flex;flex-wrap:wrap;gap:7px}.tag{border:1px solid var(--hair);padding:5px 8px;font-family:var(--mono);font-size:10px}
.skill-group{margin-top:17px}.skill-group__title{margin:0 0 8px;font-family:var(--mono);font-size:9px;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--mid)}
.tag--language{border-color:var(--ink);color:var(--ink)}.tag--framework{border-color:var(--purple);color:var(--purple)}.tag--practice{border-color:#008361;color:#008361}.tag--erp{border-color:#9f6000;color:#9f6000}.tag--collaboration{border-color:#357df9;color:#265ab2}.tag--operations{border-color:#d63163;color:#b62250}.tag--tools{border-color:#59606a;color:#59606a}
.candidate__industries{margin:0 0 20px;font-family:var(--mono);font-size:10px;line-height:1.7;letter-spacing:.08em;text-transform:uppercase;color:var(--mid)}
.empty{grid-column:1/-1;padding:70px 20px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);text-align:center;color:var(--mid)}
footer{background:var(--ink);color:var(--paper);padding:42px 0}.footer__in{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer__brand{display:flex;align-items:center;gap:17px}.footer__brand img{width:64px;height:64px}.footer__in .label{color:var(--paper)}.footer__in .label--verm{color:#b9bcff}

@media(max-width:1100px){.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.nav__toggle{display:block}.nav__links{display:none;position:absolute;left:0;right:0;top:92px;flex-direction:column;align-items:stretch;gap:0;padding:12px var(--gutter) 22px;background:var(--ink);border-top:1px solid rgba(255,255,255,.14)}.nav__links.is-open{display:flex}.nav__links a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12)}.nav__links a.is-active::after{left:auto;width:30px;bottom:12px}.hero__grid{grid-template-columns:1fr}.hero__figure{max-width:620px}.filters{grid-template-columns:1fr 1fr}.filter-intro{grid-column:1/-1}}
@media(max-width:600px){.nav{height:78px}.nav__links{top:78px}.mark img{width:58px;height:58px}.hero{padding-top:70px;background:linear-gradient(155deg,var(--paper) 0 78%,var(--peach) 78% 100%)}.hero h1{font-size:clamp(43px,13vw,54px);overflow-wrap:anywhere}.standfirst{font-size:17px;overflow-wrap:anywhere}.filters{grid-template-columns:1fr}.section-head{grid-template-columns:40px 1fr}.section-head__meta{grid-column:2;text-align:left;padding-bottom:13px}.candidate-grid{grid-template-columns:1fr}.candidate{min-height:0}.candidate__top{flex-direction:column;gap:12px}.candidate__year{white-space:normal}.candidate__facts{grid-template-columns:1fr}.fact:nth-child(even){padding-left:0;border-left:0}.footer__in{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}