:root{--ink:#3c3028;--muted:#77695d;--paper:#f7f0e5;--line:#ded1bf;--green:#745b43}em{color:#937655}.dot{background:#9a7a51}.button:hover{background:#5d4734}.outline:hover{background:#eadcc8}.outline{color:var(--ink);background:transparent}.contact{background:#e9dcc8}.email{border-color:#b59a78}.timeline span{color:#8a6d4d}.violet{background:#e6d9c7;color:#705a45}.green{background:#dfd0b9;color:#66523b}.peach{background:#eee0cc;color:#8c6349}.mini-profile{background:#8f7457}.mini-profile.light{background:#fbf5eb;color:#705a45}.mock-dashboard{background:#f9f3e8}.bars i{background:#a98c65}.project-banner{height:auto;min-height:398px;background:#eaddc9;padding:28px 28px 20px;border:1px solid #dfcfb7}.project-banner h2{font-size:31px;line-height:1.1;margin:15px 0 24px}.project-banner h2 em{color:#82674c}.banner-projects a{display:grid;grid-template-columns:25px 1fr 15px;align-items:center;gap:12px;padding:16px 0;border-top:1px solid #cebaa1;transition:background .15s,padding .15s}.banner-projects a:hover{background:#f4e9d8;padding-left:8px;padding-right:8px}.project-number{font-size:10px;color:#8a7155}.banner-projects strong{display:block;font-size:14px;line-height:1.4;font-weight:500}.banner-projects small{display:block;font-size:10px;color:#806c56;margin-top:3px}.banner-caption{font-size:8px;letter-spacing:1.5px;margin:20px 0 0;color:#806c56}.project-menu{position:relative}.project-menu summary{cursor:pointer;list-style:none}.project-menu summary::-webkit-details-marker{display:none}.project-menu summary:after{content:'⌄';padding-left:7px}.project-menu summary:focus-visible{outline:3px solid #a28156;outline-offset:5px}.project-menu-links{position:absolute;top:30px;right:0;min-width:245px;background:#fbf5eb;border:1px solid var(--line);padding:8px;z-index:5;box-shadow:0 12px 30px #57412718;border-radius:4px}.project-menu-links a{display:block;padding:10px 12px;font-size:12px}.project-menu-links a:hover{background:#eadcc8}.project{scroll-margin-top:28px;border-radius:5px}.project:target{outline:2px solid #a58762;outline-offset:10px}.project:focus{outline:2px solid #a58762;outline-offset:10px}@media(max-width:900px){.project-banner{padding:24px 20px}.banner-projects strong{font-size:12px}.project-banner h2{font-size:28px}}@media(max-width:650px){.project-banner{min-height:0}.banner-projects strong{font-size:14px}.project-menu-links{right:auto;left:-70px;min-width:240px}.banner-projects a{min-height:72px}}@media(prefers-reduced-motion:reduce){.banner-projects a{transition:none}}