/* Graphite / copper: shared portfolio and project-story theme. */
:root{color-scheme:dark;--ink:#f1eee9;--muted:#b6b4b0;--action:#edb77c;--line:#363738}body{background:#191b1d;color:var(--ink)}.topbar{background:#17191bf2;border-color:#343638;backdrop-filter:blur(16px);box-shadow:0 3px 22px #0002}.identity{color:#edb77c}.identity span{color:#f1eee9}.topbar nav a{color:#d0ccc6;position:relative}.topbar nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;background:#edb77c;transform:scaleX(0);transform-origin:left;transition:transform 180ms ease}.topbar nav a:hover:after,.topbar nav a:focus-visible:after{transform:scaleX(1)}aside{background:#202224;border-color:#343638}.nav-label,aside nav small,footer,.subtitle,.back{color:#b6b4b0}aside nav a{color:#e9e4dc;transition:background 180ms ease,transform 180ms ease,border-color 180ms ease}aside nav a:hover{background:#2b2d2f}aside nav a[aria-current=page]{background:#332c24;color:#ffd6a4;border-color:#745737;border-left-color:#edb77c;box-shadow:none}aside nav a[aria-current=page] small{color:#d8c4a9}.category,.on-page,footer a,.contact .email,.directory-actions>a:last-child{color:#edb77c}.narrative,.technical section,.directory-card,.timeline article,.toolbox,.education{background:#232527;border-color:#3b3c3d;box-shadow:0 6px 22px #00000012}.narrative p,.technical p,.directory-card>p,.experience-layout>div>p,.about p,.contact p,.timeline p,dd{color:#d0ccc6}.open-app,.directory-open,.directory-filters button[aria-pressed=true]{background:#edb77c;color:#251b11;border-color:#edb77c;box-shadow:0 4px 16px #edb77c10}.open-app:hover,.directory-open:hover{background:#ffd09a}.outline-action,.directory-filters button{background:#26282a;border-color:#4a4b4b;color:#e6e0d8}.intro-facts,.on-page,.experience,.about,.contact,footer,.directory-actions{border-color:#3b3c3d}.intro-facts span,.directory-stack,.directory-status,.directory-category,.directory-heading p,#directory-count,.directory-foot,.eyebrow,.job-meta,.education span{color:#b6b4b0}.intro-facts b{color:#f1eee9}.directory-icon{background:#3a3024;color:#ffd6a4}.tags span{background:#35312b;color:#ead9c3}.directory-card:hover{border-color:#84684a}.portfolio-intro,.project-heading{position:relative}.portfolio-intro:before,.project-heading:before{content:"";display:block;width:46px;height:3px;margin-bottom:23px;background:linear-gradient(90deg,#edb77c,#a77742);border-radius:3px}.portfolio-intro h1{font-size:46px;letter-spacing:-1.3px}.intro-facts{margin-top:38px}.narrative{border-top:2px solid #96724a}.skip{background:#232527;color:white}a:focus-visible,button:focus-visible,.directory-actions a:focus-visible{outline:3px solid #ffd6a4;outline-offset:5px}.motion-control{font:500 13px "Segoe UI",sans-serif;color:#c8c3bb;background:#27292b;border:1px solid #494949;padding:7px 10px;border-radius:6px;cursor:pointer}.topbar nav{align-items:center;gap:23px}.open-app,.outline-action,.directory-open,.directory-filters button{transition:transform 180ms ease,background 180ms ease,box-shadow 180ms ease}.directory-card{transition:transform 220ms ease,border-color 220ms ease,box-shadow 220ms ease}.directory-card:hover{box-shadow:0 14px 28px #0003}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .directory-card:hover,.motion-off .open-app:hover,.motion-off aside nav a:hover{transform:none}
@media(prefers-reduced-motion:no-preference){@keyframes settle{from{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}main>.portfolio-intro,.project-heading{animation:settle 380ms ease-out}.narrative,.directory-card{animation:settle 450ms ease-out}.directory-card:nth-child(2){animation-duration:520ms}.directory-card:nth-child(3){animation-duration:580ms}@media(hover:hover){.directory-card:hover{transform:translateY(-4px)}.open-app:hover,.outline-action:hover{transform:translateY(-2px)}aside nav a:hover{transform:translateX(3px)}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:720px){aside nav a{background:#252729}.topbar nav{gap:15px;flex-wrap:wrap}.motion-control{font-size:12px}.portfolio-intro h1{font-size:34px}.topbar{position:relative}.directory-card:hover{transform:none}}

html.motion-off{scroll-behavior:auto!important}