:root{color-scheme:light;--navy:#142d44;--ink:#24394a;--muted:#546574;--accent:#146a7a;--line:#dbe3e9;--paper:#fff;--bg:#f1f4f7}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}a{color:var(--accent);text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #c77724;outline-offset:5px}.skip{position:absolute;left:1rem;top:-8rem;background:white;padding:.7rem;z-index:5}.skip:focus{top:1rem}.wrap{max-width:1160px;margin:auto;padding:0 48px}
header{background:var(--navy);color:white;border-top:6px solid #69b5c0}.topline{padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:#c7d9e5}.topline nav{display:flex;gap:26px;flex-wrap:wrap}.topline a{font-size:.9rem;color:#e3edf4;text-decoration:none}.topline a:hover{text-decoration:underline}.hero{padding-top:51px;padding-bottom:48px;max-width:900px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,6vw,4.5rem);font-weight:400;letter-spacing:-.035em;line-height:1.1;margin:0 0 20px}.subtitle{font-size:clamp(1.15rem,2.6vw,1.5rem);line-height:1.4;margin:0;color:#e0eaf2}.contact{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:26px;color:#c7d9e5}.linkedin{color:white;border:1px solid #7293aa;padding:8px 15px;border-radius:4px;text-decoration:none;font-size:.95rem}.linkedin:hover{background:#254760}.intro{background:var(--paper);padding-top:35px;padding-bottom:36px;border-bottom:1px solid var(--line)}.intro h2{margin-bottom:12px}.intro p{max-width:99ch;margin:0;font-size:1.06rem;line-height:1.8}.layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:52px;background:white;padding-top:42px;padding-bottom:48px}main{background:white;max-width:1160px;margin:auto}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);margin:0 0 26px;font-weight:750}h3{font-size:1.2rem;line-height:1.4;margin:0 0 12px;color:var(--navy);font-weight:650}p{margin:0 0 16px}.role{padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid var(--line)}.role-heading{margin-bottom:19px}.employer{font-weight:700;font-size:1.1rem;color:var(--navy);margin:0 0 4px}.role-heading h3{font-size:1rem;font-weight:500;margin-bottom:5px}.date{color:var(--muted);font-size:.88rem;margin:0;font-variant-numeric:tabular-nums}.role ul{padding-left:20px;margin:0}.role li{padding-left:4px;margin:0 0 11px}.role li::marker{color:var(--accent)}.earlier{margin-bottom:24px}.earlier h3{font-size:1rem;margin:4px 0}.earlier p:last-child{font-size:.95rem}.sidebar{border-left:1px solid var(--line);padding-left:29px}.sidebar section+section{margin-top:35px}.sidebar h2{margin-bottom:16px}.plain-list{list-style:none;padding:0;margin:0}.plain-list li{padding:0 0 12px;font-size:.94rem;line-height:1.55}.qualifications li{border-bottom:1px solid var(--line);padding:11px 0}.qualifications li:first-child{padding-top:0}.qualifications li:last-child{border:0}.education strong{font-weight:650;display:block}.education span{display:block;font-size:.88rem;color:var(--muted);margin-top:3px}.tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0}.tags li{font-size:.82rem;padding:4px 8px;background:#edf3f6;border-radius:3px}.additional{border-top:1px solid var(--line);padding-top:28px;margin-top:30px}.additional h2{margin-bottom:16px}.additional p{font-size:.94rem}footer{padding-top:23px!important;padding-bottom:28px!important;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}footer p{margin:0}
@media(min-width:1200px){main{box-shadow:0 8px 36px #142d4409}}@media(max-width:850px){.wrap{padding-left:28px;padding-right:28px}.layout{grid-template-columns:minmax(0,1fr);gap:35px}.sidebar{border-left:0;border-top:1px solid var(--line);padding:30px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:30px}.sidebar section+section{margin-top:0}.hero{padding-top:40px}.intro p{font-size:1rem}}@media(max-width:480px){.wrap{padding-left:22px;padding-right:22px}.topline{align-items:flex-start}.topline nav{gap:15px}.wordmark{font-size:.75rem;letter-spacing:.08em}.hero{padding-bottom:34px}.contact{gap:16px}.sidebar{grid-template-columns:1fr}.plain-list li,.additional p,.earlier p:last-child{font-size:1rem}.tags li{font-size:.875rem}.layout{padding-top:32px}.role{padding-bottom:25px;margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{@page{margin:16mm}body{background:white;font-size:10pt}header{background:white;color:#142d44;border-top:0}.wrap{padding-left:0;padding-right:0;max-width:none}.topline{display:none}.hero{padding:0 0 18px}h1{font-size:30pt}.subtitle,.contact{color:#24394a}.contact{margin-top:10px}.linkedin{color:#146a7a;padding:0;border:0}.linkedin::after{content:" — linkedin.com/in/darrenhubbard/"}.intro{padding:15px 0}.intro p{font-size:10pt}.layout{display:block;padding-top:22px}.sidebar{border:0;padding:0;display:block}.sidebar section{margin-top:20px}.role{margin-bottom:18px;padding-bottom:18px}h2,h3,.role-heading{break-after:avoid}.role li,.qualifications li,.education li,.earlier{break-inside:avoid}.tags li{background:white;border:1px solid #dbe3e9}footer{display:none}a{text-decoration:none}}