/* A shared bridge for the archive and working engineering notes. */
.portfolio-legacy>header{position:relative;z-index:5;background:#0b1a2a!important;border-bottom:1px solid #526171!important;box-shadow:none!important;min-height:0!important;padding:0 max(20px,calc((100vw - 1260px)/2))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;flex-wrap:wrap!important}
.portfolio-legacy>header .header-left{font:400 30px/1.1 Georgia,serif!important;letter-spacing:-.04em!important;color:#ead4a6!important;text-shadow:none!important;text-transform:none!important;padding:18px 0!important;white-space:nowrap}
.portfolio-legacy>header nav{display:flex!important;justify-content:flex-end!important;align-items:center!important;flex-wrap:wrap!important;gap:4px 18px!important;margin:0!important;padding:13px 0!important;background:transparent!important;box-shadow:none!important;width:auto!important;max-width:none!important}
.portfolio-legacy>header nav a{font:600 12px/1.4 'DM Sans',Arial,sans-serif!important;letter-spacing:0!important;color:#d4dee4!important;text-decoration:none!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:9px 0!important;text-transform:none!important;white-space:nowrap}
.portfolio-legacy>header nav a:hover,.portfolio-legacy>header nav a:focus-visible{color:#ead4a6!important;text-decoration:underline!important}
.portfolio-legacy{min-width:320px}
.portfolio-legacy.projects-archive{background:#eeeae2!important;color:#182b3b!important}
.projects-archive main{max-width:1260px!important;margin-left:auto!important;margin-right:auto!important}
.projects-archive h1{font:400 clamp(46px,6vw,74px)/1.1 Georgia,serif!important;letter-spacing:-.04em!important;color:#11263a!important;text-shadow:none!important;text-transform:none!important;margin:60px 0 45px!important}
.projects-archive .project{background:#fcfaf6!important;border:1px solid #c7c4bb!important;border-left:3px solid #a88750!important;border-radius:0!important;box-shadow:0 14px 35px #0b1a2a12!important;transition:transform .2s,border-color .2s!important}
.projects-archive .project:hover{border-color:#a88750!important}
.projects-archive .project h2{font:400 clamp(28px,3vw,39px)/1.15 Georgia,serif!important;letter-spacing:-.02em!important;color:#142b40!important}
.projects-archive .gallery img{border-radius:0!important;box-shadow:none!important}
.projects-archive .project{scroll-margin-top:105px;padding:clamp(22px,3vw,40px)!important;margin-bottom:22px!important}
.projects-archive .gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;justify-content:stretch!important;margin:24px 0!important}
.projects-archive .gallery img{display:block;width:100%!important;height:210px!important;object-fit:contain!important;background:#ece9e2!important}
.projects-archive #multi-wire .description{max-height:none!important;overflow:visible!important;opacity:1!important;margin-top:26px!important}
.projects-archive #multi-wire .toggle-btn{display:none!important}
@media(max-width:760px){.projects-archive .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.projects-archive .gallery img{height:150px!important}}
@media(max-width:470px){.projects-archive .gallery{grid-template-columns:1fr}.projects-archive .gallery img{height:210px!important}}
.projects-archive .toggle-btn{background:#11263a!important;color:#ead4a6!important;border-radius:0!important;box-shadow:none!important;font-weight:600!important}
.projects-archive .toggle-btn:hover{background:#25435c!important}
.projects-archive .description h3{color:#1b354a!important}
@media(max-width:850px){.portfolio-legacy>header{padding:0 18px!important}.portfolio-legacy>header .header-left{font-size:24px!important;padding:17px 0 0!important}.portfolio-legacy>header nav{justify-content:flex-start!important;width:100%!important;padding:4px 0 15px!important;gap:1px 13px!important}.portfolio-legacy>header nav a{font-size:11px!important;padding:7px 0!important}}