@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f6f5f0;--ink:var(--kabby-ink);--muted:#686e67;--line:#d9ddd3;--accent:#a6402d;--olive:#e9ecdf;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--selection)}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:650;letter-spacing:-1.3px;white-space:nowrap}.brand-dot{color:var(--accent)}nav{display:flex;align-items:center;gap:36px;font-size:14px}nav a{transition:color .2s}nav a:hover,.nav-contact:hover{color:var(--accent)}.nav-contact{background:none;border:0;border-bottom:1px solid var(--ink);padding:8px 0;margin-left:12px}.nav-contact span{margin-left:13px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;line-height:1.6;margin:0}.hero{padding-top:52px}.hero-meta{display:flex;justify-content:space-between;align-items:center}.small-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:10px;vertical-align:1px}.location{font-size:12px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,6.8vw,98px);line-height:1.06;letter-spacing:-5px;font-weight:500;margin:54px 0 38px}.serif{font-family:var(--serif);font-weight:400;font-style:italic}.hero h1 .serif{color:var(--accent);font-size:1.09em}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.hero-bottom>p{font-size:18px;line-height:1.65;max-width:520px;margin-bottom:0;color:var(--body-copy)}.round-link{display:flex;gap:20px;align-items:center;font-size:13px;white-space:nowrap}.circle{width:52px;height:52px;border:1px solid var(--circle-border);border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .2s,transform .2s}.round-link:hover .circle{background:var(--olive);transform:translateY(3px)}.hero-foot{margin-top:62px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:var(--muted)}.hero-foot span:last-child{letter-spacing:0;font-size:11px}.work{padding:100px 0 92px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:20px}h2{font-size:44px;line-height:1.15;font-weight:500;letter-spacing:-1.8px;margin-bottom:0}.muted{color:var(--muted)}.section-intro{max-width:300px;font-size:14px;line-height:1.75;color:var(--muted);margin-bottom:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px 28px}.project button{border:0;padding:0;text-align:left;background:none;display:block;width:100%}.project-art{height:342px;padding:28px;overflow:hidden;position:relative;transition:filter .3s}.project-open:hover .project-art{filter:brightness(.97)}.playbooks-art{background:#263d34;color:#f2f4e9}.art-label{font-size:9px;font-weight:500;letter-spacing:1.6px;position:relative;z-index:1}.art-bottom{position:absolute;bottom:23px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:10px;opacity:.7}.flow-art{width:100%;height:235px;position:relative}.flow-node{position:absolute;height:42px;border:1px solid #6b8175;background:#2f473d;display:flex;align-items:center;padding:0 16px;gap:12px;font-size:11px;letter-spacing:.1px;box-shadow:0 12px 24px #12201922}.flow-start{top:36px;left:12%;transform:rotate(-4deg)}.flow-mid{top:99px;left:28%;transform:rotate(2deg);background:#e6e9da;color:#263d34;border-color:#e6e9da}.flow-end{top:164px;left:36%;transform:rotate(-3deg)}.node-icon{font-size:18px}.coral-text{color:#a6402d}.flow-line{position:absolute;border:1px solid #819589;border-left:0;border-bottom:0;width:25%;height:65px}.line-one{top:62px;left:53%}.line-two{top:119px;left:31%;transform:rotate(180deg)}.flow-spark{font-size:50px;position:absolute;left:6%;top:136px;color:#b9c9a6}.reasoner-art{background:var(--reasoner-bg);color:var(--reasoner-ink)}.orbit-art{width:280px;height:260px;position:absolute;top:49px;left:50%;transform:translateX(-50%);display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--orbit-line);border-radius:50%;height:210px;width:210px}.orbit-one{transform:rotate(-40deg) scaleX(.59)}.orbit-two{transform:rotate(40deg) scaleX(.59)}.orbit-three{transform:rotate(90deg) scaleX(.59)}.core{width:80px;height:80px;border-radius:50%;background:var(--reasoner-ink);color:var(--core-ink);display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:25px;box-shadow:0 0 0 12px var(--reasoner-bg)}.orbit-point{position:absolute;background:var(--orbit-label-bg);border:1px solid var(--orbit-label-line);border-radius:20px;padding:5px 12px;font-size:9px;letter-spacing:.5px}.point-one{left:0;top:53px}.point-two{right:-8px;top:139px}.point-three{bottom:6px;left:85px}.project-topline{margin-top:23px;display:flex;justify-content:space-between;font-size:9px;font-weight:500;letter-spacing:1.1px;gap:15px;color:var(--muted)}.project-title{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.project h3{font-size:29px;letter-spacing:-.9px;font-weight:500;margin:0;line-height:1.3}.project-arrow{font-size:27px;transition:transform .2s}.project-open:hover .project-arrow{transform:translate(3px,-3px)}.project p{font-size:14px;line-height:1.75;color:var(--project-copy);margin:11px 0 0;max-width:480px}.project-role{margin-top:18px;font-size:10px;color:var(--muted)}.project-wide{grid-column:1/-1}.project .kabby-project{color:var(--kabby-ink);display:grid;grid-template-columns:1fr 1fr;background:var(--kabby-bg);overflow:hidden;min-height:360px}.kabby-content{padding:36px 40px}.kabby-project .project-topline{margin:0;color:var(--kabby-meta);font-size:9px}.kabby-project h3{font-size:66px;margin:18px 0 0;letter-spacing:-3px}.kabby-project h3 .serif{color:var(--accent)}.kabby-project p{font-size:19px;line-height:1.5;max-width:350px;color:var(--kabby-copy);margin-top:8px}.kabby-project .kabby-detail{font-size:13px;color:var(--kabby-detail);margin-top:13px;max-width:360px}.kabby-cta{font-size:12px;margin-top:25px;display:flex;gap:22px;align-items:center}.kabby-art{position:relative;overflow:hidden;min-height:360px;background:var(--map-bg)}.kabby-art svg{position:absolute;width:110%;height:110%;top:-6%;left:-5%;transition:transform .5s}.kabby-project:hover .kabby-art svg{transform:scale(1.025)}.map-road{stroke:var(--map-road);stroke-width:21}.map-road.thin{stroke-width:10;opacity:.8}.route{stroke:var(--map-route);stroke-width:5;stroke-linecap:round;stroke-dasharray:1 0}.map-caption{position:absolute;bottom:20px;right:24px;font-size:8px;letter-spacing:1.4px;color:var(--map-caption)}.more-work{border-bottom:1px solid var(--line);margin-top:44px;padding:0 0 35px;display:flex;gap:40px;justify-content:space-between;align-items:center}.more-work h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin:12px 0 8px}.more-work p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:650px;margin-bottom:0}.text-button{display:inline-flex;gap:20px;align-items:center;border:none;border-bottom:1px solid var(--ink);background:none;padding:5px 0;font-size:12px;line-height:1.6;white-space:nowrap}.text-button:hover{color:var(--accent);border-color:var(--accent)}.about{background:var(--olive);padding:82px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{font-size:43px;margin-top:24px;line-height:1.2}.about h2 .serif{font-size:1.15em}.about-monogram{font-family:var(--serif);font-size:175px;letter-spacing:-14px;line-height:1.1;width:210px;margin-top:45px;position:relative}.about-monogram span{font-family:var(--sans);position:absolute;font-size:50px;right:0;top:20px;color:var(--accent);font-weight:400;letter-spacing:0}.monogram-caption{font-size:8px;letter-spacing:1.3px;margin-top:17px;color:var(--muted)}.about-copy .lead{font-size:22px;letter-spacing:-.4px;line-height:1.5;margin-bottom:24px}.about-copy>p{font-size:14px;line-height:1.85;color:var(--about-copy);margin-bottom:18px}.about-copy>p.lead{color:var(--ink)}.practice-list{margin-top:28px}.practice-list>div{display:flex;gap:24px;padding:18px 0;border-top:1px solid var(--practice-line)}.practice-list>div>span{font-size:10px;color:var(--muted);padding-top:4px}.practice-list p{margin:0;font-size:13px;color:var(--about-copy);line-height:1.75}.practice-list strong{font-weight:550;color:var(--ink)}.experience{padding:95px 0 85px}.timeline{border-top:1px solid var(--line)}.timeline-row{display:grid;grid-template-columns:170px 1fr 1fr;gap:25px;align-items:start;padding:27px 0;border-bottom:1px solid var(--line)}.timeline-date{font-size:9px;letter-spacing:1px;color:var(--muted);padding-top:7px}.timeline-row h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin-bottom:4px}.timeline-row p{font-size:12px;margin-bottom:0}.timeline-row .timeline-desc{color:var(--muted);font-size:13px;line-height:1.7;padding-top:4px}.timeline-desc small{display:block;font-size:10px;margin-top:7px}.toolbox{display:flex;gap:45px;margin-top:35px;align-items:baseline}.toolbox .eyebrow{white-space:nowrap}.toolbox>p:last-child{font-size:11px;line-height:2;margin-bottom:0;color:var(--muted)}.toolbox span{padding:0 6px;color:var(--tool-dot)}.contact{border-top:1px solid var(--line);padding:48px 0 75px}.contact-top{display:flex;justify-content:space-between;align-items:center}.small-star{font-size:42px;line-height:1;color:var(--accent)}.contact h2{font-size:75px;font-weight:500;line-height:1.08;letter-spacing:-3px;margin-top:12px}.contact h2 .serif{color:var(--accent);font-size:1.1em}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:32px}.contact-bottom p{max-width:455px;font-size:14px;color:var(--muted);margin-bottom:0}.email-link{font-size:22px;border-bottom:1px solid var(--ink);padding-bottom:8px;display:flex;gap:60px;align-items:center;white-space:nowrap}.email-link:hover{color:var(--accent);border-color:var(--accent)}.footer{border-top:1px solid var(--line);padding:26px 0 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px}.footer .brand{font-size:19px}.footer p{color:var(--muted);margin-bottom:0}.footer>div{display:flex;gap:25px}.footer>span{color:var(--muted)}.footer a:hover{color:var(--accent)}.skip{position:fixed;left:16px;top:-100px;background:var(--ink);color:white;padding:10px 20px;z-index:9}.skip:focus{top:10px}.modal-open{overflow:hidden}dialog{padding:0;border:none;background:var(--paper);color:var(--ink);width:min(760px,calc(100% - 36px));max-height:88dvh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#1d2622aa;backdrop-filter:blur(5px)}.dialog-inner{padding:34px 54px 48px}.dialog-close{display:flex;margin-left:auto;align-items:center;gap:15px;background:none;border:0;padding:4px 0;font-size:11px}.dialog-close span{font-size:28px}.dialog-inner>.eyebrow{margin-top:22px;color:var(--accent)}.dialog-inner h2{font-size:48px;margin:18px 0 22px}.dialog-inner>.lead{font-size:21px;line-height:1.5;margin-bottom:32px}.dialog-inner section{margin-bottom:25px}.dialog-inner h3{font-size:15px;margin:0 0 7px;font-weight:600}.dialog-inner section p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.dialog-inner>.text-button{margin-top:15px}
@media(min-width:1500px){.wrap{width:min(1280px,calc(100% - 150px))}.hero h1{font-size:100px}.project-art{height:370px}.flow-art{max-width:450px;margin:auto}}@media(max-width:1000px){.wrap{width:calc(100% - 72px)}h1{font-size:72px;letter-spacing:-3.8px}.hero-bottom>p{font-size:16px;max-width:440px}.project-art{height:310px;padding:23px}.flow-node{font-size:9px;padding:0 10px}.flow-start{left:3%}.flow-mid{left:19%}.flow-end{left:22%}.art-label{font-size:8px}.flow-spark{left:0}.section-heading{gap:30px}h2{font-size:38px}.section-intro{max-width:250px;font-size:13px}.kabby-content{padding:30px}.kabby-project .project-topline{font-size:8px;letter-spacing:.6px}.about-grid{gap:45px}.about h2{font-size:35px}.timeline-row{grid-template-columns:135px 1fr 1fr;gap:15px}.timeline-row p .muted{display:block}.footer{flex-wrap:wrap}.footer p{display:none}.contact h2{font-size:65px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:86px}.brand{font-size:23px}nav{gap:20px;font-size:12px}nav>a:nth-child(2){display:none}.nav-contact{margin-left:0}.nav-contact span{margin-left:5px}.hero{padding-top:31px}.hero-meta .eyebrow{font-size:8px;letter-spacing:.85px;max-width:235px}.location{display:none}.small-dot{width:5px;height:5px;margin-right:5px}h1{font-size:clamp(39px,7.8vw,55px);letter-spacing:-2.3px;margin:39px 0 28px;line-height:1.12}.hero-bottom{display:block}.hero-bottom>p{font-size:15px;max-width:440px}.round-link{justify-content:center;flex-direction:column;gap:12px;margin:28px auto 0;font-size:12px;width:max-content;max-width:100%}.circle{width:42px;height:42px;font-size:21px}.hero-foot{margin-top:35px;font-size:7px;letter-spacing:.6px}.hero-foot span:last-child{font-size:9px}.work{padding:60px 0}.section-heading{display:block;margin-bottom:28px}.section-heading .eyebrow{margin-bottom:17px}h2{font-size:34px;letter-spacing:-1.3px}.section-intro{margin-top:20px;max-width:420px;font-size:13px}.project-grid{grid-template-columns:1fr;gap:35px}.project-art{height:300px}.flow-art{max-width:380px;margin:auto}.flow-start{left:10%}.flow-mid{left:28%}.flow-end{left:35%}.flow-node{font-size:10px}.flow-spark{left:7%}.project h3{font-size:26px}.project p{font-size:13px}.project-topline{margin-top:18px;font-size:8px}.project-role{font-size:9px;margin-top:12px}.project .kabby-project{grid-template-columns:1fr}.kabby-content{padding:25px 25px 30px}.kabby-project .project-topline{font-size:8px}.kabby-project h3{font-size:58px;margin-top:15px}.kabby-project p{font-size:18px}.kabby-art{min-height:255px}.kabby-art svg{width:100%;height:120%;top:-10%;left:0}.kabby-project .kabby-detail{font-size:12px}.more-work{display:block;margin-top:35px;padding-bottom:30px}.more-work h3{font-size:22px}.more-work p:not(.eyebrow){font-size:13px}.more-work .text-button{margin-top:22px}.about{padding:55px 0}.about-grid{grid-template-columns:1fr;gap:24px}.about h2{font-size:36px;margin-top:17px}.about-monogram,.monogram-caption{display:none}.about-copy .lead{font-size:20px;margin-bottom:20px}.about-copy>p{font-size:13px}.practice-list{margin-top:25px}.experience{padding:60px 0 50px}.experience .section-heading{display:flex;align-items:start;gap:15px}.experience h2{font-size:28px}.experience .section-heading .text-button{font-size:10px;gap:7px;margin-top:32px;white-space:normal;min-width:99px}.timeline-row{grid-template-columns:1fr;gap:9px;padding:22px 0}.timeline-date{padding:0;font-size:8px}.timeline-row h3{font-size:23px}.timeline-row p .muted{display:inline}.timeline-row .timeline-desc{font-size:12px;padding:0;max-width:380px}.timeline-desc small{font-size:10px}.toolbox{display:block;margin-top:26px}.toolbox .eyebrow{margin-bottom:10px}.toolbox>p:last-child{font-size:11px}.toolbox span{padding:0 3px}.contact{padding:30px 0 44px}.contact h2{font-size:45px;letter-spacing:-1.8px;margin-top:23px}.small-star{font-size:32px}.contact-bottom{display:block;margin-top:25px}.contact-bottom p{font-size:13px;max-width:370px}.email-link{margin-top:25px;font-size:19px;width:100%;justify-content:space-between}.footer{gap:19px;padding:25px 0;font-size:9px}.footer>div{gap:17px}.footer .brand{font-size:17px}.footer>span{display:none}.dialog-inner{padding:20px 24px 32px}.dialog-inner h2{font-size:37px}.dialog-inner>.lead{font-size:18px}.dialog-inner>.eyebrow{font-size:8px}.dialog-inner section p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:390px){nav{gap:15px}nav>a:first-child{display:none}.header .brand{font-size:22px}.hero-meta .eyebrow{font-size:7px}.hero-foot{gap:10px}.hero-foot span:first-child{max-width:155px}.flow-end{left:27%}.flow-mid{left:20%}.flow-start{left:4%}}
@media(max-width:1000px){.orbit-art{top:25px;transform:translateX(-50%) scale(.86)}}

button.email-link{background:none;border:0;border-bottom:1px solid var(--ink);padding:0 0 8px}
#contact-dialog{width:min(560px,calc(100% - 36px))}
#contact-dialog h2{margin-bottom:16px}
#contact-dialog h2 .serif{color:var(--accent)}
.contact-description{font-size:14px;line-height:1.75;color:var(--muted);max-width:380px;margin-bottom:28px}
.contact-options{border-top:1px solid var(--line)}
.contact-options a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.contact-options strong{display:block;font-size:17px;font-weight:500;letter-spacing:-.3px}
.contact-options small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.contact-options a>span:last-child{font-size:25px;transition:transform .2s}
.contact-options a:hover strong{color:var(--accent)}
.contact-options a:hover>span:last-child{transform:translate(3px,-3px)}
@media(max-width:700px){.contact-options strong{font-size:16px}.contact-options small{font-size:11px}}

.icon-arrow,.icon-star{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex-shrink:0}

/* Short, one-time entrances; all content stays visible without JavaScript. */
@media(prefers-reduced-motion:no-preference){
  .motion-in{animation:section-arrive .55s cubic-bezier(.22,.61,.36,1) backwards}
  .project.motion-in .flow-node{animation:artwork-arrive 1s cubic-bezier(.22,.61,.36,1) backwards}
  .project.motion-in .flow-mid{animation-delay:.12s}
  .project.motion-in .flow-end{animation-delay:.24s}
  .project.motion-in .orbit{animation:orbit-settle 1.6s cubic-bezier(.22,.61,.36,1) backwards}
  .project.motion-in .orbit-two{animation-delay:.1s}
  .project.motion-in .orbit-three{animation-delay:.2s}
  .project.motion-in .route{animation:route-draw 1.5s cubic-bezier(.22,.61,.36,1) .15s backwards}
  .contact-top.motion-in .icon-star{animation:star-settle 1.2s cubic-bezier(.22,.61,.36,1) backwards}
  dialog[open] .dialog-inner{animation:dialog-arrive .22s ease-out backwards}
  dialog[open]::backdrop{animation:backdrop-arrive .22s ease-out backwards}
}
.project-title h3,.footer a,.timeline-row,.nav-contact{transition:color .25s,background-color .25s}
.flow-node,.orbit,.core,.flow-spark,.icon-arrow{transition:translate .4s cubic-bezier(.22,.61,.36,1),rotate .65s cubic-bezier(.22,.61,.36,1),scale .4s,color .25s}
.project-open:focus-visible .project-title h3{color:var(--accent)}
.project-open:focus-visible .project-arrow{transform:translate(3px,-3px)}
.text-button:focus-visible,.nav-contact:focus-visible{color:var(--accent)}
@media(hover:hover) and (pointer:fine){
  .project-open:hover .project-title h3{color:var(--accent)}
  .project-open:hover .flow-start{translate:0 -3px}
  .project-open:hover .flow-mid{translate:0 -5px}
  .project-open:hover .flow-end{translate:0 -2px}
  .project-open:hover .flow-spark{rotate:22.5deg}
  .project-open:hover .orbit-one{rotate:8deg}
  .project-open:hover .orbit-two{rotate:-8deg}
  .project-open:hover .core{scale:1.035}
  .timeline-row:hover{background-color:var(--row-hover)}
  .text-button:hover .icon-arrow,.nav-contact:hover .icon-arrow,.email-link:hover .icon-arrow,.footer a:hover .icon-arrow{translate:2px -2px}
}
@keyframes section-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes artwork-arrive{from{opacity:.35;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes orbit-settle{from{opacity:.3;rotate:-14deg}to{opacity:1;rotate:0deg}}
@keyframes route-draw{from{stroke-dasharray:1 1;stroke-dashoffset:1}to{stroke-dasharray:1 1;stroke-dashoffset:0}}
@keyframes star-settle{from{rotate:-45deg}to{rotate:0deg}}
@keyframes dialog-arrive{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}

nav>a{position:relative}
nav>a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease-out;pointer-events:none}
nav>a:hover::after,nav>a:focus-visible::after{transform:scaleX(1)}
.flow-node::after{content:"";position:absolute;inset:-4px;border:1px solid #c7d5b1;opacity:0;pointer-events:none}
.route-marker{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
  dialog[open].is-closing{animation:dialog-depart .16s ease-in forwards}
  dialog[open].is-closing .dialog-inner{animation:none;pointer-events:none}
  dialog[open].is-closing::backdrop{animation:backdrop-depart .16s ease-in forwards}
  .artwork-active .flow-node::after{animation:step-highlight .6s ease-in-out}
  .artwork-active .flow-mid::after{animation-delay:.22s}
  .artwork-active .flow-end::after{animation-delay:.44s}
  .artwork-active .route-marker.marker-running{animation:marker-presence 1.4s ease-in-out}
}
@keyframes dialog-depart{from{opacity:1;translate:0 0}to{opacity:0;translate:0 4px}}
@keyframes backdrop-depart{from{opacity:1}to{opacity:0}}
@keyframes step-highlight{0%,100%{opacity:0}45%{opacity:.85}}
@keyframes marker-presence{0%,100%{opacity:0}10%,88%{opacity:1}}

.reading-progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:2px;background:var(--accent);opacity:.75;transform:scaleX(0);transform-origin:left;pointer-events:none}
@media(prefers-reduced-motion:no-preference){
  .flow-art,.orbit-art,.kabby-art>svg{translate:0 var(--scroll-drift,0px)}
}
@media(prefers-reduced-motion:reduce){.reading-progress{display:none}}
@media print{.reading-progress{display:none}}

/* Shared theme tokens keep the portfolio, project panels, and résumé in sync. */
:root{color-scheme:light;--body-copy:#525a53;--project-copy:#60675f;--about-copy:#5b6358;--practice-line:#cdd2c2;--circle-border:#aeb5a7;--tool-dot:#9a9f93;--row-hover:#eaecdf55;--selection:#e9c7b9;--reasoner-bg:#dee4e6;--reasoner-ink:#34434c;--orbit-line:#899ba5;--orbit-label-bg:#edf0ee;--orbit-label-line:#a6b5bb;--core-ink:#edf2ee;--kabby-bg:#e9d7bf;--kabby-ink:#242a27;--kabby-meta:#675d4e;--kabby-copy:#3e4136;--kabby-detail:#6d6555;--map-bg:#dfcbae;--map-road:#f2e5d3;--map-route:#8f4c37;--map-caption:#584e3d;--marker-outline:#f8f5ed;}
:root[data-theme="dark"]{color-scheme:dark;--paper:#181d1a;--ink:#eceee5;--muted:#afb7ac;--line:#384239;--accent:#e0997d;--olive:#232d24;--body-copy:#c0c7bb;--project-copy:#b7c0b1;--about-copy:#bbc4b4;--practice-line:#3e4b3d;--circle-border:#6c7b67;--tool-dot:#809077;--row-hover:#27302788;--selection:#684431;--reasoner-bg:#29373e;--reasoner-ink:#d0dde1;--orbit-line:#607b87;--orbit-label-bg:#344851;--orbit-label-line:#607b87;--core-ink:#29373e;--kabby-bg:#382e24;--kabby-ink:#eee0ce;--kabby-meta:#c8b8a1;--kabby-copy:#decbb3;--kabby-detail:#beae98;--map-bg:#453629;--map-road:#63503c;--map-route:#d59677;--map-caption:#d3bea5;--marker-outline:#453629;}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--paper:#181d1a;--ink:#eceee5;--muted:#afb7ac;--line:#384239;--accent:#e0997d;--olive:#232d24;--body-copy:#c0c7bb;--project-copy:#b7c0b1;--about-copy:#bbc4b4;--practice-line:#3e4b3d;--circle-border:#6c7b67;--tool-dot:#809077;--row-hover:#27302788;--selection:#684431;--reasoner-bg:#29373e;--reasoner-ink:#d0dde1;--orbit-line:#607b87;--orbit-label-bg:#344851;--orbit-label-line:#607b87;--core-ink:#29373e;--kabby-bg:#382e24;--kabby-ink:#eee0ce;--kabby-meta:#c8b8a1;--kabby-copy:#decbb3;--kabby-detail:#beae98;--map-bg:#453629;--map-road:#63503c;--map-route:#d59677;--map-caption:#d3bea5;--marker-outline:#453629;}}

.theme-toggle{display:inline-grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink);transition:background-color .2s,color .2s,border-color .2s}
.theme-toggle[hidden]{display:none}
.theme-toggle:hover{background:var(--olive);border-color:var(--circle-border)}
.theme-toggle svg{width:17px;height:17px}
.theme-toggle .theme-sun{display:none}
:root[data-theme="dark"] .theme-toggle .theme-moon{display:none}
:root[data-theme="dark"] .theme-toggle .theme-sun{display:block}
.route-marker{fill:var(--map-route);stroke:var(--marker-outline)}
.resume-actions{display:flex;align-items:center;gap:12px}
@media(max-width:700px){nav{gap:14px}.theme-toggle{width:34px;height:34px}.resume .resume-top{gap:16px;flex-wrap:wrap}}
@media(max-width:390px){nav{gap:10px}}
@media(max-width:360px){.header .brand{font-size:19px}nav{gap:8px}.theme-toggle{width:30px;height:30px}.nav-contact span{margin-left:3px}}
@media print{:root,:root[data-theme]{color-scheme:light!important;--paper:#fff!important;--ink:#111!important;--muted:#555!important;--line:#ddd!important;--accent:#8a3124!important;--olive:#fff!important;--body-copy:#525a53!important;--project-copy:#60675f!important;--about-copy:#5b6358!important;--practice-line:#cdd2c2!important;--circle-border:#aeb5a7!important;--tool-dot:#9a9f93!important;--row-hover:#eaecdf55!important;--selection:#e9c7b9!important;--reasoner-bg:#dee4e6!important;--reasoner-ink:#34434c!important;--orbit-line:#899ba5!important;--orbit-label-bg:#edf0ee!important;--orbit-label-line:#a6b5bb!important;--core-ink:#edf2ee!important;--kabby-bg:#e9d7bf!important;--kabby-ink:#242a27!important;--kabby-meta:#675d4e!important;--kabby-copy:#3e4136!important;--kabby-detail:#6d6555!important;--map-bg:#dfcbae!important;--map-road:#f2e5d3!important;--map-route:#8f4c37!important;--map-caption:#584e3d!important;--marker-outline:#f8f5ed!important;}.theme-toggle{display:none!important}}

@media(max-width:360px){nav>a[href="resume.html"]>span{display:none}}

.project .project-name{font-size:12px;font-weight:550;color:var(--accent);margin:12px 0 8px;letter-spacing:.1px}
.project .project-name+p{margin-top:0}
.project-title{align-items:flex-start;gap:18px}
.project-role{font-size:12px;line-height:1.65}
.project .kabby-impact{font-size:15px;font-weight:550;color:var(--kabby-ink);margin:18px 0 0;line-height:1.5}
.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin:0 0 30px}
.case-facts dt{font-size:11px;color:var(--muted)}
.case-facts dd{font-size:20px;font-weight:550;line-height:1.35;letter-spacing:-.4px;margin:6px 0 0}
.scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.scope-grid>div{padding:15px;background:var(--olive);border:1px solid var(--line)}
.scope-grid strong{display:block;font-size:13px;margin-bottom:8px}
.dialog-inner .scope-grid p{font-size:13px;line-height:1.65}
.case-evidence a{display:block;font-size:13px;line-height:1.6;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:underline;text-underline-offset:4px}
.case-evidence a:hover{color:var(--accent)}
.experience-links{display:flex;align-items:center;gap:22px}
.print-link{font-size:12px;background:none;border:0;border-bottom:1px solid var(--ink);padding:4px 0}
.earlier-scope{font-size:12px;color:var(--muted);margin:12px 0 8px;line-height:1.7}
@media(max-width:700px){
  .project p,.more-work p:not(.eyebrow),.about-copy>p,.practice-list p,.timeline-row .timeline-desc,.contact-bottom p{font-size:14px}
  .project-topline{font-size:10px;line-height:1.6;letter-spacing:.5px}
  .project-role{font-size:12px;margin-top:14px}
  .art-label{font-size:10px;letter-spacing:1px}
  .timeline-date{font-size:11px;letter-spacing:.7px}
  .timeline-row p{font-size:13px}
  .timeline-desc small{font-size:12px;line-height:1.7}
  .toolbox>p:last-child{font-size:13px;line-height:1.9}
  .toolbox .eyebrow,.section-heading .eyebrow,.contact-top .eyebrow,.about .eyebrow{font-size:10px;letter-spacing:1.1px}
  .dialog-inner section p,.dialog-inner .scope-grid p{font-size:14px}
  .dialog-inner>.eyebrow{font-size:10px;letter-spacing:1px}
  .case-facts{gap:12px}
  .case-facts dd{font-size:17px}
  .scope-grid{grid-template-columns:1fr}
  .experience-links{flex-direction:column;align-items:flex-start;gap:14px;padding-top:32px}
  .experience .section-heading .experience-links .text-button{font-size:12px;margin-top:0;min-width:0;white-space:nowrap;gap:8px}
  .resume.wrap li,.resume.wrap .role{font-size:14px}
  .resume.wrap .progression,.resume.wrap .earlier-scope{font-size:12px}
}
@media(max-width:360px){.experience .section-heading{display:block}.experience-links{flex-direction:row;gap:20px;padding-top:22px}}
@media print{.resume .earlier-scope{font-size:9px;margin:6px 0}.print-link{display:none}}

.icon-download{display:inline-block;width:1em;height:1em;vertical-align:-.14em;flex-shrink:0}
@media(max-width:700px){.case-evidence a{font-size:14px}}

@media(max-width:700px){.kabby-content>p:first-of-type{font-size:18px}.kabby-project .kabby-detail{font-size:14px}}
@media print{.resume.wrap li,.resume.wrap .role{font-size:10px}.resume.wrap .progression,.resume.wrap .earlier-scope{font-size:9px}}