:root{--switch-right:clamp(1.25rem, 4vw, 4rem);--switch-width:62px;--switch-gap:clamp(1.1rem, 2vw, 2rem)}.nav .lights,.project-bar .lights{top:.35rem;right:var(--switch-right);width:var(--switch-width);view-transition-name:site-theme-switch;height:44px;position:absolute}.nav .nav__actions,.project-bar .project-bar__links{padding-right:calc(var(--switch-width) + var(--switch-gap))}.lights{--toggle-shift:28px;z-index:1;cursor:pointer;min-width:44px;min-height:44px;transition:transform .14s var(--ease-out,cubic-bezier(.23, 1, .32, 1));background:0 0;border:none;place-items:center;padding:0;display:grid;position:relative}.lights__track{z-index:1;width:62px;height:34px;transition:background-color .24s var(--ease-inout,cubic-bezier(.65, 0, .35, 1)), border-color .24s var(--ease-inout,cubic-bezier(.65, 0, .35, 1)), box-shadow .14s var(--ease-out,cubic-bezier(.23, 1, .32, 1));background:#00bfff;border:3px solid #000;border-radius:10px;display:block;position:relative;overflow:visible;box-shadow:3px 3px #000}html[data-theme=dark] .lights__track{background:#121412;border-color:#fff;box-shadow:3px 3px #fff3bf}.lights__knob{z-index:2;width:26px;height:26px;transform:translateX(var(--toggle-shift));transition:transform .28s var(--ease-inout,cubic-bezier(.65, 0, .35, 1));place-items:center;display:grid;position:absolute;top:1px;left:1px}html[data-theme=dark] .lights__knob{transform:translate(0)}.lights__knob svg{width:26px;height:26px;transition:opacity .18s ease, transform .28s var(--ease-inout,cubic-bezier(.65, 0, .35, 1));position:absolute;inset:0;overflow:visible}.lights__sun{opacity:1;transform:rotate(0)scale(1)}.lights__sun circle{fill:#fd0;stroke:#000;stroke-width:2.5px}.lights__sun path{fill:none;stroke:#000;stroke-width:2.2px;stroke-linecap:round}.lights__moon{opacity:0;transform:rotate(-18deg)scale(.72)}.lights__moon path{fill:#fff;stroke:#000;stroke-width:2.5px;stroke-linejoin:round}html[data-theme=dark] .lights__moon path{fill:#fd0}html[data-theme=dark] .lights__sun{opacity:0;transform:rotate(22deg)scale(.72)}html[data-theme=dark] .lights__moon{opacity:1;transform:rotate(0)scale(1)}.lights:hover{transform:none}.lights:hover .lights__track{box-shadow:4px 4px #000}html[data-theme=dark] .lights:hover .lights__track{box-shadow:4px 4px #fff3bf}.lights:hover .lights__knob{transform:translateX(var(--toggle-shift)) rotate(8deg) scale(1.05)}html[data-theme=dark] .lights:hover .lights__knob{transform:translate(0)rotate(-8deg)scale(1.05)}.lights:active{transform:none}.lights:active .lights__track{box-shadow:1px 1px #000}html[data-theme=dark] .lights:active .lights__track{box-shadow:1px 1px #fff3bf}.lights:focus-visible{outline-offset:4px;outline:3px solid #ff69b4}@media (width<=720px){:root{--switch-right:max(.5rem, env(safe-area-inset-right));--switch-gap:.6rem}}@media (width<=620px){:root{--switch-width:54px}.lights{--toggle-shift:20px;min-width:2.75rem;min-height:2.75rem}.lights__track{width:54px;height:32px}.lights__knob,.lights__knob svg{width:24px;height:24px}}@media (width<=380px){:root{--switch-width:50px;--switch-right:max(.35rem, env(safe-area-inset-right));--switch-gap:.35rem}.lights{--toggle-shift:16px}.lights__track{width:50px}}@view-transition{navigation:auto}::view-transition-group(site-theme-switch){mix-blend-mode:normal;animation:none}::view-transition-old(site-theme-switch){mix-blend-mode:normal;animation:none}::view-transition-new(site-theme-switch){mix-blend-mode:normal;animation:none}::view-transition-old(site-theme-switch){opacity:0}::view-transition-new(site-theme-switch){opacity:1}@media (prefers-reduced-motion:reduce){.lights__track,.lights__knob,.lights__knob svg{transition:none}}:root{--case-readable-muted:#625e57}html[data-theme=dark]{--paper:#121412;--paper-deep:#121412;--ink:#f4f1e8;--ink-soft:#c4c0b8;--case-readable-ink:#f4f1e8;--case-readable-muted:#c4c0b8;--case-readable-accent:#efafe9;--case-heading-accent:var(--case-accent);--case-accent-muted:#c4c0b8;--voice-violet:#cdbbff;--voice-purple:#cdbbff;--voice-wash:#24212d;--violet:#cdbbff}html[data-theme=dark] :is(.skip-link,.entry-diagram__sources span,.case-footer a){color:#fff;background-color:#30322e}html[data-theme=dark] .case-footer{color:#171612}html[data-theme=dark] .case-rail__identity :is(strong,span),html[data-theme=dark] .case-rail nav a.is-active{color:var(--case-accent)}html[data-theme=dark] .case-rail nav a:hover{color:#171612}html[data-theme=dark] .case-rail nav a.is-active i{background-color:var(--case-accent)}html[data-theme=dark] .case-rail__back:hover{color:#fff}html[data-theme=dark] .case-rail__back{color:var(--case-accent-ink)}html[data-theme=dark] .timeout-comparison__sketch figcaption,html[data-theme=dark] .timeout-option__sketch figcaption{background-color:#24212d}.iteration-story__beat--review>span{color:#5f43a6}html[data-theme=dark] .iteration-story__beat--review>span{color:#cdbbff}.challenge-moment strong{color:#efafe9}.voice-demo,.voice-demo video,.current-interface__frame{background-color:#fff}html[data-theme=dark] :is(.problem-tensions strong,.research-findings h3,.reflection-list h3){color:var(--case-accent)}html[data-theme=dark] .phases article{color:#171612}html[data-theme=dark] .solution-map__intent{color:#7b1b79}html[data-theme=dark] :is(.iteration-story__beat--review,.motion-principles article),html[data-theme=dark] :is(.timeout-comparison__region,.timeout-comparison__label){background-color:#24212d}html[data-theme=dark] ::selection{color:#171612;background:#fd0}.project-bar{z-index:150;height:var(--bar-height);color:#171612;-webkit-backdrop-filter:blur(16px)saturate(180%);background-color:#fff;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;padding:.35rem clamp(1.25rem,4vw,4rem);display:grid;position:fixed;top:0;left:0;right:0}.project-bar.is-scrolled{color:#171612;background-color:#fff}html[data-theme=dark] .project-bar,html[data-theme=dark] .project-bar.is-scrolled{color:#f7f3e9;background-color:#121412}.project-bar__brand{align-items:center;min-height:2.35rem;padding:.25rem .35rem;display:flex}.project-bar__name{color:inherit;font-family:var(--font);white-space:nowrap;font-size:clamp(.92rem,.86vw,1.02rem);font-weight:700;line-height:1}.project-bar__brand img{object-fit:contain;filter:none;width:2.4rem;height:1.85rem;display:none}.project-bar__context{color:inherit;font-family:var(--font);letter-spacing:0;text-align:center;text-transform:none;white-space:nowrap;padding:.45rem 0;font-size:clamp(.92rem,.86vw,1.02rem);font-weight:500;line-height:normal}.project-bar__context span{font:inherit}.project-bar__links{justify-content:flex-end;align-items:center;gap:clamp(1.1rem,2vw,2rem);display:flex}.project-bar__links>*{color:inherit;font-family:var(--font);white-space:nowrap;padding:.45rem 0;font-size:clamp(.92rem,.86vw,1.02rem);font-weight:500;line-height:normal;transition:color .25s,opacity .25s;display:inline}.project-bar__links a:hover,.project-bar__links span:hover{opacity:.58}.project-bar__links span{cursor:not-allowed}.case-hero__logo,.case-hero__copy h1,.case-hero__lede,.case-hero__meta{animation:case-title-appear .68s var(--ease,cubic-bezier(.23, 1, .32, 1)) both}.case-hero__logo{animation-delay:80ms}.case-hero__copy h1{animation-delay:.14s}.case-hero__lede{animation-delay:.2s}.case-hero__meta{animation-delay:.26s}@keyframes case-title-appear{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.case-hero__logo,.case-hero__copy h1,.case-hero__lede,.case-hero__meta{animation:.18s both case-title-fade!important}@keyframes case-title-fade{0%{opacity:0}to{opacity:1}}}@media (width<=720px){.project-bar{padding:.35rem max(.5rem, env(safe-area-inset-right)) .35rem max(.5rem, env(safe-area-inset-left));grid-template-columns:1fr auto}.project-bar__context{display:none}.project-bar__brand{min-height:2rem;padding:.1rem .2rem}.project-bar__name{display:none}.project-bar__brand img{width:2.15rem;height:1.7rem;display:block}.project-bar__links{gap:.8rem}.project-bar__links>*{padding:.42rem 0;font-size:.78rem;display:inline}.project-bar__links span{display:inline}}.project-bar__links .lights{flex:none;padding:0;display:grid}.project-bar__links .lights__track{display:block}.project-bar__links .lights__knob{display:grid}.project-bar__links .lights span{cursor:inherit}.project-bar__links .lights span:hover{opacity:1}.project-bar__links .lights__knob svg{inset:0}.project-bar__links .project-bar__linkedin{color:#737373;justify-content:center;align-items:center;min-height:44px;padding-inline:.1rem;display:inline-flex}html[data-theme=dark] .project-bar__links .project-bar__linkedin{color:#b8b8b8}.project-bar__links .project-bar__linkedin:hover{opacity:1;color:#505050}html[data-theme=dark] .project-bar__links .project-bar__linkedin:hover{color:#e0e0e0}.project-bar__linkedin svg{width:1.2rem;height:1.2rem}@media (width<=720px){.project-bar__links{gap:.6rem}.project-bar__links .project-bar__linkedin{padding-inline:.25rem}}@media (width<=620px){.project-bar__linkedin svg{width:1.05rem;height:1.05rem}}@media (width<=380px){.project-bar{padding-inline:max(.35rem, env(safe-area-inset-left)) max(.35rem, env(safe-area-inset-right))}.project-bar__links{gap:.35rem}.project-bar__links .project-bar__linkedin{padding-inline:.2rem}}