/* One animated stroke replaces the native border, rather than sitting beside it. */
.stroke-host{border-color:transparent!important}.stroke-outline{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px)}.stroke-path{stroke-width:1;stroke:#ffffff28}.pixel-btn,.terminal-choice,.skill-card,.work-card,.edu-card,.director-actions a,.career-detail{box-shadow:none}.stroke-host:hover>.stroke-outline .stroke-path{stroke:#ff6700}.director-actions .stroke-path{stroke:#ff6700}.section-title .stroke-path{stroke:#ffffff26}.director-pillars .stroke-path{stroke:#ffffff30}.note-pad .stroke-path,.quick-sticky .stroke-path{stroke:#00000035}
:root{--brand-orange:#ff6700;--brand-pink:#ff2cd2;--brand-yellow:#ffde2b;--brand-purple:#5e00ff}.dark-portfolio,.section-wrap{background:#131313}.director-intro{background:radial-gradient(ellipse at 95% 25%,#5e00ff0d,transparent 60%),#131313}.director-kicker,.director-pillars span,.director-actions a{color:#ff6700}.director-intro h2 em{color:#ff6700}.director-summary,.director-footnote{color:#aaa}.director-pillars p{color:#aaa}.director-actions a:hover{background:#ff670014}.nav-links a.active,.nav-links a:hover{color:#ff6700}.nav-links a:after{background:#ff6700}.section-title small{color:#ff6700}.chapter-accent{background-image:linear-gradient(100deg,#ff6700,#ff2cd2)}.contact-links a{color:#ff6700;border-color:#ff6700}.contact-box{background:radial-gradient(ellipse at 95% 0,#ff67000c,transparent 65%),#171717;border-color:#ffffff22}.contact-box small{color:#ff6700}.contact-box:after{color:#ff67000c}.work-art em{color:#ff6700!important}.work-card:nth-child(3) .work-art em{color:#5e00ff!important}.work-card:nth-child(4) .work-art em{color:#ff2cd2!important}.studio-ribbon em{color:#ff6700}.motion-toggle{color:#ddd;background:#1b1b1bf0}.live-dot{background:#ff6700;box-shadow:0 0 8px #ff670066}.screen-content .pixel-btn{border-color:#444!important}.screen-content .pixel-btn>.stroke-outline{display:none}.screen-content .terminal-choice{border-color:#555!important}.screen-content .terminal-choice>.stroke-outline{display:none}
.career-section{background:#131313;padding-top:65px;padding-bottom:65px}.career-section .chapter-rail,.career-section .career-controls,.career-section .career-meta,.career-section .scroll-caption,.career-section #careerDetail{display:none!important}.career-section .section-title{margin-bottom:38px}.career-section .section-title h2{font-size:clamp(32px,4vw,50px)}.career-section .section-title h2 br{display:none}.career-section .section-title p{max-width:270px;line-height:1.7;color:#888}.career-scroll{position:relative;overflow-x:auto;overflow-y:hidden;padding:26px 0 22px;scrollbar-width:thin;scrollbar-color:#323232 #131313;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}.career-chart{min-width:1360px}.year-axis{height:40px;font:500 13px var(--sans);letter-spacing:.01em;color:#818489}.year-axis span{border:0!important;padding-left:0;min-height:0}.year-axis span>.stroke-outline{display:none}.career-plot{height:370px;padding-top:0;border:0!important;background:repeating-linear-gradient(90deg,#ffffff07 0 1px,transparent 1px 2.5%),repeating-linear-gradient(90deg,#ffffff09 0 1px,transparent 1px 10%);background-size:100% 100%}.career-plot:before{display:none}.career-plot>.stroke-outline{display:none}.career-row{height:79px}.role-track{height:100%}.career-chart .role-bar,.career-chart.is-visible .role-bar{animation:none!important;transform:none!important;opacity:1!important;top:12px;height:53px;min-width:150px;border:1px solid #ffffff0d!important;border-radius:8px;background:#191919;color:#eee;box-shadow:none;padding:0 15px;gap:10px;font:500 13px var(--sans);overflow:hidden;transition:background .2s,border-color .2s,box-shadow .2s}.role-bar:before{display:none}.role-bar .stroke-outline{display:none}.role-bar .role-mark{flex-basis:24px;width:24px;height:24px;border-radius:50%;background:transparent!important}.role-mark img.company-icon{background:#fff;border-radius:50%;padding:2px}.role-main{font-weight:650}.role-company{font-weight:500;color:#a9a9ad;opacity:1}.role-anaxus .role-company,.role-operations .role-company,.role-current .role-company{display:inline!important}.role-anaxus .role-main{font-size:13px}.reference-dates{margin-left:auto;font:11px var(--mono);color:#c7a280;white-space:nowrap}.role-anaxus .reference-dates,.role-operations .reference-dates{display:none}.role-current.reference-current{background:linear-gradient(0deg,#ff670032,transparent 60%),linear-gradient(90deg,#24190e,#191715 70%,#131313);border-color:#ff670059!important;box-shadow:inset 0 -10px 18px #ff670025;color:#f5eadd;mask-image:linear-gradient(90deg,#000 0 80%,transparent 100%)}.role-current.reference-current .role-company{color:#dfc7b0}.role-current.reference-current .reference-dates{display:none}.role-bar:hover,.role-bar:focus-visible{background:linear-gradient(0deg,#ff670026,#1d1b18);border-color:#ff670077!important;box-shadow:inset 0 -8px 16px #ff670012;z-index:6;outline:none}.role-current.reference-current:hover{box-shadow:inset 0 -14px 22px #ff670033}.current-line{top:-8px;bottom:0;background:linear-gradient(#ff67006b,#ff67001a);box-shadow:none;width:1px;z-index:5}.current-line:before{top:0;left:-5px;width:11px;height:19px;border-radius:8px;background:#ffb77d;animation:none!important;box-shadow:none!important}.current-line span{display:none}
.role-popup{position:fixed;z-index:90;width:min(390px,calc(100vw - 24px));padding:23px;background:#1b1a18;border:1px solid #ff670066;border-radius:11px;box-shadow:0 18px 50px #0008;color:#ddd;font-family:var(--sans)}.role-popup[hidden]{display:none}.popup-close{position:absolute;right:10px;top:8px;border:0;background:none;color:#aaa;font-size:24px;line-height:1;cursor:pointer}.popup-company{display:flex;align-items:center;gap:9px;color:#e5c6a2;font:11px var(--mono)}.popup-company img{width:25px;height:25px;border-radius:5px;background:#fff;object-fit:contain;padding:2px}.role-popup h3{font-size:22px;letter-spacing:-.03em;margin:16px 0 8px;color:#f2eeea}.popup-date{font:10px/1.7 var(--mono);color:#aaa;margin:0}.popup-description{font:12px/1.8 var(--sans);color:#c1bdb6;margin:15px 0}.popup-tags{display:flex;gap:6px;flex-wrap:wrap}.popup-tags span{font:8px var(--mono);padding:5px 7px;border:1px solid #ffffff1c;border-radius:4px;color:#cbb28f}.role-popup button:focus-visible{outline:2px solid #ff6700;outline-offset:3px}@media(prefers-reduced-motion:no-preference){.role-popup:not([hidden]){animation:popup-enter .18s ease-out}}@keyframes popup-enter{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@media(max-width:760px){.career-chart{min-width:1300px}.career-section .section-title h2{font-size:36px}.career-plot{height:345px}.role-popup{padding:20px}.career-scroll{padding-top:20px}.reference-dates{font-size:10px}}
.career-chart .role-current.reference-current{background:linear-gradient(0deg,#ff670033,transparent 65%),linear-gradient(90deg,#281b0e,#1a1714 65%,#131313);box-shadow:inset 0 -9px 18px #ff670026}.career-chart .role-bar:hover,.career-chart .role-bar:focus-visible{background:linear-gradient(0deg,#ff670022,#191919);box-shadow:inset 0 -9px 18px #ff670015}.career-chart .role-current.reference-current:hover,.career-chart .role-current.reference-current:focus-visible{background:linear-gradient(0deg,#ff670044,transparent 65%),linear-gradient(90deg,#281b0e,#1a1714 65%,#131313);box-shadow:inset 0 -12px 20px #ff67002b}.career-chart .role-bar,.career-chart.is-visible .role-bar{border-color:transparent!important}.role-edge{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.role-edge rect{stroke:#ffffff12;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:0}.reference-current .role-edge rect{stroke:#ff670066}.role-bar:hover .role-edge rect,.role-bar:focus-visible .role-edge rect{stroke:#ff670088}@media(prefers-reduced-motion:no-preference){.is-visible .role-edge rect{animation:role-stroke-draw 1s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--delay,0s)}.role-bar:hover .role-edge rect,.role-bar:focus-visible .role-edge rect{animation:role-stroke-draw .7s ease-out both}}@keyframes role-stroke-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}html.motion-paused .role-edge rect{animation:none!important;stroke-dashoffset:0}
.career-chart .role-bar{user-select:none}.role-popup{user-select:text}
.quick-sticky.yellow{background:#ffde2b;color:#241b00}.quick-sticky.pink{background:#ff2cd2;color:#25051f}.quick-sticky.purple{background:#5e00ff;color:#fff}.quick-sticky.orange{background:#ff6700;color:#260e00}.note-pad{background:linear-gradient(145deg,#ffde2b,color-mix(in srgb,#ffde2b 80%,#fff));border-top-color:#ff6700;color:#241b00}.quick-sticky.purple .stroke-path{stroke:#ffffff40}.quick-sticky.purple button{color:#fff}.note-editor textarea{background:#ffde2b;color:#241b00}.scroll-progress{background:linear-gradient(90deg,#ff2cd2,#5e00ff,#ff6700,#ffde2b)}
.role-popup{width:min(390px,calc(100% - 24px))}@media(max-width:760px){.career-section .section-title p{display:block!important;max-width:100%;font-size:10px;margin:16px 0 0}}
@media(prefers-reduced-motion:no-preference){.role-bar:hover .role-edge rect,.role-bar:focus-visible .role-edge rect{animation-name:role-stroke-hover}}@keyframes role-stroke-hover{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}