:root{--paper:#fafcfd;--ink:#354b61;--muted:#62768a;--line:#dde5ec;--lime:#bacbdc}h1 span{font-size:.45em;letter-spacing:0}
body{background:var(--paper);font-weight:400;-webkit-font-smoothing:antialiased}header{background:#fafcfdf5;backdrop-filter:blur(10px)}nav,main{max-width:1120px}nav{padding-top:24px;padding-bottom:24px}nav .brand{font-weight:500;letter-spacing:2.5px}nav .brand span{color:#8fa8be!important}nav button{border-radius:0;border:0;padding-left:18px;border-left:1px solid var(--line)}.hero{grid-template-columns:1fr;min-height:580px;padding:100px 0 90px}.hero>div:first-child{max-width:850px}.art{display:none}h1{font-size:clamp(46px,6vw,74px);line-height:1.3;letter-spacing:-2px;margin:24px 0 28px;font-weight:400}h1 em{font-family:inherit;font-style:normal;font-size:.7em;color:#829bb1;font-weight:300;letter-spacing:0}.intro{font-size:16px;max-width:620px;line-height:2}.eyebrow{letter-spacing:2px;color:#667e94}.primary{background:#829bb1;border-radius:0;padding:10px 24px;color:white}.actions{font-size:14px}.strip{font-size:10px;letter-spacing:1.3px;border-top:0;padding-bottom:28px;gap:20px}.section{padding:75px 0}.section-head{margin-bottom:36px}h2{font-size:31px;font-weight:400}h3{font-size:24px;font-weight:400}.project{grid-template-columns:58px 1fr 215px;gap:30px;padding:44px 0}.number{font-size:22px;color:#95a9ba;font-family:inherit;font-weight:300;padding-top:8px}.project aside{background:transparent;border-left:1px solid var(--line);padding:5px 0 5px 25px;color:var(--muted);font-size:12px}.project aside b{font-weight:500;color:var(--ink)}.tags{margin:18px 0;gap:14px}.tags span{border:0;border-radius:0;padding:0;font-size:10px;letter-spacing:.5px;color:#6a8299}.tags span+span{border-left:1px solid var(--line);padding-left:14px}summary{text-decoration:none;font-size:12px;color:#4c6d8c;padding:8px 0}details[open]{margin-bottom:8px}details p{line-height:1.95}.timeline{border-color:var(--line)}.contact{background:#eef3f7;color:var(--ink);border-radius:0;padding:45px 40px;margin-top:70px}.contact .eyebrow{color:#718ba3}.contact h2{font-size:27px}.contact a{border-color:#a9bbcb;font-size:14px}.report-link{display:inline-block;margin:15px 0 0;font-size:12px;border-bottom:1px solid #aebecd}.evidence{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.evidence h4{font-size:13px;font-weight:500;margin:8px 0}.evidence table{border-collapse:collapse;width:100%;font-size:12px;margin:14px 0}.evidence td,.evidence th{text-align:left;border-bottom:1px solid var(--line);padding:8px;font-weight:400}.evidence small{display:block;font-size:11px;color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #7f9bb7;outline-offset:5px}
@media(max-width:760px){nav{padding:18px 22px;gap:15px}.hero{min-height:480px;padding:75px 0 60px}h1{font-size:44px}.intro{font-size:14px}.strip{font-size:9px;gap:10px;justify-content:flex-start}.strip span{display:block}.section{padding:50px 0}.project{grid-template-columns:30px 1fr;gap:14px;padding:30px 0}.project aside{grid-column:2;padding:10px 0;border:0;border-top:1px solid var(--line)}h3{font-size:21px}.contact{padding:28px 24px}.contact h2{font-size:24px}.about{gap:28px}.section-head .eyebrow{font-size:10px}footer{font-size:9px}}
/* Reading, navigation, and small-screen refinements. */
.primary{background:#58738e}.primary:hover{background:#435f7b}h1 em{color:#647f98}.number{color:#657d93}.project-index{display:flex;flex-wrap:wrap;gap:12px 30px;padding:0 0 32px;font-size:12px}.project-index a{padding:8px 0;display:flex;gap:12px;border-bottom:1px solid var(--line)}.project-index a:hover{border-color:#58738e}.project-index a span{color:#637b93}article{scroll-margin-top:100px}.skip-link{position:fixed;top:-90px;left:16px;background:white;padding:12px;z-index:10}.skip-link:focus{top:12px}.time-value{position:relative;width:62%;isolation:isolate}.time-value .bar{position:absolute;left:0;top:7px;bottom:7px;background:#dae4ed;z-index:-1}.time-value>span:last-child{position:relative}caption{text-align:left;font-size:11px;color:var(--muted);padding-bottom:10px}.contact a:hover{color:#1e466b}summary{padding:12px 0}footer a{text-decoration:underline;text-underline-offset:4px}a,button,summary{-webkit-tap-highlight-color:#dce6ef}button{min-height:44px}.project>div{min-width:0}details p{overflow-wrap:anywhere}details[open] summary{font-weight:600}p{line-height:1.95}
@media(max-width:480px){nav{gap:13px;padding:12px 20px}nav .brand{font-size:11px;letter-spacing:1px}nav button{padding-left:12px;font-size:12px}h1{font-size:40px}h1 em{font-size:.61em}.hero{padding:58px 0 48px;min-height:auto}.actions{flex-wrap:wrap;gap:18px}.strip{padding-top:18px}.project-index{gap:8px 18px;font-size:11px}.project{grid-template-columns:24px minmax(0,1fr);gap:10px}.tags{gap:10px}.tags span{font-size:10px}.tags span+span{padding-left:10px}.contact a{font-size:12px}footer{flex-wrap:wrap}.eyebrow{font-size:10px}.about .timeline{padding-left:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{header,.skip-link,.actions,.project-index,footer{display:none}.hero{min-height:auto;padding:20px 0}.section{padding:25px 0}.contact{margin:20px 0}main{max-width:none}.project{break-inside:avoid}}

/* Light, low-saturation apricot with dark text for readable contrast. */
:root{--accent:#eac09f;--accent-hover:#e2b18b;--accent-soft:#f7e8dc;--accent-line:#dfb38e}
.primary{background:var(--accent);color:#354b61}
.primary:hover{background:var(--accent-hover)}
nav .brand span{color:var(--accent)!important}
.hero .eyebrow::before{content:"";display:inline-block;width:22px;height:2px;background:var(--accent-line);margin-right:12px;vertical-align:middle}
.number,.project-index a span:first-child{color:var(--ink);background:linear-gradient(transparent 65%,var(--accent-soft) 65%,var(--accent-soft) 90%,transparent 90%)}
.number{align-self:start;justify-self:start;min-width:30px}
.project-index a:hover{color:var(--ink);border-color:var(--accent-line);background:var(--accent-soft)}
summary,details[open] summary{color:var(--ink)}
summary::marker{color:#bd875f}
.evidence h4{border-left:2px solid var(--accent-line);padding-left:12px}
.time-value .bar{background:var(--accent-soft)}
.contact a{color:var(--ink);border-color:var(--accent-line);border-bottom-width:2px}
.contact a:hover{color:var(--ink);background:var(--accent-soft)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#926443}

.bar-0{width:82.625%}.bar-1{width:66%}.bar-2{width:71.875%}.bar-3{width:87.750%}